Правильная настройка мета-тегов очень важна для SEO. Работы по заполнению, прописыванию, корректировке мета-тегов всегда выполняются при запуске проекта, сразу после того, как собрано семантическое ядро. И продолжаются по мере необходимости в течение всего периода продвижения сайта. Иногда достаточно лишь небольших изменений в метатегах, чтобы сайт вышел в ТОП10. Особенно это актуально для низкочастотных запросов, а также в тех случаях, когда сайт уже находится достаточно высоко по данному запросу (например, 11-15-я позиция в поисковой выдаче), и нужно совсем немного, чтобы выдвинуть его в ТОП. Зачастую под SEO-тегами подразумеваются Title, Description и Keywords. Однако тегов намного больше. И в этой статье мы постараемся охватить этот вопрос максимально полно.
Если быть предельно точным, то под мета-тегами следует понимать (X)HTML-теги <meta>, с помощью которых можно указать служебную информацию о странице. Такая информация размещается внутри контейнера <head>…</head> и не выводится на экран.
К тегам мета относятся:
Подробнее можно прочитать в справке по HTML или Википедии.
На хабрахабр приводится такое определение: meta-теги — это необязательные атрибуты, размещенные в заголовке страницы, которые могут содержать ее описание, ключевые слова к ней, информацию об авторе, управляющие команды для браузера и поисковых роботов, и прочую служебную информацию, не предназначенную для посетителей.
В этой статье мы не будем точны с технической точки зрения и к мета-тегам отнесем те служебные теги, которые 1) важны в SEO и 2) используются в любом месте веб-документа, т.е. не обязательно привязаны к контейнеру <head>. В связи с этим, приведем такое определение.
Мета-теги (англ. meta tags, досл. служебные ярлыки) — это служебные слова, которые содержат важную информацию о веб-документе для поисковых систем. К таким словам (тегам) относятся теги Title, Description, Hx, Robots, Canonical.
Рассмотрим, как правильно написать мета-теги для сайта, как их добавить и разместить в коде. Нас будет интересовать:
Следует отметить, что в большинстве CMS (систем администрирования сайта), есть специальные поля для заполнения мета-тегов, и вам не нужно прописывать их непосредственно в HTML-коде. От вас потребуется только вписать содержание тега (Title, Description, Keywords, H1, Canonical) или выбрать подходящее значение (Index/NoIndex, Follow/NoFollow). Однако следует проверять, корректно ли размещаются теги: 1) в правильных местах, 2) правильный синтаксис, 3) значения в тегах соответствуют вашим настройкам. Причем следует проверить не только на главной странице, но и на различных внутренних страницах. Например, у нас сайт интернет-магазин. В этом случае обязательно нужно проверить, корректно ли размещаются мета-теги на главной странице, внутренних информационных, страницах категорий и товаров, поскольку веб-документы каждого из этих типов могут формироваться по своему отдельному шаблону.
Теперь подробнее о каждом из тегов.
Это самый главный тег, который больше других влияет на продвижение сайта по ключевым словам. В большинстве случаев именно этот текст используется в заголовке сниппета, как показано в примере ниже. (Но не всегда, в заголовок так же может быть выведено содержание тега H1 или даже H2, H3).
Синтаксис
<title>Содержимое мета-тега Title</title>
Тег должен находиться внутри контейнера <head>…</head> в любом месте.
Требования SEO
Примеры правильного заполнения тегов
Ошибки и неудачные примеры мета-тегов
Так же один из важных тегов для продвижения страницы по ключевым словам. Описание может использоваться в сниппете.
Однако текст в сниппет может быть подставлен и из контентной части страницы, если поисковик решит, что это предпочтительнее. При этом, независимо от того, выводится в сниппет описание из тега description или из текста, то, как составлен метатег описания, оказывает влияние на ранжирование страницы в поиске.
Пример, когда description в мета и в сниппете отличаются:
Синтаксис
<meta name="description" content="Содержимое мета-тега Description" />
Тег должен находиться внутри контейнера <head>…</head> в любом месте.
Требования SEO
Примеры правильного заполнения тегов (полужирным выделены ключевые слова)
Ошибки и неудачные примеры мета-тегов
Еще один очень важный тег. В нем лучше всего размещать главный, максимально частотный запрос, по которому продвигается данная страница. Заголовок страницы чаще всего должен содержать 1-3 слова. Исключение — страницы статей, товаров, проектов и т.п. То есть страницы, продвигаемые под более специфические, менее частотные запросы.
Синтаксис
<h1>Содержимое мета-тега H1</h1>
Тег должен находиться внутри контейнера <body>…</body> в любом месте.
Требования SEO
Примеры правильного заполнения тегов
Ошибки и неудачные примеры мета-тегов
Синтаксис
<h2>Содержимое мета-тега H2</h2>
Теги должен находиться внутри контейнера <body>…</body>.
ВАЖНО! Должна соблюдаться иерархия тегов (цифры — это уровни, как показано ниже). Теги Hx используются именно как заголовки в содержательной части страницы. Если они используются как элементы оформления на сайте, необходимо заменить их на теги <DIV> с аналогичными классами оформления (визуально все сохранится так же, а логика размещения информации на странице будет соблюдена).
Пример:
Теги H4 — H6 редко используются. Их использование может быть обосновано только в лонгридах — если действительно есть необходимость в заголовках такого уровня вложенности. На личной практике ни разу не приходилось использовать заголовки H4 — H6.
В тегах Hx хорошо использовать продвигаемые ключевые слова (однако это следует делать так, чтобы это выглядело естественно!). Причем тег Hx может быть выведен в поисковой выдаче в заголовке сниппета вместо Title.
Пример:
Требования SEO
Примеры правильного заполнения тегов
Ошибки и неудачные примеры мета-тегов
Синтаксис
<meta name="robots" content="index, nofollow" /> <meta name="yandex" content="noyaca" />
Тег должен находиться внутри контейнера <head>…</head> в любом месте.
Для Яндекса значение атрибута name можно заменить на «yandex», в этом случае правила будут учитываться только роботами Яндекса. Для Google — «google» или «googlebot», для Yahoo! — «slurp», для Bing — «bingbot».
Какие значения могут быть у атрибута content:
Мета-теги Index и Noindex выполняют те же функции, что и директивы Allow и Disallow в файле robots.txt — разрешают и запрещают индексировать данную страницу. Подробнее, как правильно настроить файл роботс здесь:
Robots.txt
Файл robots.txt является одним из самых важных при оптимизации любого сайта. Его отсутствие может привести к высокой нагрузке на сайт со стороны поисковых роботов и медленной индексации и переиндексации… Подробнее
Robots.txt для WordPress
В интернете можно найти много публикаций на тему, как составить лучший (или даже самый лучший) файл robots.txt для WordPress. При этом в ряде таких популярных статей многие правила не объясняются и, как мне кажется, вряд ли понимаются самими авторами… Подробнее
Синтаксис
<link rel="canonical" href="http://site.ru/nazvanie-stranitsy" />
<link rel="prev" href="http://site.ru/page/2/" /> <link rel="next" href="http://site.ru/page/4/" />
Тег должен находиться внутри контейнера <head>…</head> в любом месте.
В качестве значения атрибута href тега canonical указывает URL страницы, которая признается «канонической». Пример, один и тот же товар представлен в двух разных категориях по разным URL: site.ru/category-3/tovar-528/ и site.ru/category-16/tovar-528/. Чтобы поисковая система не считала такие страницы дублями, один из них признается каноническим (например, первый) и на обоих страницах прописывается код <link rel=»canonical» href=»http://site.ru/category-3/tovar-528/» />.
Теги Prev и Next (предыдущий, следующий) используются на страницах с пагинацией (например, страница категории, на которой товары размещаются на нескольких страницах). Думаю, здесь пояснять ничего не нужно, пример выше говорит сам за себя.
Синтаксис
<meta name="keywords" content="ключевое слово 1, ключевое слово 2, ключевое слово 3, ..." />
Тег должен находиться внутри контейнера <head>…</head> в любом месте.
Данный мета-тег уже долгое время не учитывается системой Google, Яндекс официально сообщает о том, что данный тег может использоваться при определении соответствия страницы поисковым запросам. Однако подтверждений тому, что мета-тег kewords помогает в ранжировании сайта в Яндексе нет. Тем не менее, приведем ниже требования SEO к правильному заполнению мета-тега, которые были актуальны порядка 10 лет назад.
Требования SEO
Примеры правильного заполнения тегов
Ошибки и неудачные примеры мета-тегов
Синтаксис
<meta name="robots" content="noodp" />
Тег должен находиться внутри контейнера <head>…</head> в любом месте. Этот тег использовался в следующих случаях. Если сайт был добавлен в каталог dMoz, то некоторые поисковые системы могли выводить описание сайта, взятое из dMoz. Если это было не нужно, то добавлялся этот тег. С 17 марта 2017 года dMoz больше не работает, поэтому данный мета-тег теперь является устаревшим.
Ниже я приведу еще несколько мета-тегов, которые напрямую не влияют на индексацию и ранжирование страниц, но их тоже важно знать специалисту по SEO.
Синтаксис
<meta name="viewport" content="width=device-width, initial-scale=1" />
Тег должен находиться внутри контейнера <head>…</head> в любом месте. Актуальность тега возросла с переходом значительной части аудитории в Mobile. В случае применения адаптивной верстки, наличие этого тега позволяет правильно учитывать размер используемого устройства (ПК, планшет, смартфон).
Значение width=device-width адаптирует ширину окна просмотра к экрану устройства. Значение initial-scale=1 обеспечивает соотношение 1:1 между пикселями CSS и независимыми пикселями устройства.
В случае отсутствия этого тега страница будет отображаться как на десктопе, даже если адаптивная верстка настроена корректно. Поэтому при анализе соответствия сайта требованиям для мобильных устройств, наличие мета-тега ViewPort является обязательным и для Google, и для Яндекса.
Синтаксис
<meta name="slurp" content="noydir" /> или <meta name="robots" content="noydir" />
Тег должен находиться внутри контейнера <head>…</head> в любом месте. Этот тег используется в следующих случаях. Если сайт был добавлен в каталог Yahoo!, то некоторые поисковые системы могут выводить описание сайта, взятое из Yahoo! Directory. Если это не нужно, то добавляется этот тег.
Синтаксис
<meta name="generator" content="WordPress 4.6.6" />
Тег должен находиться внутри контейнера <head>…</head> в любом месте.
Эти мета-теги используются некоторыми CMS с целью предоставления информации о том, на каком движке или на какой версии движка сделан данный сайт. Если он указан, специалисту будет легко определить CMS сайта.
Синтаксис
<meta name="author" content="Иван Иванович" />
<meta name="copyright" lang="ru" content="ООО Ромашка" />
Тег должен находиться внутри контейнера <head>…</head> в любом месте.
Теги используются соответственно для указания авторства и авторских прав. Не стоит путать эти мета-теги с возможностями микроразметки. Если необходимо корректно настроить авторство, лучше обратиться к этим статьям:
3 простых шага как связать сайт с Google+, или Что такое авторство в Google и для чего это нужно
Те из вас, кто предпочитает пользоваться поиском Google, не раз встречали в результатах выдачи сниппеты с фотографиями авторов статей. Поисковик предоставляет такую возможность в рамках сервиса «Поддержка авторов». Такие сниппеты привлекают большее внимание и имеют больший CTR… Подробнее
Расширенные сниппеты (Rich Snippets) в Google и Яндекс
Занимаясь продвижением сайта, все больше внимания оптимизаторы уделяют тому, как выглядит сниппет. Технология расширенных сниппетов не нова. Яндекс и Google позволяют использовать дополнительные возможности для того, чтобы ссылка на ваш сайт была более информативной… Подробнее
То, что будет описано ниже, будет относиться к тегам Title, Description и Keywords.
На сайте для каждой страницы должны быть прописаны уникальные мета-теги — т.е. они должны отличаться хотя бы одним символом друг от друга, а также от мета-тегов на страницах других сайтов.
Как быть, если на нашем сайте тысячи или десятки тысяч страниц (например, это новостной портал или интернет-магазин с большим количеством товаров). SEO-специалист может потратить не один месяц на рутинную работу по заполнению мета-тегов и будет вынужден продолжать это делать по мере появления новых статей/товаров.
В этом случае красивым решением является настройка специальных шаблонов, по которым эти мета-теги будут заполняться.
Например, у нас интернет-магазин мебели «МегаМебель» (не проверял, есть ли на самом деле такой магазин). Вы можете написать такое короткое техническое задание:
Таким образом, на всех карточках товаров на данном сайте будут прописаны адекватные мета-теги. И если вы заметите, что какие-то из важных товаров ищутся недостаточно хорошо и для них можно улучшить мета-теги — вы сможете написать для этих страниц индивидуальные мета-теги.
В этой статье я подробно раскрою процесс работы с Google Core Web Vitals для качественной технической оптимизации сайта. А также…
В этой статье я приведу перечень пунктов, которые необходимо проверить, чтобы предусмотреть все основные ключевые факторы, которые важны при оптимизации…
В интернете можно найти много публикаций на тему, как составить лучший (или даже самый лучший) файл robots.txt для Wordpress. При…
Интервью для проекта газеты Комсомольская Правда «Образование в России и за рубежом». (далее…)
С ноября 2020 года поисковый робот Google, который индексирует сайты в интернете, начнет производить сканирование по протоколу HTTP/2. Если ваш…
Наверное, я не слишком ошибусь, если скажу, что скоро будет 10 лет мифу о том, что «SEO умерло». Тем не…
Показать комментарии
Спасибо, по делу написано!
Алина, спасибо. Верю, что такая оценка не просто по дружбе :)
У меня особая любовь к структурированным данным)
Подскажите, Мета-тег NoODP, он уже устарел и он есть на сайте, его есть смысл убирать или он никак ни на что не влияет и его можно не трогать. Спасибо
Дарья, спасибо за вопрос!
Можете ничего с ним не делать. Это ооооооочень маленький фрагмент кода, который не запускает никаких других скриптов на сайте, следовательно на скорость загрузки страниц он практически не влияет (доли долей милисекунды).
И наоборот, добавлять этот мета-тег теперь не нужно - поскольку каталога dMoz больше не существует, и описание из каталога по-любому не будет подставляться в сниппеты выдачи.
а я проспал тот момент, когда дмоз умер/// Его заспамили или почему он закрылся?
типа утратил свою актуальность, компания отказалась его дальше поддерживать
Насколько критично воспринимается поисковиками выход за рамки рекомендуемого количества символов. Пример: у меня на сайте >500 title больше 70 символов. Стоит ли вручную поправить? Аналогично с h1, h2 и другими важными мета-тегами
Поисковики не наказывают за длинные мета-теги. Есть ограничения при выводе заголовков и описания в сниппеты. Если тайтл будет длинный, то он будет показан в сниппете не полностью. Так же дескрипшн, если он вообще будет выведен в сниппет по данному запросу.
Но вопрос, наверное, как это влияет на ранжирование. По своему опыту, лучше сделать тайтл/дескрипшн немного длиннее, но включить основные продвигаемые фразы. Наоборот, сокращение мета-тегов до нужной длины в моей практике никогда не давала положительного результата. (Если у кого-то есть контрпримеры, поделитесь!)
h1, h2, которые используются для оптимизации страницы, нужно формировать под конкретные запросы. Оптимальным является не больше 2-5 слов. Но смотрим по обстоятельствам. Если это страница товара, то h1 может состоять и из 10 слов, включая в себя категорию, название и основные характеристики товара, и это нормально.
Здравствуйте!А стоит ли вообще устанавливать сторонние плагины типа All in One Seo на сайт, для того, чтобы прописать мета-теги?
В целом, с технической точки зрения не имеет значения, какое решение вы будете использовать для того, чтобы прописать мета-теги. Главное, чтобы мета-теги прописывались правильно и это практически не влияло бы на скорость загрузки сайта.
просто читал, что поисковики не замечают мета теги прописанные через плагины...
если это была серьезная статья, данным которой можно доверять, то была описана ситуация, когда плагин настроен некорректно: в системе администрирования вы прописываете мета-теги, но они не выводятся в код, либо выводятся некорректно (например, два Title, два Description и т.д.).
Чтобы проверить, что плагин на конкретном сайте работает правильно, вам нужно проверить код, а еще лучше просканировать мета-теги с помощью инструментов наподобие Netpeak или Sreaming Frog SEO Spider.
А еще вы можете проверить, как именно представлены сниппеты в яндексе/гугл с помощью команды site:(адрес вашего сайта)
ок, а вот можно обойтись обычными стандартными инструментами для заполнения тайтлов и описаний, которые изначально есть во всех темах вордпресс, которые заполняешь при создании скажем рубрик? т.е. можно обойтись без плагинов или с ним намного лучше результаты?
В стандартном случае нет. Только если у вас тема запрограммирована так, что у вас уже встроены все нужные мета-теги.
Вообще, чем меньше плагинов подключается, тем быстрее работает сайт. Поэтому если есть возможность, чтобы программист добавил необходимые поля для заполнения мета-тегов и вывел их в код, где нужно, то лучше без плагина.
P.S. плагины - это обычные программки, а не волшебный инструмент. Там только два состояния: код формируется либо корректно, либо некорректно. Поэтому по факту подключения плагина у вас результаты не будут ни лучше, ни хуже. Все зависит от его корректной работы и от того, насколько хорошо мета-теги настроит ваш сеошник.
У меня 2 вопроса.
Вопрос первый - можно ли в title использовать h1 к примеру - Игры с выводом денег заработок от 3000 рублей в сутки
Второй вопрос: не раз замечал, как благодаря плагинам, как по СЧ так и по ВЧ запросам сайты за короткое время выходили на первую страницу поисковика. К примеру благодаря плагину Yoast SEO это на вордпрессе. И у меня вопрос что именно в этом плагине есть, благодаря чему он так быстро поднимается на верх по запросам. И если в этом плагине есть что то уникальное, как именно можно этот плагин под корректировать под обычный сайт html?
Кирилл, не люблю игровую тематику. Простите, но все-таки исправил ваш пример.
Ответ на первый вопрос - можно, в принципе неплохой вариант. Но лучше, если будет использован синоним. Если есть.
На второй - посмотрите комментарий чуть ниже вопрос про All in One Seo. Почти то же самое, только наоборот. Пользователь Noro Noro беспокоился, что плагины абсолютное зло для сайта. Истина посередине. Сам по себе никакой плагин не является чудом. Но если с его помощью у вас правильно настроены мета-теги, это преимущество. Кстати, посмотрите, сколько установок у Yoast, неудивительно, что вам попадается много успешных примеров сайтов, на которых он установлен. Плагин действительно удобен. Я тоже его использую.
и еще можно ли по несколько раз title использовать на одной странице?
А также можно ли по не сколько раз мета тэги использовать на одной странице?
Тег title должен быть использован ровно один раз на одной странице.
Большинство мета-тегов тоже. По-моему, только мета-тег robots может быть использован несколько раз, но и в этом случае по одному для разных роботов. Возможно, есть еще какие-то специфичные, о которых сходу не подумал.
Вы переоцениваете значение большинства из этих тегов для SEO. Например, многие из них используются для корректного отображения сниппетов в социальных сетях, когда вы копируете ссылку с сайта и вставляете ее в посте Вконтакте или Facebook. У вас будет подгружено то, что указано в мета-тегах для соц.сетей.
спасибо шикарная статья - мне намного больше стало понятнее
спасибо за отзыв!
Добрый день!
Подскажите, если у меня есть главная карточка товара (полностью заполнена) и к ней прикреплены еще 10 карточек, в которых заполнено только 1 поле, это размер (собственно, чем и различаются товары между собой), ну и url у каждой карточки свой, т.е. клиент когда заходит на главную карточку, он может из выпадающего списка выбрать нужный размер, при всем при этом описание карточки не изменится.
Чтобы избежать огромного количества дублей,я делаю родительскую карточку канонической, а все дочерние ссылающейся на нее
Так вот, нужно ли заполнять все meta tegs (title, discription и т.д.) в дочерних карточках, если они являются неканоническими?
Спасибо!
Дмитрий, добрый день!
Робот будет брать сведения с канонической страницы.
Пользователь видит Title в названии вкладки (ну и в истории браузера). Поэтому Title везде заполняйте. Description не важно.
Спасибо!
Подскажите пожалуйста, тут написано, что title не должен повторяться. А если у меня рубрика междугороднее такси и страницы продвигаются по каждому отдельному маршруту. Есть две страницы где title выглядит так:
1. "Такси из Аэропорта в город А низкие цены Рога и Копыта"
2. "Такси из города А в аэропорт низкие цены Рога и Копыта"
Как поисковики это воспримут?
Как два разных тайтла, и под разные запросы. Поисковики умеются понимать запросы типа "откуда куда", "с какого языка на какой", "из каких единиц измерения в какие" и т.д.
устарело и сойдет)
Что имеете в виду? В статье нашли устаревшую информацию?