Основные мета теги сайта
Метаданные — это информация, которая указывается внутри тегов <meta> и не отображается на странице, а используется, как вспомогательные сведения, помогающие корректно отображать страницу браузерам, индексировать и выводить её в результатах поисковым сетям. При верстке сайта их размещают в секцию <head>, то есть в «голове» HTML-документа.
Если вы хоть чуть-чуть разбираетесь в HTML, то вам всё объяснит приведённый ниже, демонстрирующий назначение и синтаксис мета-тегов, код.
<head>
<meta charset="utf-8">
<title>Хоть и не мета-тег, но должен присутствовать на каждой веб-странице и содержать её заголовок</title>
<meta name="keywords" content="Ключевые слова">
<meta name="description" content="Краткое описание">
<meta http-equiv="refresh" content="url редиректа и время переадресации">
</head>
Разберёмся в этих атрибутах и тегах.
Charset
Атрибут указывает браузеру кодировку текста страницы. При его отсутствии интернет-обозреватель сам попытается определить кодировку, причём вполне может сделать это неверно, и вместо символов алфавита пользователь увидит «крякозябру». Универсальной кодировкой сейчас является utf-8, поэтому на сайте рекомендуется использовать именно её.
<head>
<meta charset="utf-8">
</head>
Title
Хоть формально это и не мета-тег, функционально, всё-таки, его можно отнести только к ним. Контейнер содержит заголовок страницы, его наличие и содержание крайне важны. Он используется и браузерами для отображения заголовков вкладок, и поисковыми машинами — для индексации и отображения в результатах поиска.
Исходя из вышеизложенного, можно сделать несколько выводов:
- Длина заголовка не должна превышать 70 символов, иначе он не поместится на странице поисковой выдачи.
- Отлично, если заголовок содержит ключевые слова или хотя бы основной ключ, причём желательно расположить его в начале заголовка.
- Title может содержать название компании или сайта.
- Минус-слов вроде частиц и предлогов лучше избегать.
- Заголовок должен коррелировать с содержимым страницы.
- Уникальное наполнение контейнера title нужно придумать для каждой страницы.
Description
Содержит краткое описание страницы, которое используется поисковиками. Например, описание может отображаться в поисковой выдаче.
В этот тег нужно помещать краткое описание содержания страницы, длиной не превышающее 180 знаков, чтобы пользователь понял, о чём она, и заинтересовался.
Http-equiv
Тег позволяет создавать перенаправление — инициировать загрузку указанного документа через определённое время, назначать редирект.
<meta http-equiv="refresh" content="10; URL=http://domen.ru">
Эту запись браузер поймёт как «Через 10 секунд после загрузки страницы перенаправить пользователя на сайт domen.ru». Таким образом можно легко создать редирект.