Мета теги html их назначение и правильное заполнение

Мета тег title

Например, если вы посмотрите HTML-код этой страницы, то увидите, что заголовок выглядит следующим образом:

Теги заголовков помещаются в <head> вашей веб-страницы и предназначены для предоставления чёткого и исчерпывающего представления о том, о чём эта страница. Но имеют ли они такое же сильное влияние на позиции в выдаче, как это было много лет назад?

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

Заголовок страницы по-прежнему является первым, что пользователь видит в поисковой выдаче и решает, отвечает ли страница поисковому запросу. Правильно написанный title может значительно увеличить количество кликов по сниппету и трафик на сайт, что, безусловно, влияет на ранжирование.

Простой эксперимент показывает, что Гуглу больше не нужен ваш тайтл, включающий ключ с точным соответствием, чтобы понять тему страницы. Например, несколько лет назад выдача Гугла по запросу «как повысить узнаваемость бренда» очень сильно походила на то, что вы можете наблюдать сейчас в Яндексе:

Всего 1 заголовок из всего топа не включает точное соответствие. А теперь давайте взглянем на Google:

Всего 1 заголовок из всего топа включает точное соответствие. Но при этом в Гугле нет ни одного неуместного результата: каждая, из приведённых здесь страниц, объясняет, как повысить узнаваемость, и заголовки это отражают.

Поисковые системы смотрят на общую картину и обычно оценивают содержание страницы в целом, но «обложка книги» всё ещё имеет значение, особенно, когда речь идёт о взаимодействии с пользователями.

Как правильно заполнять title

Сделайте для каждой страницы уникальный заголовок, который кратко и точно описывает её контент.
Если хотите, чтобы заголовки не обрезались в поисковой выдаче, лучше ограничивать их 50-60 символами. В Google длинные заголовки сокращаются, примерно, до 600-700 пикселей, но эти цифры иногда меняются, так что не стоит их жёстко придерживаться.
Главные ключевые слова должны стоять как можно ближе к началу заголовка. Но вставляйте их максимально органично, как будто вы это делаете для посетителей сайта.
Используйте название вашего бренда в названии, даже если оно не отображается в поисковой выдаче, это всё равно будет иметь значение для поисковой системы.

Совет: используйте title для привлечения внимания

Тег заголовка ценен не только потому, что он является основным элементом поисковой выдачи, но и потому, что он действует, как заголовок вкладки в вашем веб-браузере. Это можно использовать для привлечения внимания пользователя. Например:

Такой подход используют социальные сети: ВКонтакте, Facebook, LinkedIn, чтобы показать вам, что имеются новые уведомления. Эта тактика может дать весьма неплохой результат!

Технические служебные мета-теги

Существуют служебные метки для поисковых систем Яндекс и Google, которые дают роботам необходимую информацию. Более подробно рассмотрим только один из них, потому что для работы большинству пользователей знать про остальные нет нужды и загружать мозги лишней ненужной информацией не стоит.

Robots:

Файл robots.txt создаётся и размещается в корневой папке сайта public_html. В некоторых случаях CMS сами генерируют виртуальный файл robots и роботы его видят без размещения в корне на хостинге. Robots.txt является необходимым элементом для продвижения и содержит общие указания поисковикам

Meta-robots при публикации позволяет сделать более тонкие настройки конкретному контенту, например:

Индексировать или нет конкретную запись или ссылку в тексте;
Не индексировать изображения;
Запрет на выдачу в поиске кэшированной страницы;
Запрет на показ в сниппете.

Описание

Мета тег является, вероятно, наиболее часто используемым. Он предоставляет поисковому роботу короткое описание страницы. Например:

<meta name=”description” content=”Урок о мета тегах для поисковой оптимизации”/>

Раньше данный тег использовался для повышения ранжирования страницы, но изменения алгоритмов работы поисковых систем уменьшили его влияние на результат выдачи по поисковому запросу. Однако данный мета тег все еще может быть полезен, так как поисковые сервера используют информацию из него на страницах результатов.

Но что случится, если оставить мета тег описания пустым или совсем его не использовать? Поисковый сервис также будет выдавать короткое описание страницы в результатах запроса, но оно будет составлено самим сервисом. В большинстве случаев такое описание не настолько хорошо, как хотелось бы. То есть, в таком случае вы теряете возможность убедить пользователя перейти на свою страницу.

Как добавить и проверить метатеги на сайте

Во многих CMS нет возможности добавить метатеги через панель администратора, поэтому нужно устанавливать специальные плагины — например, Yoast SEO для WordPress; Easy Frontend SEO для Joomla.

Если по умолчанию в вашей CMS нет возможности прописать теги или вы по каким-то причинам не можете установить нужный плагин, вы можете открыть php файл нужной вам страницы через ftp-клиент и добавить в него метатеги.

Проблемы с тегами встречаются у многих веб-ресурсов. В прошлом году мы проанализировали 80 000 сайтов на предмет самых популярных ошибок, которые мешают в продвижении ресурсов, и увидели такую картину. У 64,4% сайтов был не заполнен или вообще отсутствовал метатег Description, у 45,5% ресурсов дублировался Description, а у 52,3% — дублировался тег Title.

Поэтому если вы не уверены, что на вашем сайте порядок с тегами, перепроверяйте все страницы с помощью нашего инструмента «Аудит сайта». Он буквально за несколько минут просканирует все страницы на вашем сайте (включая поддомены) и проверит метатеги.

В разделе «Анализ метатегов» вы увидите какие метатеги не прописаны, какие из них дублируются или слишком короткие/длинные. Рядом с каждой ошибкой вы увидите список URL, где она встречается.

В настройках вы можете самостоятельно задать оптимальную длину для Title и Description. А еще — настроить расписание автоматических проверок сайта и получать регулярные отчеты на свою почту, чтобы не пропустить никаких ошибок.

Регистрируйтесь на платформе и проверяйте метатеги на своем сайте.

Атрибуты

Атрибут	Значение	Описание
charset	character_set	Задает кодировку символов для HTML документа.
content	text	Задает значение, связанное с атрибутами name и http-equiv, в зависимости от контекста.
http-equiv	content-security-policycontent-typedefault-stylerefresh	Фактически эквивалентен гипертекстовому заголовку (имитация http-заголовка), формируют заголовок страницы и определяют его обработку. Как правило, они управляют действиями браузеров и используются для формирования информации, выдаваемой обычными http-заголовками.
name	application-nameauthordescriptiongeneratorkeywords	Определяет имя документа на уровне метаданных.
scheme	format/URI (универсальный идентификатор ресурса)	Не поддерживается в HTML 5. Указывает полезную информацию о схеме или названии самой схемы, которая должна быть использована для уточнения значения свойства атрибута content.

Теги HTML

Тег META

Специальная группа инструкций <META>, предназначена в основном для описания и индексирования документа поисковыми машинами. Все мета теги не видны при просмотре документа. Команды <META> вносятся в «шапку» гипертекстового документа — внутри блока <HEAD&gt…</HEAD&gt. Закрывающий тег </META> запрещен

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

Используется для того, чтобы браузер мог правильно отобразить содержимое
страницы и для определения поисковой машиной языка, на котором написана страница

Используется для того, чтобы браузер
автоматически переключался на новый адрес через x секунд

Используется для указания имени автора. Поисковые
системы могут найти нужный сайт по имени автора (или найти самого автора).

Полезно также указать и авторские права название фирмы почти наверняка
будет проиндексировано поисковой машиной.

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

Список терминов и ключевых слов это то, что является самым главным при индексировании Вашего сайта поисковой машиной! Длина содержимого тегов МЕТА «keywords» не должна превышать 1000 символов

Краткое описание Вашего сайта, используемое поисковым сервером для
индексирования, и, как правило, вставляемое в текст страницы найденных
совпадений в качестве описания Вашего сайта. Длина содержимого тегов МЕТА «description» не должна превышать 200 символов

Отключает Панели управления изображениями. Обычно используют при выводе баннеров, фона картинки, карты изображения и др., когда вывод данной панели нежелателен

Поддержка интефейса, используемого в Windows XP. Если вы пользуетесть Windows XP, то Internet Explorer 6 использует новый внешний вид некоторых элементов (кнопки, полосы прокрутки), как в Windows XP. Вы может отключить эту поддержку

Запрещает индексацию страницы поисковыми роботами.

Группа особых метатегов, позволяющих использовать особые эффекты при заходе или уходе пользователя со странички или сайта

<META HTTP-EQUIV=»Page-Enter» CONTENT=»revealTrans(Duration=4.0,Transition=12)»> (эффект при заходе на страницу)

<META HTTP-EQUIV=»Page-Exit» CONTENT=»revealTrans(Duration=4.0,Transition=12)»> (эффект при уходе со страницы)

<META HTTP-EQUIV=»Site-Enter» CONTENT=»revealTrans(Duration=4.0,Transition=12)»> (эффект при заходе на сайт)

<META HTTP-EQUIV=»Site-Exit» CONTENT=»revealTrans(Duration=4.0,Transition=12)»> (эффект при уходе с сайта), где
Duration задает время в секундах, а Transition — номер эффекта
Посмотреть примеры

Категория тега METAТеги форматирования документа

Параметр NAME

HTML:

3.2

XHTML:

1.0

1.1

Описание

Устанавливает идентификатор метатега для пары «имя=значение». Одновременно использовать
параметры name и http-equiv
не допускается.

Аргументы

Любой подходящий идентификатор. Ниже приведены некоторые допустимые аргументы
параметра name.

author: Имя автора документа.
description: Описание текущего документа.
keywords: Список ключевых слов, встречающихся на странице.

Значение по умолчанию

Нет.

Пример 4. Добавление ключевых слов

<!DOCTYPE HTML PUBLIC «-//W3C//DTD HTML 4.01//EN» «http://www.w3.org/TR/html4/strict.dtd»>
<html>
<head>
<title>Тег META, параметр name</title>
<meta http-equiv=»Content-Type» content=»text/html; charset=utf-8″>

HTML Теги

<!—><!DOCTYPE><a><abbr><acronym><address><applet><area><article><aside><audio><b><base><basefont><bdi><bdo><big><blockquote><body><br><button><canvas><caption><center><cite><code><col><colgroup><data><datalist><dd><del><details><dfn><dialog><dir><div><dl><dt><em><embed><fieldset><figcaption><figure><font><footer><form><frame><frameset><h1> — <h6><head><header><hr><html><i><iframe><img><input><ins><kbd><label><legend><li><link><main><map><mark><menu><menuitem><meta><meter><nav><noframes><noscript><object><ol><optgroup><option><output><p><param><picture><pre><progress><q><rp><rt><ruby><s><samp><script><section><select><small><source><span><strike><strong><style><sub><summary><sup><svg><table><tbody><td><template><textarea><tfoot><th><thead><time><title><tr><track><tt><u><ul><var><video>

Мета тег robots

Мета тег используется для управления доступностью веб страницы для поисковых сервисов. Вы можете разрешить или запретить индексирование страницы, следование по ссылкам и архивацию. Например:

<meta name=”robots” content=”noindex, nofollow” />

This meta tags tells search engines not to index the page and prevent them from following the links. If you happen to be using two contradictory terms (e.g. noindex and index), Google will choose the most restrictive option.

Чем данный тег полезен для SEO? В первую очередь он представляет собой простой способ предотвратить индексацию дублирующего содержания, например, печатной версии страницы. Так же мета тег может быть полезен на незавершенных страницах или для скрытия конфиденциальной информации от поисковых сервисов.

Правила употребления Title и Description

Оптимальное количество символов в мета-тегах

Важно соблюдать баланс между размером мета-тегов Title и Description и числом ключевых слов в них, поскольку содержимое данных элементов является более значимым сигналом ранжирования, чем какой-либо другой текст на странице. Хотя поисковые системы точно не указывают рекомендуемую длину Title, большинство настольных и мобильных браузеров могут отображать первые 50–60 символов мета-тега заголовка

Хотя поисковые системы точно не указывают рекомендуемую длину Title, большинство настольных и мобильных браузеров могут отображать первые 50–60 символов мета-тега заголовка.

Согласно последним данным, при ранжировании учитывается больше слов, чем выводится на экран. Например, Google будет учитывать весь тег заголовка при сканировании страницы, даже если он не отображается полностью в поисковой выдаче. Однако надо иметь в виду, что чем больше слов в заголовке, тем меньше будет «вес» каждого из них по формуле ВМ25.

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

Размер Description для разных поисковых систем будет отличаться в зависимости от размера описания в сниппете. Стандартная длина Description для Google составляет 120–160 символов. В Яндексе длина описания в сниппете может доходить до 300 знаков, а если описание развернуть, кликнув по стрелке «Читать ещё», оно может превышать 600 символов (включая пробелы).

При выборе размера Description также важно помнить о сохранении в нем веса ключевых слов и о том, что слишком короткий Description не будет использоваться для формирования сниппета

Уникальность мета-тегов

Мета-теги обязательно .

Недопустимо, чтобы информация на нескольких страницах сайта дублировалась — это достаточно грубая ошибка, которая негативно влияет на ранжирование. Кроме того, не должно быть совпадения информации в мета-тегах на одной странице, например, одинаковых Title, Description и заголовка Н1 – это затруднит формирование привлекательного сниппета, а также может привести к переоптимизации страницы и наложению санкций со стороны поисковых систем.

Варианты использования Метатегер?

Сервис Метатегер предоставляет три варианта использования. Первый, скачать мета-теги с нужной URL страницы. Второй вариант это в ручную ввести мета теги без URL. И третий вариант, это разбить словосочетания на отдельные слова, чтобы использовать их в качестве ключевиков.

1. Вариант – скачать мета теги указанной страницы (URL страницы).
1.1 Введите URL проверяемой страницы.
1.2 Введите ключевые слова, которые хотите проверить.
1.3 Нажмите кнопку проверки.

2. Вариант – ручной ввод мета тегов без URL.
2.1 Введите проверяемые мета теги + ключевые слова.
2.2 Нажмите кнопку проверки.

3. Разбивка словосочетаний на отдельные слова.
Если Вам нужно не только для мета тегов разбить слова, можете воспользоваться Метатегером. Просто введите список слов и нажмите проверить. В соседних колонках появится список разделенных слов, каждое с новой строки.

Что такое мета-теги?

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

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

Нужно заметить, что правильное написание («мета-теги» или «метатеги») нигде не регламентировано, а следовательно, здесь вы можете шалить как душе угодно. На википедии оперируют метатегами и мета-тегами наравне. Но не будем о грустном мира сего, пойдём дальше.

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

Отсюда вытекает следующая проблема — не все браузеры понимают некоторые специфичные мета-теги. Например, мета-тег , который предназначен для мобильных версий браузера Chrome никак не повлияет на, допустим, сам Chrome, который запущен на десктопе. Иначе говоря, те браузеры, что не могут соотнести мета-тег с функционалом, который в них заложен — просто игнорируют его.

На самом деле так же дела обстоят и с другими тегами. Недавно перешедшая в статус официальной рекомендации спецификация HTML5, содержит в себе реинкарнацию элемента dialog, который до сих пор поддерживается только Chrome и Opera. Однако, это не значит, что в других браузерах этот элемент и его содержимое будет игнорироваться вовсе — он просто будет обычным тегом, например, таким, как . Разумеется, что и доступное для него API (по спецификации) в таком браузере не будет реализовано, хотя в DOM такой элемент будет, и его содержимое будет отображаться на странице.

Мета теги для социальных сетей

Open Graph был первоначально представлен Facebook, чтобы вы могли контролировать, как страница будет выглядеть при публикации в социальной сети. Сегодня эта разметка поддерживается большинством популярных соцсетей и мессенджеров: ВКонтакте, Твиттер, LinkedIn, Телеграм, Viber, Slack и др.

Вот основные теги Open Graph:

og:title – здесь вы помещаете заголовок, который будет отображаться при ссылке на вашу страницу.
og:url – URL вашей страницы.
og:description – описание вашей страницы. Помните, что, например, Facebook будет отображать всего около 300 символов описания.
og:image – здесь вы можете поместить URL-адрес изображения, которое будет отображаться при ссылке на вашу страницу.

Используйте специфические метатеги социальных сетей, чтобы улучшить внешний вид ваших ссылок для подписчиков. Это не особо сложная функция и она не влияет напрямую на ранжирование. Однако, настроив красивое отображение ссылок, вы улучшите CTR и UX.

Как внедрить мета теги для социальных сетей

Добавьте базовые и дополнительные метаданные, используя протокол Open Graph, и проверьте URL-ы, чтобы увидеть, как они будут отображаться.
Настройте карточки для Твиттера и просмотрите результат.
Дополнительную справку по мета тегам семантической разметки страниц можно получить в Яндексе.
В Яндекс Вебмастере есть отдельный инструмент (валидатор) для проверки микроразметки, который подходит и под Open Graph.
Для WordPress существует множество готовых решений. Я, например, использую плагин Yoast SEO.

Мета-теги области просмотра

Окно просмотра мета – тег будет настроить свой веб – сайт для мобильных телефонов. Он известен как Responsive Meta Tag, потому что с его помощью вы можете активировать адаптивный макет на своей веб-странице.

В приведенном ниже примере веб-страница является веб-страницей по умолчанию без каких-либо изменений без метатега области просмотра.

Но если мы просто создадим метатег, вы увидите разницу.

Итак, метатег области просмотра состоит из двух элементов. В первую очередь ширина и начальный масштаб. Мы должны использовать ширину как «ширину устройства», как в примере, и начальный масштаб равен 1.0. Как код ниже:

<meta name="viewport" content="width=device-width, initial-scale=1">

Проверка адаптивного макета

В Firefox, а также в Google Chrome и некоторых других браузерах есть способ имитации мобильного телефона. В Firefox и Chrome вы можете нажать ctrl + shift + i, чтобы увидеть эти параметры. Таким образом, вы можете видеть веб-страницу точно так же, как на мобильном телефоне или в другом размере.

Теперь в мобильном симуляторе мы можем просто выбрать модель мобильного. В приведенном ниже примере мы будем тестировать мобильный телефон iPhone X.

Например, попробуйте изменить начальную шкалу с одного на два. Сохраните страницу и перезагрузите ее, нажав F5.

После этого, как вы можете видеть на изображении, страница будет увеличена в большом масштабе. По умолчанию лучшая конфигурация – 1.0.

Теперь, если вы удалите этот метатег, вы увидите, как на изображении ниже, как он будет выглядеть без метатега области просмотра.

Как видите, метатег области просмотра очень важен, чтобы ваш сайт хорошо отображался на мобильных устройствах.

Параметр CONTENT

HTML:

3.2

XHTML:

1.0

1.1

Описание

content устанавливает значение параметра, заданного
с помощью name или http-equiv.
Параметр content может содержать более одного аргумента,
в этом случае аргументы разделяются запятыми или точкой с запятой.

Значение по умолчанию

Нет.

Пример 2. Использование параметра content

<!DOCTYPE HTML PUBLIC «-//W3C//DTD HTML 4.01//EN» «http://www.w3.org/TR/html4/strict.dtd»>
<html>
<head>
<title>Тег META, параметр content</title>

</body>
</html>

Мета-теги роботов

Прежде чем мы поговорим о метатеге robots, давайте разберемся с роботами поисковых систем. Роботы – это большой сервер, который посещает и сканирует каждую страницу в Интернете. Это называется «индексацией». Он копирует содержимое, текстовое содержимое страницы. Он копирует изображения, а также метатеги. Ваш заголовок, описание и другие метатеги.

Таким образом, в метатеге robots вы можете разрешить поисковым системам индексировать эту страницу или нет.

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

Таким образом, с помощью этого метатега вы можете просто запретить или заблокировать их, не позволяя им выполнять поиск и индексировать ваш контент в Интернете.

Итак, в примере кода ниже вы можете увидеть, как выглядит метатег «robots».

<meta name="robots" content="index, follow">

В приведенном выше примере это образец метатега robots с индексом содержания и последующим. Используя запятую индекса содержания, вы говорите с поисковой системой: «пожалуйста, проиндексируйте нашу страницу и, пожалуйста, следуйте нашим ссылкам». В этом метатеге есть еще несколько вариантов, которые вы можете использовать. Использование index и follow – это рекомендуемая конфигурация для тех, кто хочет, чтобы ваш сайт был проиндексирован.

Нет индексных роботов

Допустим, у вас есть страница с личной информацией, и вы не хотите, чтобы она отображалась в поисковых системах. Итак, если вы не хотите, чтобы ваш сайт индексировался, вы должны просто изменить метатег на noindex.

<meta name="robots" content="noindex, nofollow">

Используя атрибут noindex, вы просто общаетесь с поисковыми системами, пожалуйста, не индексируйте мою веб-страницу. Мы не хотим, чтобы эта страница отображалась в Google.

Атрибут Follow

Если бы у вас была одна или несколько ссылок, Google перешел бы по этим ссылкам. Он ползет по всем этим ссылкам.

Вы можете просто указать nofollow, чтобы сообщить Google: не переходите по ссылкам на этой веб-странице, даже если ссылки внутренние, на тот же веб-сайт или даже если ссылки внешние, на другие веб-сайты.

Поэтому мы рекомендуем всегда использовать index и следовать стандартной конфигурации, чтобы ваш сайт был проиндексирован Google.

Описание метатега в HTML

Meta Тег Description является одним из наиболее важных для веб-сайта.

Для вас просто необходимо показать поисковым системам, таким как Google, как индексировать и как описывать свой веб-сайт. Итак, тег Meta Description должен содержать описание вашей веб-страницы.

Например, если вы говорите о своей собаке, у вас должно быть краткое описание вашей собаки. Как в примере кода ниже:

<meta name="description" content="Веб-страница о Борисе, собаке!">

Но помните, мета-описание не может быть таким длинным. Затем он должен быть ограничен 150 или 160 символами.

Итак, давайте посмотрим, как ведет себя описание метатега в Google. Например, на следующем изображении вы можете увидеть результаты поиска Google.

Синяя часть – это тег заголовка, содержимое тега заголовка. Ниже мы видим описание, которое является метаописанием. Если кто-то просто поместит описание более 150 символов, вы увидите в конце трехточечное.

Страница без описания метатега

Допустим, у вас нет мета-описания. В этом случае Google просто извлечет содержимое вашей веб-страницы и поместит его описание в результаты поиска.

Но на самом деле это не очень хорошо, поскольку Google отдает приоритет страницам с правильно установленными метаописаниями.

Имея правильное и точное метаописание, вы просто сообщаете Google или поисковым системам, что ваша страница соответствует тому ключевому слову, которое вы ищете. Другими словами, отличное мета-описание сильно влияет на ваше SEO. А сайты с отличным SEO привлекают много посетителей.

Schema.org для описания контента

Schema.org предоставляет схемы для структурированных данных в Интернете.

Используйте их для описания статей, записей в блогах, списков товаров, событий, людей и так далее. Таким образом, вы поможете поисковым системам распознать содержимое вашей страницы.

Рассмотрим пример статьи в блоге:

<article itemscope itemtype="http://schema.org/BlogPosting">
    <meta itemprop="image" content="http://yoursite.com/image.jpg">
    <img src="https://yoursite.com/image.jpg">

    <h1 itemprop="name headline">Тайтл статьи</h1>

    <p>
        <time datetime="date_to_xmlschema" itemprop="datePublished">Apr 4, 2016</time>

        <span itemprop="author" itemscope itemtype="http://schema.org/Person">
            <span itemprop="name">Имя автора статьи</span>
        </span>
    </p>

    <div itemprop="articleBody">
        <!—Тело статьи -->
    </div>
</article>

Используйте атрибут itemscope, чтобы обозначить начало нового объекта schema.org. itemtype определяет тип элемента, начинающегося с itemscope. Используйте атрибут itemprop в пределах открывающегося и закрывающегося тегов элемента с атрибутом itemscope.

Разметка itemprop, которую вы поместите в пределах itemscope, будет определять различные свойства объекта. В нашем примере статьи мы определили свойства мета тега для сайта title, изображения, дату публикации, автора и тело статьи.

Используйте schema.org, и тогда поисковые системы будут лучше понимать, что содержится на страницах вашего сайта. Например, обозначить свои товары, чтобы они были доступны для поиска в .

Управление режимами Internet Explorer

Заключительный мета-тег, который должен присутствовать на Ваших страницах, позволяет в зависимости от указанного значения content сообщить браузеру Internet Explorer как отображать документ (в каком режиме) в зависимости от версии, которая используется в данный момент:

<meta http-equiv = "X-UA-Compatible" content = "IE=edge">

Атрибут content задает режим для страницы, например, чтобы имитировать работу Internet Explorer 7, укажите IE=EmulateIE7. Укажите IE=5, IE=7 или IE=8, чтобы выбрать один из этих режимов совместимости. Также можно задать IE=edge, чтобы использовать в Internet Explorer 8 наивысший доступный режим.
Значение IE=edge сообщает браузеру пользователя, что необходимо использовать последний доступный режим отображения документа, используйте это значение на своих страницах.

Грамотное размещение метаданных на каждой странице Вашего сайта, сделает его привлекательным для поисковых машин и упростит процесс индексации.

Особенности составления title, description, h1

Теги title, h1 и метатег description описывают содержимое страниц для поисковых систем и пользователя, делают сниппеты – краткие описания страницы в выдаче – привлекательными, интригующими и кликабельными. Правильно прописанные теги позволяют добиться роста по позициям и трафику, превратить пользователя из искателя товара в заинтересованного покупателя.

Основное требование поисковых систем к тегам – уникальность. Разные страницы не должны содержать одинаковые заголовки или описания. Поисковые системы сочтут их дублями: такие страницы могут выпасть из индекса, что грозит потерей видимости в выдаче.

Например, возьмем две страницы про стиральные машины:

site.ru/catalog/stiralnaya-mashina-bosch-serie-6/
site.ru/catalog/stiralnaya-mashina-bosch-serie-4/

Товары разных моделей (bosch serie 4 и bosch serie 6), но title у них одинаковый – «Стиральные машины». Скорее всего, одна из страниц не попадет в индекс, т. к. посчитается дублем. Но даже если обе страницы проиндексируются, мы не будем получать по ним трафик с запросов типа:

Title. Это один из важнейших факторов ранжирования страницы, который сообщает поисковой системе и пользователю о ее содержании. Оптимальная длина – 75 символов (включая пробелы и знаки препинания). Должен содержать минимум 6 самых часто встречающихся запросов, самый частотный рекомендуем располагать ближе к началу заголовка.

Часто в title не добавляют важные леммы из запросов, из-за чего по ним ухудшается видимость сайта. Бывает, что title вообще не оптимизирован: не дает никакой информации о деятельности компании. Например:

Плохо:

Главная страница

Хорошо:

INGATE – Digital Marketing Integrator ✪ Продвижение, маркетинг и performance-подход

Еще лучше:

Продвижение сайтов в поисковых системах — заказать SEO-раскрутка сайта в интернете: Москва, Санкт-Петербург

Description – краткое описание содержимого страницы. Оптимальная длина – 200 символов. Содержит преимущества компании и уникальное торговое предложение (УТП).

Несмотря на то, что SEO-специалисты все еще спорят о том, как именно description влияет на продвижение ресурса, рекомендуем прописывать этот метатег в любом случае. Яндекс.Вебмастер расценивает отсутствие description на страницах как ошибку:

Каждая страница должна содержать description, чтобы сниппет в выдаче выглядел привлекательно и кликабельность сайта росла. Ошибкой, влияющей на продвижение, считается неуникальный description: для алгоритмов ПС такой метатег – показатель неуникального контента, а поисковики его очень не любят.

Писать description можно по шаблону, не добавляя все леммы из запросов. Мы провели тест: выбрали 2 группы проектов для анализа, прописали для страниц одной группы description по шаблону, а для другой добавили в метатег все леммы из продвигаемых запросов. В результате на позиции не повлияло ни то, ни другое.

В отличие от title, наличие в description всех лемм из продвигаемых запросов на позиции не влияет.

H1 – самый частотный запрос, ведущий на страницу, в правильном падеже. Для разводящих страниц h1 употребляем запрос во множественном числе.

Например, фраза «Армейские кровати» будет h1 для разводящей страницы site.ru/krovati/armeiskie/ с продвигаемыми запросами:

Леммы «купить», «заказать», «продажа», «стоимость» в h1 добавлять не следует. Исключение — статьи вроде «Как заказать пиццу через приложение?», «Какова стоимость ипотеки в 2019 году?».

И еще одно правило, относящееся ко всем тегам: всегда проверяйте орфографию. Ошибки в сниппете негативно сказываются на CTR –кликабельности сайта в выдаче.

Значение мета-тегов для продвижения

Поисковые системы Title и Description для определения релевантности и ранжирования веб-ресурсов. Это значит, что вы должны указывать в них точную и актуальную информацию о содержимом страницы, чтобы поисковая система понимала, какой контент на ней размещен. Также следует употреблять такое количество символов и ключевых слов, которое обеспечит релевантность страницы (то есть соответствие поисковому запросу). Без грамотно прописанных мета-тегов занять позиции в ТОП-10 поисковой выдачи не получится.

Поскольку Title и Description используются для формирования сниппетов в результатах поиска, то нужно прописывать в них интересную для пользователя информацию. Так вы сможете существенно увеличить CTR (показатель кликабельности) сниппетов, а значит — улучшить поведенческие факторы, влияющие на продвижение сайта.