Основой эффективного SEO продвижения сайта являются мета теги – что это такое простыми словами, для чего они нужны и как правильно их прописывать и заполнять на странице, разберем в нашей статье.
Немного о термине
Это элементы html кода, которые вносятся между <head>…</head> и содержат данные о веб странице. Обычный пользователь эту информацию не увидит, по большому счету она пригодится только поисковым роботам для упрощения индексации и уточнения тематики домена.
Зачем они нужны
Обязательными атрибуты назвать нельзя. Но нужно учитывать, что при оценке двух похожих ресурсов с одинаковыми показателями поисковики отдают пальму первенства такому сайту, где метатеги для будут заполнены простым языком.
- передают сведения о веб-сайте ПС;
- помогают браузерам корректно отображать контент на разных устройствах и гаджетах за счет данных о кодировке;
- могут включать в себя информацию об источниках статей или о том, кто является их автором. В теории это помогает защищать интеллектуальную собственность.
Разновидности и правила написания
Яндекс и Google любят мета теги, поэтому давайте выясним, как их правильно писать на сайте.
- Расположение. Раньше вписывать атрибуты приходилось непосредственно в код, но теперь все современные административные панели предлагают для заполнения специальные поля или плагины.
- Оптимизация. Мало просто прописать, нужно сделать это грамотно с точки зрения SEO, то есть включить все относящиеся к странице ключевики, распределив их от самого высокочастотного до менее частотных.
- Читабельность. Поисковики негативно реагируют на контент, созданный без ориентации на читателя. Например, бессмысленный набор ключей, недоступный для понимания не понравится ботам и страница не выйдет в ТОП. Поэтому и теги (хотя пользователи могут и не догадываться об их существовании) должны быть составлены осмысленно.
При работе с ними полезно помнить еще три правила:
- у каждой важной страницы должны быть свои уникальные title и description;
- мета-теги должны соответствовать фактическому содержанию страницы, а не просто содержать ключевые слова;
- нельзя писать их только «для роботов» — хороший тег одновременно понятен и поисковику, и человеку в выдаче.
Title
Это заголовок страницы, который кратко описывает ее суть. Заполнять его нужно на всех веб-страницах. Визуально его можно заметить в поисковой выдаче, либо на вкладке браузера.
- самый высокочастотный ключевой запрос ставим максимально в начало;
- не допускаем переспама и повторений слов;
- не ставим точки и другие знаки препинания;
- вписываем город продвижения, если сайт коммерческий;
- добавляем название компании.
Есть мнение, что тайтл надо ограничивать по длине до 70-100 знаков для лучшей индексации, но на практике это не подтверждается.
Сегодня корректнее ориентироваться не столько на «магическое число символов», сколько на читаемость и отображение в сниппете. Слишком длинный title может обрезаться в выдаче, поэтому лучше делать его информативным и компактным.
- о чем страница;
- чем она отличается или полезна;
- почему пользователь должен перейти именно на нее.
Мета теги | мета теги | meta теги | что такое мета теги
Мета-теги для SEO: что это такое и как их правильно заполнить
Description
Дескрипшн должен представлять собой описание страницы, более подробно раскрывать содержание заголовка.
- ВЧ ключ вписываем как можно ближе к началу;
- в конце ставим точку;
- переспам и повторение слов исключены;
- тег не дублирует тайтл;
- дескрипшен мотивирует кликнуть по нему;
- лучше составлять его таким образом, чтобы он уместился в одно предложение. Это нужно, чтобы не разбивать ключевые запросы точками.
Description не является прямым фактором ранжирования в классическом понимании, но он влияет на CTR: если описание выглядит понятно и привлекательно, пользователь чаще переходит по ссылке. А это уже косвенно влияет на эффективность страницы в поиске.
- суть страницы;
- одно-два конкретных преимущества;
- понятную формулировку без канцелярита;
- естественное вхождение ключевой фразы.
Узнайте, что такое мета-теги, какие из них важны для SEO и как правильно заполнить title, description, robots и canonical без переспама.
H1
Это главный заголовок, на который, в отличие от первых двух, пользователь уже точно обратит внимание.
- атрибут должен присутствовать на всех страницах и строго в количестве не более одного;
- при написании обязательно используем основной ключ;
- содержание тега должно оставаться уникальным среди других разделов.
H1 не обязан дословно повторять title. Чаще лучше, когда они близки по смыслу, но не идентичны: так страница выглядит естественнее и не создает ощущение дублирования.
Читайте также
Как создать идеальную карточку товара: обязательные элементы и примеры
H2, H3, H4, H5, H6
Это подзаголовки, которые используются для обозначения смысловых блоков в тексте. Благодаря такой очередности, поисковые роботы видят, что контент выстроен логично, а также считывают общее число пунктов содержания, понимая, достаточно ли полон материал и сможет ли он «закрыть» все вопросы читателя.
Основное правило заполнения — соблюдение иерархии. Используются уровни заголовков от более высоких к более низким, при этом Н4 либо не применяются, либо встречаются крайне редко, поскольку на практике они часто оказываются избыточными.
Директивы Robots.txt
Эти meta теги играют принципиально важную роль для SEO продвижения сайта, если знать, как их правильно прописать для поисковика. Они сообщают поисковым ботам, доступен ли ресурс или отдельные разделы для индексации, можно ли отслеживать ссылки и т.д. То есть вы сами даете рекомендации ботам о том, как им поступить с вашим контентом.
- index — разрешает индексирование страницы;
- noindex — запрещает индексирование страницы;
- follow — разрешает переход по ссылкам на странице;
- nofollow — запрещает переход по ссылкам;
- none — эквивалент noindex, nofollow (полный запрет индексации и переходов);
- noarchive — запрещает отображение сохраненной копии страницы в поисковой выдаче;
- nosnippet — запрещает показ фрагмента текста (сниппета) в выдаче;
- max-snippet — ограничивает длину отображаемого сниппета;
- max-image-preview — управляет отображением изображений в выдаче;
- max-video-preview — задает ограничения для видео-превью.
В большинстве случаев применяются базовые комбинации: index, follow, noindex, follow, noindex, nofollow (none). Также важно понимать, что robots.txt и meta robots — это разные механизмы управления индексацией:
- robots.txt — отдельный файл в корне сайта, который задаёт правила обхода сайта поисковыми роботами (на уровне доступа к страницам и разделам);
- meta robots (<meta name=»robots» …>) — HTML-тег внутри конкретной страницы, который задаёт правила её индексации и обработки.
Canonical, Next, Previous
Атрибут rel=»canonical» важен для борьбы с дублями: он помогает показать поисковику, какая версия страницы считается основной. Это особенно полезно для интернет-магазинов, фильтров, сортировок, UTM-меток и других URL, которые могут дублировать контент.
Элементы rel=»prev» и rel=»next» нужны для страниц пагинации, чтобы уточнить для ботов структуру каталога.
Keywords
Это список ключей, под которые оптимизирована веб-страница. Но этот атрибут уже давно не учитывается поисковыми системами, его наличие или отсутствие никак не влияет на результаты продвижения. Сейчас гораздо большую роль играют полнота контента, техническое состояние ресурса, наличие коммерческих триггеров и других элементов взаимодействия, поэтому большинство оптимизаторов уже отказались от проработки кейвордс.
Если вы все же решили испытать влияние тега на собственном опыте, то единственной рекомендацией для заполнения keywords является длина. Перечисляйте не более 10 запросов и обратите внимание, что задействовать можно только ключи, которые действительно размещены на странице.
Viewport
Он нужен для правильного отображения веб-площадках на смартфонах и планшетах. Если проигнорировать его и не включить в код, браузерное приложение растянет окно с контентом так, как будто пользователь просматривает версию для ПК. В результате верста едет, содержимое страницы кучкуется, появляется горизонтальная прокрутка. Очевидно, что таким сайтом пользоваться невозможно.
Content-Type
Этот атрибут сообщает браузеру, какой тип документа опубликован – если указать данные неверно, пользователи увидят ошибку доступа. В html-коде указывается, что за материал размещен (аудио, изображение, видео или текст), и на основе этой информации браузер выбирает способ воспроизведения.
Игнорирование этого тега приведет к проблемам с поведенческими факторами – вырастет число отказов, упадут продолжительность и глубина просмотра. Однако сейчас на многих современных проектах корректный тип документа и кодировка задаются на уровне сервера и HTTP-заголовков, поэтому этот элемент не всегда редактируют вручную в коде страницы.
Content-Language
Задает язык отображения текстового содержимого страницы. Если этот атрибут не указан, у пользователя могут возникнуть сложности при открытии сайта за границей или в случае, когда сервер, на котором размещены данные, находится в другой стране. Также при наличии у сайта нескольких поддоменов для разных регионов рекомендуется явно задавать языковые настройки отдельно для каждого из них, поскольку нет гарантии, что браузер автоматически корректно определит нужный язык.
Для многоязычных сайтов важно учитывать более широкий набор инструментов: не только атрибут content-language, но и корректную структуру URL, отдельные языковые версии страниц и использование hreflang.
NoYDIR
Мета тег используется для того, чтобы описание площадки, взятое из каталога Yahoo!Directory, не подтягивалось в поисковую выдачу. Но атрибут считается устаревшим, поскольку Yahoo! давно перестал его поддерживать, так что он уже, вероятно, не работает.
Generator
Отображает, на каком движке был разработан ресурс. Во многих CMS он присутствует автоматически. Однако его часто стараются скрыть, чтобы уберечь веб-сайт от взлома – если взломщик будет знать, на чем были сделаны страницы, найти уязвимость будет проще.
Указывают на авторство размещенного на сайте текстового и медиа-контента. Существует мнение, что это помогает закреплять авторское право, хотя на самом деле атрибуты носят скорее информационный характер, их вес в юридической стороне вопроса довольно спорный.
Пользователь не увидит эту информацию ни в выдаче, ни на самом ресурсе. Поэтому если вам хочется сформировать, например, красивый структурированный сниппет, можно воспользоваться микроразметкой Schema.Org.
Для этого есть два способа.
- Через исходный код. Чтобы его открыть, можно щелкнуть правой кнопкой и выбрать в открывшемся меню соответствующий запрос, либо воспользоваться комбинацией Ctrl+U. Далее используем поиск по странице Ctrl+F, и ищем то, что нас интересуют.
Но этот вариант вряд ли подойдет новичку или тому, кто хочет сэкономить время.
- Через расширения браузера или специальные программы-краулеры. Подобных инструментов много, например, мы в SEMANTICA пользуемся сервисом Seo Meta in 1 Click.
Читайте также
От «Версии 7» до Y1: 15 лет истории алгоритмов Яндекса
Что это такое шаблоны метатегов для сайта и как их прописать
Мета должны быть уникальными для каждой страницы. Это не сложно сделать, если перед нами небольшая площадка со скромным количеством разделов. Однако, если речь идет о крупном интернет-магазине с внушительным каталогом и бесконечным числом карточек товара, такая задача кажется невыполнимой. В этой ситуации будет удобно сформировать шаблоны, по которым значения атрибутов будут заполняться автоматически.
Например, есть проект – мебельный магазин Супер-Шкаф. У них большой товарный ассортимент и несколько разделов, каждый из которых делится еще на ряд подразделов. Для последних мы можем прописать значения по такой модели:
Title
%название раздела% в %город% – купить от производителя по низким ценам в интернет-магазине Супер-Шкаф
Для дескрипшн тоже можно прописать шаблон для автоматического заполнения.
Description
Купить %название раздела% недорого – широкий ассортимент и выгодные цены в каталоге интернет-магазина Супер-Шкаф.
То есть в наш шаблон будут автоматически подтягиваться топоним и главный заголовок подраздела, все странички будут заполнены, а количество времени, которое уйдет на это у оптимизатора, окажется минимальным.
Как добавить теги в разные CMS
Ниже рассмотрим особенности внесения данных на различных движках.
WordPress
Заполнять мета на ВордПрессе по умолчанию нельзя, заполнение можно проводить только за счет плагинов. Среди них много бесплатных с простейшим интерфейсом, поэтому проблем в этом плане возникнуть не должно.
Самые популярные плагины это: Yoast SEO, Rank Math и All in One SEO. Конкретный выбор зависит от задач сайта, привычки команды и набора нужных функций.
Битрикс
Здесь модуль для заполнения встроен сразу, поэтому дополнительно устанавливать расширения не потребуется. Для SEO в админке есть отдельная вкладка, где можно прописать все необходимые поля.
Также в Bitrix есть ряд макросов, которые ощутимо упрощают работу, когда на ресурсе присутствует большое количество товаров. Можно выстроить оптимизированный шаблон и применить его сразу ко всем элементам.
OpenCart
В админке этого типа есть встроенный функционал для оптимизации, но его получится расширить, установив дополнительный модуль SeoGen. Заголовки можно размещать как шаблонно, так и наполнять каждую страницу отдельно. Этот движок часто используется для разработки интернет-магазинов, поэтому при наличии широкого каталога внедряют именно шаблоны.
Joomla
На Джумла тоже есть встроенный SEO-модуль, но работает он несколько непривычно.
Возможности автоматического заполнения здесь нет, поэтому интернет-магазинов на этом движке встречаются реже, чем на ряде других CMS.
Tilda
Тильда располагает всеми возможностями для оптимизации веб-страниц – здесь можно не только заполнить основные атрибуты, но и посмотреть, как будет выглядеть сниппет в поиске, чтобы при необходимости сразу его скорректировать.
Единственное, за чем стоит следить – для отображения изменений недостаточно просто нажать «сохранить», нужно также заново опубликовать страницу.
Wix
Конструктор схож с Tilda по принципу работы: каждая страничка редактируется отдельно, можно наблюдать, каким будет сниппет в выдаче.
- открываем режим редактирования;
- заходим в «Pages»;
- выбираем нужный url;
- переходим к настройкам;
- находим подраздел «SEO и соц. сети», заполняем требуемые поля и сохраняем.
Для любых CMS и конструкторов правило одно: после внесения изменений стоит проверить, как они реально отдаются в коде страницы, а не только сохранены ли поля в админке.
Частые ошибки при заполнении мета-тегов
| Ошибка | Почему это плохо | Что делать |
| Одинаковые title и description на разных страницах | Поисковику сложнее различать документы | Делать теги уникальными |
| Переспам ключевыми словами | Текст выглядит неестественно и хуже воспринимается | Писать для людей, а не набором ключей |
| Пустой description | Поисковик сам подставит фрагмент текста, не всегда удачно | Заполнять описание вручную или шаблоном |
| Title без конкретики | Пользователь не понимает, что его ждет на странице | Уточнять тему, тип страницы, выгоду или содержание |
| Дублирование title и H1 слово в слово на всем сайте | Страницы становятся однотипными | Держать близкий смысл, но не механически копировать |
| Шаблоны без контроля | Можно получить сотни дублей и слабые сниппеты | Периодически проверять выгрузку мета-тегов |
| Случайный noindex или некорректный canonical | Страница может выпасть из индекса или канонизироваться не туда | Проверять технические настройки после публикации |
Заключение
В статье мы по пунктам рассмотрели, как правильно прописывать мета теги на сайте, как добавить такой атрибут, как meta заголовок, и что это значит в контексте продвижения. Разумеется, проработка этих параметров не гарантирует попадания в заветный топ. Оптимизация не работает выборочно, поэтому для хороших результатов нужно улучшать всю площадку в целом. В этом помогут материалы в нашем блоге. Читайте тексты, используйте инструкции.
Ответы на популярные вопросы
Это элементы кода страницы (например, <title>, <meta name=»description»>), которые помогают поисковым системам и пользователям понять, о чём она. Заполненные и релевантные мета-теги повышают шансы на лучшее ранжирование и на то, что в выдаче пользователи увидят привлекательный и точный анонс.
Наиболее значимы — title и description. Заголовок помогает сразу понять тему страницы, а описание выступает как «реклама» в поисковой выдаче: оно должно заинтересовать и побудить к переходу.
Когда заголовок и описание одинаковые или слишком общие, не уникальные для каждой страницы, когда слишком длинный текст и избыток ключевых слов («ключевик»-спам), а также когда неучтен смысл и интерес пользователя.
В description стоит кратко указать, что именно пользователь найдёт на странице, подчеркнуть одно-два выгодных момента или преимущества, включить ключевую фразу в естественном виде, и призвать к действию — например, «узнайте», «посмотрите», «скачайте». При этом текст должен быть уникальным и читабельным.
Да. Каждая веб-страница должна иметь свой уникальный заголовок и описание, отражающие её конкретное содержание. Это помогает поисковым системам точнее понимать ее и выдавать по релевантным запросам; одинаковые теги усложняют продвижение.
