МЕТА-ТЕГИ СТРАНИЦ

Раздел head не просто так назван данным словом, переводится с английского как главный. Именно в нем программисты, верстальщики указывают основные параметры рендеринга (отрисовки страницы в браузере), а также передачи информации сторонним сервисам и поисковым роботам. Данная информация влияет на ранжирование и продвижение сайта в поисковой выдаче Яндекса и Гугла. Итак, давайте рассмотрим основные мета-теги, которые обычно прописываются в разделе head.

• meta http-equiv="Content-Type" Content="text/html;" - в данном теге указывается тип генерируемого сайтом контента.
• meta charset=" ", обычно в данном мета-теге указывается тип кодировки контента, обычно это UTF-8 (Unicode Transformation Format)
• Мета-теги title, description - указываются заголовки и описания страницы, как раз эти мета-теги одни из самых важных в SEO, так как указывают релевантность и тематику страницы для поисковых роботов и значительно влияют на ранжирование сайта в поисковиках.
• Мета-тег link rel="dns-prefetch" (есть также preload) - с помощью данного мета-тега указываем, что нужно предзагрузить следующие данные до рендеринга всей страницы. И браузер предзагружает контент, информацию, которая понадобится позже, с указанного источника.
• Важной командой и тегом является meta name="robots" content="index, follow". Именно он указывает порядок и регламент индексирования поисковым роботам сайта. О нем поговорим чуть ниже.
• Мета-тег viewport влияет на качественное и корректное отображение контента на сайте. meta name="viewport" content="width=device-width, initial-scale=1. С помощью данного мета-тега мы также указываем, на сколько мы позволяем пользователю увеличивать экран и его элементы.
• Есть также мета-теги кеширования, авторства, мета-теги для поисковиков, сообщающие частоту обновления страниц. Их мы также рассмотрим в следующих разделах данной страницы.

Мета-тег Cache-Control контролирует кеширование страницы, тем самым может увеличивать или уменьшать время загрузки страницы, не существенно конечно, но может.

• Данный мета-тег дает четкие указания браузеру, промежуточным серверам как вести кеширование запрошенной браузером страницы.
• Пример команды кеширования - meta http-equiv="Cache-Control" content="public, max-age=31536000, где max-age - это указание параметра, в секундах, на какое время идет кеширование контента.
• Так, например, команда max-age=time, proxy-revalidate указывает прокси-серверам, сколько хранить документ в кеше прокси-сервера.
• С помощью команды private, мы указываем, что надо кешировать данные только в браузерах, кешировать данные в прокси-серверах не нужно.
• С помощью команды no-store в мета-теге http-equiv="Cache-Control" мы указываем, что документ можно кешировать, но не нужно его сохранять в архивах серверов.
• В общем и целом с инструментом кеширования нужно работать аккуратно, чтобы выдавать корректную и своевременную информацию на сайте.