Заголовки http (или http headers) — это служебные данные, которые передаются между сервером и браузером при каждом запросе. Они содержат информацию о содержимом страницы, типе данных, языке, кодировке и других параметрах. Хотя пользователи их не видят, заголовки влияют на загрузку, безопасность и SEO.
Зачем нужны http-заголовки
Заголовки формируются автоматически при любом http-запросе. Без них не получится корректно передавать данные между браузером и сервером. Это как "конверт" для письма — в нем указаны адреса, язык, тип вложения. Некоторые заголовки критически важны, например, content-type, cache-control, user-agent.
Как http-заголовки влияют на SEO
Некоторые заголовки прямо влияют на поведение поисковых систем. Например, If-Modified-Since помогает избежать повторной индексации, если контент не изменился. Это экономит ежедневный краулинговый бюджет, — число страниц, которое сканируется поисковым роботом за 24 часа.
http-заголовки могут ускорять загрузку и управлять кэшированием, что влияет на позиции в Google.
Какие заголовки ускоряют загрузку страниц
Есть несколько таких заголовков. Например,
- Cache-Control позволяет хранить данные в браузере и не загружать их повторно.
- If-Modified-Since и ETag позволяют загружать только измененные файлы.
- Content-Encoding: gzip позволяет сжимать данные перед отправкой.
Все это снижает нагрузку на сервер и ускоряет отображение страницы.
Используете Google или Яндекс для увеличения продаж?
Бесплатный анализ сайта Проверьте сейчас сайт на ошибки поисковой оптимизации.
Раскройте скрытые возможности Вашего сайта.
Рекомендации для продвижения сайта бесплатноКакие http-заголовки важны для картинок
Нужно использовать заголовки кэширования и сжатия для картинок.
Например, expires, cache-control помогут браузеру хранить картинки дольше. Также можно использовать accept-encoding, чтобы сервер понимал, поддерживает ли клиент сжатые форматы, такие как webp. важно использовать jpeg или webp для фото, png для графики.
Что делает http-заголовок Range
Заголовок Range позволяет загружать только часть файла. Это полезно, если пользователь воспроизводит видео с середины. Также это помогает при нестабильном интернете. Сервер отправляет только нужный фрагмент, а не весь файл целиком. Это снижает трафик и ускоряет загрузку контента.
Что такое заголовки if-modified-since и if-none-match
Они используются для экономии трафика и ускорения загрузки.
if-modified-since говорит серверу: "отправить мне файл, только если он обновился после определенной даты".
if-none-match делает то же самое, но через etag. Это уникальный идентификатор версии файла. Если файл не изменился, сервер отвечает 304 Not Modified, и браузер использует кэш.
Как долго хранится кэш
Да, для этого служат заголовки cache-control и expires. Cache-control указывает, можно ли кэшировать файл, и на какой срок.
Например, cache-control: max-age=31536000 означает, что файл можно хранить в кэше целый год.
Expires работает похоже, только использует дату.
Эти заголовки особенно полезны для статических файлов — css, js, картинки.
Что делать, если файл обновился, а браузер все еще показывает старую версию
Такое бывает, если включено кэширование, но вы не поменяли версию файла. Решение — добавить к URL параметр версии, например style.css?v=2. Или использовать etag, чтобы сервер проверял, изменилась ли версия. Также можно очистить кэш на сервере и в браузере.
Как настроить правильные заголовки для сайта
Узнав, какие заголовки передает сайт сейчас, можно исправить их с учетом SEO. Настройка может быть выполнена через файл .htaccess, Nginx-конфигурацию или CMS. Также можно подключить инструменты CDN, которые управляют заголовками автоматически.
Как посмотреть заголовки сайта
Например, открыть сайт в браузере, нажать F12 и перейти во вкладку "Network". Там можно посмотреть все заголовки запроса и ответа. Кроме этого, Google Search Console и PageSpeed Insights тоже показывают заголовки.
Какие http-заголовки рекомендует Google
Рекомендации Google можно найти в отчете PageSpeed Insights. Например, включить кэширование, сжатие gzip, уменьшить количество редиректов. Также много технической информации Google для разработчиков на сайте Google for Developers.