Главная / Технический аудит / Файлы с внешних сайтов

Файлы с внешних сайтов

Многие сайты используют внешние файлы изображений, CSS и JavaScript, расположенные на сторонних доменах. Это удобно, поскольку они предоставляют готовые решения, которые подходят для вашего сайта.

CSS (Cascading Style Sheets) в переводе означает «каскадные таблицы стилей». Код CSS используют для оформления HTML- страниц.

Он обеспечивает визуальную привлекательность веб-страницы. С помощью CSS можно:

  • определять местоположение элементов на странице;
  • указывать расстояние между элементами;
  • задавать вид, цвет и размер шрифта;
  • устанавливать цвета фона и добавлять фоновые изображения.

Самый распространенный способ реализации CSS — использование внешней таблицы стилей в формате .css. Ссылку на файл размещают в разделе <head> страницы.

Кроме того, часто применяются отдельные CSS-файлы для разных типов страниц.

Пример внешних файлов CSS в HTML-коде страницы:

На базе JavaScript реализуется интерактивный функционал сайта. Использование кода JS делает страницу динамичной, обновляя её элементы после действий пользователя. С помощью JavaScript создают, например:

  • всплывающие формы обратной связи,
  • эффекты анимации,
  • интерактивные карты,
  • корзины в интернет-магазинах,
  • сайты с часто обновляющимся контентом (метеосводками, курсами валют),
  • а также подгружают контент при «бесконечной» прокрутке страницы и т. п.

Пример внешнего файла JavaScript в HTML-коде страницы:

Почему внешние файлы важны для SEO?

Проблемы с загрузкой изображений и файлов CSS портят визуальную составляющую веб-ресурса - его элементы могут отображаться некорректно или совсем отсутствовать.

Если не загрузятся файлы JS, это приведет к тому, что часть контента страницы, доступная после обработки JavaScript, не будет видна пользователям. Может быть нарушено выполнение различных функций - например, отправка заявок, работа корзины или меню.

Загрузка шрифтов или JS счетчиков с авторитетных веб-ресурсов вполне безопасна. С серьезными рисками связано использование внешних файлов с изображениями, CSS и JS, размещенных на малоизвестных, ненадежных сайтах.

  • При удалении сторонним ресурсом файла, который вы используете, ваш сайт перестанет корректно работать или отображаться. Например, есть кейс, когда компания размещала все изображения на веб-ресурсе, ускоряющем их загрузку. Спустя год этот ресурс перестал существовать и на сайте, использовавшем внешние файлы, в один момент исчезли все изображения в интернет-магазине, блоге и т. д. В итоге его позиции резко упали, и потребовалось много времени, чтобы найти новые изображения и восстановить позиции сайта.
  • Настройка источником внешних CSS- или JS-файлов переадресации с них на другие файлы также может негативно повлиять на отображение и функционирование вашего сайта.
  • Если у вас нет доступа к серверу, на котором размещены файлы CSS и JS, то вы не сможете настроить их сжатие и кеширование, а также отладку ошибок 5XX (внутренних ошибок сервера).
  • В случае взлома сайта - источника внешних файлов, в них может появиться вредоносный код, который скомпрометирует ваш сайт и вызовет снижение его трастовых факторов. Например, если на вашем сайте принимаются данные карт пользователей (без переадресации их на платежные системы), хакеры могут внедрить JS, который будет подменять форму оплаты и похищать эти данные.

Содержание отчета «Файлы с внешних сайтов»

В отчете показаны внешние файлы изображений, CSS и JavaScript, которые используются на вашем сайте.

  1. С помощью выделения галочкой можно выбрать типы файлов, которые должны отображаться в отчете.
  2. URL-адрес внешнего файла.
  3. Домен, на котором размещается используемый файл.
  4. Тип внешнего файла (изображение, CSS или JavaScript).
  5. Страницы вашего сайта, содержащие данный файл. Список страниц открывается при клике по кнопке «Показать».

Рекомендации

Вы можете использовать внешние файлы, размещенные на крупных порталах, вызывающих доверие. Файлы из сомнительных источников следует переносить и сохранять на своём сайте.

Если нет возможности отказаться от применения файлов изображений, CSS и JS, расположенных на сторонних ресурсах, используйте данные отчета Labrika, чтобы отслеживать их состояние.

  • Например, если файл был переадресован на другой URL, то нужно обновить соответствующую ссылку в коде сайта.
  • Необходимо отслеживать наличие неработающих изображений, файлов JavaScript и CSS, которые отдают код ответа 404. Такой ответ говорит о том, что запрошенного файла не существует, а значит, нужно заменить его на актуальный.
  • Также важно проверять внешние файлы на наличие вредоносного кода, который может украсть данные пользователей и т. п.
  • Чтобы обеспечить поисковым роботам доступ к полной информации о содержимом сайта, не следует запрещать им сканирование файлов JavaScripts и CSS в robots.txt.