Meta name description

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

И вот наконец вы смогли построить свой первый блог или сайт: решили, какой тематике он будет посвящен, определились с дизайном и приступили к наполнению. Теперь самое время пришло для того, чтобы правильно оформить мета теги «description» и «keywords». Что это такое и как их использовать?

Что такое мета тег description

Если сказать коротко, description — это краткое описание страницы, которое в виде снипета видит пользователь в списке результатов поиска Google, Yandex и пр. Снипет — отображение description в результатах поиска. Хотя это практически одно и то же, в этой статье мы сможем увидеть разницу.

В исходном коде страницы мета тег description располагается в голове html-кода. Он выглядит примерно так:

meta name=»description» Content=»Текст рекламного отрывка».

После команды «content» ставится знак «=» и в кавычках прописывается значение этото самого мета тега description. Как заполнять это поле в вашем коде html? Все зависит от содержания страницы и тематики сайта.

Как заполнять мета тег description


Несмотря на то что некоторые решают для всех страниц сайта использовать один и тот же рекламный отрывок, по мнению большинства опытных сайтостроителей, важно для каждой страницы прописывать свой текст. Почему? Это влияет на визуальное восприятие пользователя. Кроме того, если description написан эффектно — это привлечет больше посетителей на ваш сайт. Один важный момент, который стоит учитывать, — description не должен быть слишком длинным или слишком коротким — в среднем желательно не менее 380 символов. И хотя, рассматривая результаты поисковой выдачи, можно увидеть 200-300 знаков, на самом деле, Google использует весь отрывок, написанный вами.

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

Примеры description-текстов

Мета тег description — как заполнять? Чтобы найти ответ на этот вопрос, рассмотрим некоторые примеры. Если вы владелец сайта по психологии, в качестве description вы могли бы написать что-то вроде: «Поиск специалиста психолога, а также тесты, советы, семейные рекомендации и многое другое». С другой стороны, можно кратко описать цель сайта, если большинству посетителей будет ясно, о каком учебном заведении или предприятии идет речь. Это может выглядеть так: «Московский государственный университет имени М. В. Ломоносова».


Если ваш сайт содержит музыкальный или видео-контент, тогда в тексте description следует перечислить, что можно скачать с вашей страницы. Там может быть написано: «Скачать фильмы и музыку совершенно бесплатно в хорошем качестве» или «Бесплатная классика в современной обработке — 128, 196, 320. Скачать бесплатно».

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

Системы автоматической генерации сайтов

Если же вы строите сайт при помощи конструктора, тогда мета тег description для сайта нужно вводить в соответствующее поле в редакторе. Наряду с подзаголовками «h1», «title» и «keywords», там имеется ячейка с надписью «description». Как и в случае с другими системами автоматического строения сайтов, мета тег description opencart нужно вводить в специально отведенное для этого поле.

Неправильное заполнение description


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

Чем мета тег keywords отличается от description

В отличие от description, ключевые слова — это список основных слов, необходимых для характеристики вашей страницы. Однако keywords — также не то же самое, что и ключевые запросы пользователей поисковых систем — тех слов, которые вводятся в верхнюю панель поиска Google или Yandex. Правда, сегодня «Яндекс» почти не использует эти слова при выдаче поисковых запросов. «Гугл», как заявил их представитель, вообще не обращает на них внимания. А вот рекламный отрывок description гораздо важнее — его видят пользователи, и используют поисковые роботы. Поэтому особое внимание стоит обратить на ключевые запросы и мета тег description. Если все же вы хотите указать keywords для страниц вашего сайта, тогда в html-коде каждой из них нужно ввести мета тег:

meta name=»keywords» CONTENT=»вводим ключевые слова для нашей страницы».

Как и в случае с тегом description, располагается он в «голове» страницы.

Ключевые запросы поисковой системы «Яндекс»


Хорошо, если в вашем рекламном отрывке в некотором количестве присутствуют слова, которые пользователи вводят в строку поиска. Для определения статистики вводимых запросов «Яндекса» нужно зайти на сайт: http://wordstat.yandex.ru/. Для использования сервиса необходимо зарегистрироваться. После этого в строку в верхней части страницы введите вашу услугу или товар. Предположим, ваш сайт об истории. Вводим слово «история». И в результатах видим две колонки: «ключевой запрос» и «количество показов в месяц». К примеру, слова «история класс» искали более полутора миллионов раз в месяц. Среди самых часто вводимых словосочетаний можем увидеть: «история онлайн», «история ужасов», «американская история», «история России», «скачать история», «история 6» и «история 5». Кроме этого, в Yandex Wordstat можно выбрать регион или местность, для которой будет выводиться статистическая информация. Это очень удобно, ведь в разных областях и городах людей могут интересовать разные товары.

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

Формирование снипетов


Как мы уже говорили, речь идет о том же description-тексте. Поисковые системы Bing, Yahoo! и Google выводят для пользователя Интернета снипет, который указан в мета теге description. А вот «Яндекс» поступает слегка иначе. Т. е. то, что вы запишите в теге рекламного отрывка, не будет показано в области для снипета в поисковой выдаче той или иной страницы. Как это исправить? Текст этого отрывка можно настроить в кабинете вебмастера «Яндекса». Однако есть сведения, на которые мы повлиять не сможем, как бы нам ни хотелось, например, количество звезд отеля. Чтобы изменить некоторые адресные данные предприятия или организации, нужно оставить специальную заявку. В большинстве других случаев вы можете сами настраивать ваш рекламный отрывок. Вот такое существенное отличие есть в выдаче результатов поиска «Яндекса». Зачем это нужно знать? Опять-таки, повторим, если мы хотим привлечь больше посетителей для нашего сайта.

Чему мы научились

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


fb.ru

Что такое мета тег description?

Description (с англ. «описание») — тег, содержащий в себе обобщенную информацию о странице. Относится к группе meta. В данную группу входит достаточно большое количество тегов, но сегодня речь пойдет именно о description.

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

Располагается в головной части страницы между тегами <head></head>. К примеру, наш выглядит следующим образом.

Пример тега description

Синтаксис description крайне прост:

<meta name=»description» content=»Тут находится Ваше описание«>

Вот и весь тег.

Зачем description Яндексу и Google?

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


Description и сниппет

Как видно выше, описание в сниппете полностью совпадает с содержимым meta description нашего сайта. Нет сомнений, что Яндекс взял его именно оттуда.

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

(Безусловно, и Яндекс и Гугл могут брать информацию для сниппета из самого текста страницы, но это не означает, что description прописывать не нужно!)

В последних версиях Яндекс Вебмастера даже появились предупреждения связанные с ошибками в заполнении этого мета тега. О них поговорим ниже.

Ошибка 1. Отсутствуют мета теги description

Одна из самых распространенных ошибок нового сайта — полное отсутствие meta тега description. Если Яндекс проиндексирует такой ресурс, то в панели Вебмастера Вы увидите следующее предупреждение.

Отсутствие тега description


Не стоит его игнорировать. Лучше прописать description для каждой страницы, тем более, что сейчас это можно сделать автоматически или облегчить работу при помощи специальных плагинов.

Подобная ошибка появляется и у старых сайтов. Обычно это происходит при создании новых разделов. Поэтому, проверяйте наличие description у ресурсов любого возраста.

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

Ошибка 2. Некорректно заполнены мета теги description

Некорректное заполнение description может быть хуже, чем полное его отсутствие. Если тег полностью пуст, то робот возьмет текст из контента на свое усмотрение. Но вот если описание прописано некорректно, то сниппет может стать совершенно не привлекательным.

Одна из самых распространенных ошибок — повторение title и description. К примеру, как это показано на рисунке ниже. (Изображение — коллаж, на нашем сайте такого безобразия нету:) )

Неправильный тег description

Так же, не стоит писать в description ключевые слова или поисковые фразы. Это отпугнет пользователей и насторожит поисковые системы.

Как заполнять мета тег description?


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

Содержимое description

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

Вот Вам пример тега этой страницы.

Как заполнять description

Никогда не заключайте в description ключевые слова через запятую (как раньше это делалось с тегом keywords). Никакого положительного эффекта это не даст.

Будет плюсом, если в описание страницы Вы добавите призывы к действию. Это скажется на конверсии. Но делать это нужно крайне аккуратно и ненавязчиво.

Учитывайте, что у пользователей коммерческих и информационных ресурсов разные потребности. Если Вы продаете товар, так и пишите. Не стоит просто красиво расписывать преимущества.

Длина description

Оптимальная длинна description составляет 160 символов с учетом пробелов. Именно такой объем будет корректно отображаться в сниппете. Этого вполне достаточно, что бы описать практически любую статью.


Длинна тега description

Если Вы превысите этот лимит, то часть информации просто «потеряется». Хотя ничего страшного и не произойдет, делать этого мы Вам не советуем.

Какой он — правильный тег description?

Правильный description отвечает следующим требованиям.

  1. Имеет объем не более 160 символов с учетом пробелов;

  2. Минимальный объем 80-100 символов;
  3. Содержит в себе основные ключевые слова страницы;

  4. Легко читаем;

  5. Полностью описывает содержимое страницы, а не сайта;

  6. Состоит из 2-4 предложений;

  7. Не содержит сложных аббревиатур, иностранных слов и сокращений;

  8. Полезен пользователям;

  9. Не обманывает и не вводит в заблуждение;

  10. Не копирует title;

  11. Отличается от всех остальных описаний на сайт, то есть, уникален;

  12. Написано на том же языке, что и содержимое страницы;

Если Ваш тег полностью удовлетворяет всем 12-ти требованиям, то Вы можете считать его просто великолепным.

Мета тег description для WordPress

Как и в большинстве популярных CMS, в WordPress meta description прописывается на странице редактирования статьи. Даже в стандартной версии это сделано довольно удобно. Но мы рекомендуем поставить бесплатный плагин All In One SEO Pack, который расширит Ваши возможности.

Плагин для создания description

Установить его можно из панели управления перейдя во вкладку «Плагины» -> «Добавить новый«. После активации у Вас появятся дополнительные поля в списке всех записей и страниц, а так же будут усовершенствованы формы заполнения в самом разделе редактирования.

Description для WordPress

Этот плагин имеет множество полезных SEO настроек, которые не относятся к description. Поэтому, рекомендуем прочитать инструкцию к нему.

Мета тег description для Opencart

В OpenCart мета description так же прописывается на странице редактирования статьи. Непосредственно перед формой создания контента есть список  полей, среди которых «Мета-тег Description«. Именно оно Вам и нужно.

Description для Opencart

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

Мета тег description для Joomla

В новых версиях Joomla! (начиная от 3.0) редактирование description доступно как при изменении/создании материала, так и в разделе «Менеджер меню«. Необходимо просто выбрать вкладку «Метаданные» и заполнить соответствующее поле.

В более поздних версиях, таких как 2.5.х, description скрывается в правом разворачивающемся меню. Пример на рисунке ниже.

Description для Joomla!

Так как Joomla! является одной из самых популярных бесплатных площадок Рунета, то найти вспомогательные плагины и инструкции не составит никакого труда.

Мета тег description для 1С-Битрикс

Редактирование тега description в Bitrix доступно во всплывающем окне «Свойства страницы«. Добраться туда можно из пункта меню «Изменить страницу» -> «Заголовок и свойства страницы«.

Bitrix панель управления

В появившемся окне Вам нужна строка «Описание страницы«. Именно это поле будет транслироваться в будущий тег description.

Битрикс изменение description

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

dh-agency.ru

Что такое мета Description?

Description — HTML-тег, содержащий краткое описание страницы для поисковых роботов (а также роботов некоторых каталогов и рубрикаторов). По своей сути он является продолжением тега Title, только более развернутым и подробным. В коде он располагается в блоке <head> и выглядит следующим образом:

<meta name="description" content="Краткое описание страницы.">

На самом сайте он никак себя внешне не проявляет. Основное же место его проживания — сниппет страницы в выдаче поисковых систем:

Мета теги description и keywords: как правильно заполнять?

На ранжирование сайта Description прямого влияния не оказывает, однако это не значит, что им можно пренебрегать при оптимизации. От него зависит CTR (кликабельность) страницы в поисковой выдаче, а это, во-первых, потенциальная часть трафика вашего веб-сайта, и, во-вторых, поведенческий фактор.

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

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

Правила заполнения тега Description

Используйте конкретную информацию

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

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

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

Включайте основной ключевой запрос в метаописание

Многие советуют тоже самое, но по другой причине. Наличие ключа в Description не влияет на ранжирование страницы. Однако это увеличивает вероятность того, что в сниппет пойдет именно содержимое тега Description, а не случайный участок текста со страницы. Также это повышает кликабельность сайта в SERP за счет того, что основной ключ, в случае морфологического или логического совпадения с введенным пользователем запросом, будет выделен жирным.

Придерживайтесь оптимального объема Description

Дабы донести до пользователя всю информацию, которую мы вкладывали в мета тег Description, стоит создавать его по объему таким, чтобы ничего на выходе не было обрезано. Для Яндекса максимальный выводимый объем Description в сниппете: 160-170, а в случае с Google — это 150-160 символов. Однако самым универсальным размером является 140-150 символов с учетом пробелов. Этого вполне хватит, чтобы включить 1-2 предложения рекламного характера, а также призыв к действию или конкретную информацию, о которой писалось выше.

Не делайте метаописание идентичным Title

Негативных последствий в плане ранжирования это не несет. Однако подобное бессмысленное использование столь полезного с рекламной точки зрения пространства — преступление.

Используйте расширенные сниппеты

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

Делайте мета описание привлекательным и читабельным

Очень распространенная болезнь вошедших в «rage» оптимизаторов, а также, нередко, самих владельцев сайтов, которые в погоне упомянуть как можно больше товаров или услуг, представленных на страницы или предлагаемых компанией в целом, сводят заполнение тега Description к банальному перечислению, понижая его привлекательность и кликабельность. Заполняйте его красиво и правильно, не позорьтесь.

Мета теги description и keywords: как правильно заполнять?

Не допускайте дублирования Description внутри сайта

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

Не забывайте про тег noyaca

Если ваш сайт добавлен в Яндекс Каталог, то в большинстве случаев в SERP ваши страницы будут иметь один и тот же сниппет, который будет браться из описания сайта в каталоге. Это лишает нас возможности полноценно использовать данное направление. Поэтому, чтобы запретить использования описания из ЯК, нужно в <head>-блоке сайта добавить следующую строчку:

<meta name="robots" content="noyaca"/>

Упоминайте в Description регион сайта

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

Мета теги description и keywords: как правильно заполнять?

Что такое мета Keywords?

Keywords — HTML-тег для указания ключевых слов страницы. Данный тег является анахронизмом, пережитком прошлого. Яндекс и Google не учитывают его в ранжировании совсем. В коде Keywords, также как и Description, располагается в <head>-блоке документа и выглядит следующим образом:

<meta name="keywords" content="ключевые слова">

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

Правила заполнения тега Keywords

Не пишите слова, не относящиеся к странице

Тут всё просто — что вижу, о том и пишу. Если нет на странице цен, то и не пишите в мета Keywords «цена», если нет адреса, так и не надо об этом упоминать в данном теге.

Не повторяйте слов

Каждое слово лучше писать только один раз. Повторите два и больше — хорошо или плохо это вам не сделает (впрочем, как если и вообще не заполнять данный тег). Однако вы лишний раз немного понизите уникальность кода, а вот этого уже делать не стоит.

Не пишите стоп-слова и знаки препинания

Поисковые системы игнорируют при считывании кода стоп-слова и стоп-символы (предлоги, союзы, знаки препинания). И если в Title и Description нам приходилось их использовать, заботясь о читабельности, то тут это лишено смысла — опять же просто лишний мусор в коде.

Не делайте мета keywords слишком длинным

Максимальное значение тега всегда составляло 200 символов. Но на мой взгляд не стоит его делать больше 100 — несколько слов, характеризующих содержимое страницы, достаточно.

Упоминайте регион

Если и стоит что включить в Keywords, так это регион. Лишним не будет, а поправка «только у основных страниц» опять же относится к вопросу уникальности кода страниц внутри сайта.

Вместо заключения

В общем-то это и всё. Оба тега не влияют напрямую на позиции вашего сайта в SERP, но могут это делать косвенно, а также влиять на посещаемость в зависимости от кликабельности сниппета страницы в поисковой выдаче. Не забывайте про них, по крайней мере про Description точно, а про Keywords — на ваше усмотрение.

pingoblog.ru

Начнём с определения что такое метатеги?

Метатеги (англ. meta tags) — это (X)HTML-теги, предназначенные для предоставления структурированных метаданных о веб-странице. Как правило, указываются в заголовке тега <head> (X)HTML-документа. Метатеги не отображаются на странице и не имеют видимого контента. В них располагается дополнительная информация для поисковых роботов, различного ПО.

В SEO, когда слышим что-то вроде “Нужно прописать метатеги на странице”, в голове сразу же всплывают метатеги Description и Keywords, ну и, само собой, Title. Какое же SEO без этого тега? Начну сразу с них.

Тег Title

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

Title должен:

  1. Отображать суть страницы.
  2. Ближе к началу содержать прямое вхождение наиболее конкурентного запроса.
  3. Быть читабельным предложением с вхождение ключевых слов.
  4. Отличаться от заголовка страницы <H1>.
  5. Не содержать спама.
  6. Быть уникальным для каждой страницы.
  7. Примерной длины — около 70 — 130 символов.

Рекомендую к прочтению: Рекомендации по формированию заголовков от Google. Для посадочных страниц, категорий, разделов рекомендую заполнять Title вручную.

Заполнять Title автоматически можно, например, для карточек товара. Для этого используют шаблоны вида:

Title: Название карточки товара + цена + город

Title: Название карточки товара + доставка в город + цена

Title: Название карточки товара + характеристика + цена

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

Как делать нельзя:

  1. Не используйте несогласованные фразы, например: Пластиковое окно, пластиковые окна купить — в Москве. Title должен быть читабельным.
  2. Отслеживайте и исправляйте дубли Title — в Google Search Console, в разделе Оптимизация HTML видно дубли Title.Дубли тега Title
  3. Не делайте Title слишком длинным. Когда вы добавляете в заголовок большое количество слов, они размывают вес основного ключевого запроса.

Метатег Description

Этот метатег может учитываться при формировании сниппета. Чаще всего Google и Яндекс формирует сниппет из текста, но вероятность включения в него метатега также есть. Description может влиять на ранжирование — незаполненный meta description может негативно отразиться на оценке сайта.

Description должен:

  1. Описывать содержание страницы.
  2. Быть читабельным.
  3. Содержать ключевые слова (для того чтобы они отображались и подсвечивались в сниппете).
  4. Составлен с использованием спецсимволов.
  5. Уникальным (не нужно выбирать абзац из текста страницы).
  6. Длиною около 150 — 200 символов.

Рекомендации Яндекса

Рекомендации Google

Для посадочных страниц, категорий, разделов рекомендую заполнять Description вручную.

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

Description: В нашем интернет-магазине + “название магазина” + доступные цены от + “цена” + на + “название карточки товара” + с доставкой по + “город”.

Description: “Название карточки товара” + по доступной цене + “цена” + от интернет-магазина + “название магазина” + с доставкой по + “город”.

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

Как делать нельзя:

  1. Не делайте слишком короткие Description — в Google Search Console, в разделе Оптимизация HTML видно короткие метаописания.
  2. Там же отслеживайте и исправляйте дубли Description (они должны быть уникальны).

Дубли мета Description

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

Метатег Keywords

Этот мета-тег не влияет на ранжирование, но, поскольку Яндекс пишет, что meta keywords может учитываться — рекомендую заполнять его, добавляя 3–5 релевантных контенту фраз, разделённых между собой запятыми.

Представитель Google в своём блоге заявил, что поисковик не учитывает в результатах ранжирования метатег Keywords

 

Рассмотрим, какие метатеги ещё бывают

Метатегов много. Я рассмотрю те, которые мне показались самыми интересными. Можно выделить две группы метатегов: name и http-equiv.

Группа name

Эта группа метатегов даёт общую информацию о странице.

Метатег robots — с помощью него мы можем сообщить поисковому роботу, что делать на странице.

Имеет значения:

  • index — индексировать страницу;
  • noindex — не индексировать страницу;
  • follow — следовать по ссылкам на странице;
  • nofollow — не следовать по ссылкам на странице;
  • all — использует атрибуты index + follow;
  • none — использует атрибуты noindex + nofollow.

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

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

или запретить страницу к индексации с запретом на переход по ссылкам:

<meta name="robots" content="none" />

Метатег document-state — может учитываться при индексации страницы поисковым роботом (сейчас имеет слабое влияние).

Имеет значения:

  • static — говорит о том, что страница статична и практически не меняется;
  • dynamic — если страница динамическая и на ней часто происходят изменения, используется по умолчанию.

Пример использования:

<meta name="document-state" content="Dynamic" />

Метатег revisit — указывает поисковому роботу через сколько дней ему вернуться и переиндексировать страницу (сейчас имеет слабое влияние).

Пример использования:
— говорит о том, что мы хотим чтобы документ был заново проиндексирован через 14 дней:

<meta name="revisit" content="14" />

Метатег viewport — используется при настройке области просмотра. Особенно актуален для мобильной версии сайта: позволяет веб-разработчикам контролировать размер окна на мобильном телефоне. По нему Яндекс и Google оценивают мобильную версию сайта.

Имеет значения:

  • width — указывает ширину окна в пикселях. Если поставить device-width — будет значить, что ширина задана по ширине устройства;
  • height — указывает высоту окна в пикселях. Если поставить device-height — будет значить, что высота задана по высоте устройства;
  • initial-scale — задаёт масштаб экрана. Значение 1 — не масштабировать;
  • maximum-scale — определяет максимальный масштаб vievport;
  • minimem-scale — определяет минимальный масштаб vievport;
  • user-scalable — определяет, может ли пользователь масштабировать размер окна.

Примеры использования:
— область просмотра по ширине устройства нормального масштаба:

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

— область просмотра по ширине и высоте. Масштаб нормальный, масштабировать выше обычного масштаба нельзя:

<meta name="viewport" content="width=device-width, height=device-height, initial-scale=1.0, maximum-scale=1.0">

Метатег author — указывает имя автора страницы (сейчас имеет слабое влияние).

Имеет атрибут:

lang — указывает язык данных.

Пример использования:

<meta name="author" lang="ru" content="Андрей Дегтярёв" />

Метатег copyright — используется для определения авторского права (сейчас имеет слабое влияние). Также как и author, имеет атрибут lang.

Пример использования:

<meta name="copyright" lang="ru" content="SiteClinic" />

Группа http-equiv

Браузеры преобразовывают данные этого метатега в форму заголовка ответа http, обрабатывая их, как будто был получен ответ напрямую от сервера.

Метатег cache-control — с помощью него можно управлять кэшированием браузера.

Имеет значения:

  • public — документ кэшируется во всех доступных кэшах;
  • private — кэшируется браузером, не кэшируется proxy-сервером;
  • max-age=time, must-revalidate — указывает браузеру, сколько секунд хранить документ в кэше;
  • max-age=time, proxy-revalidate — указывает сколько секунд хранить документ в кэше proxy-серверу;
  • no-store — может быть кэширован, но не сохраняется в архиве;
  • no-cache — запрет на кэширование (браузер и proxy-сервер документ не кэшируют).

Пример использования:
— если мы не хотим, чтобы страница кэшировалась:

<meta http-equiv="Cache-Control" content="no-cache, no-store">

Подробнее об этом метатеге рекомендую почитать на Mozilla Developer Network.

Метатег expires — также используется для управления кэшированием. В мета-тег устанавливается дата. Когда она проходит, браузер должен использовать повторный сетевой запрос, а не имеющийся кэш страницы. Дата указывается в формате RFC850.

Пример использования:

<meta http-equiv="Expires" content="Fri, 11 Oct 2017 15:34:48 GMT">

Метатег content-language — указывает язык документа.

Пример использования:

<meta http-equiv="content-language" content="ru" />

В HTML5 указание языка упрощено:

<html lang="ru">

Постарался перечислить, как мне показалось, самые интересные метатеги. Если вас интересуют другие meta, рекомендую ознакомиться с материалами: Метатеги, которые поддерживаются в Google и Использование HTML-элементов Яндекс.

siteclinic.ru

Содержание

  • Что такое мета-теги
  • Правильные SEO мета-теги
    • Мета-тег Title
    • Мета-тег Description
    • Мета-тег H1
    • Мета-теги H2, H3, H4, H5, H6
    • Мета-тег Robots (All, Follow, Nofollow, Index, Noindex, None, NoArchive, NoYaca)
    • Мета-теги Canonical, Next, Previous
  • Устаревшие мета-теги
    • Мета-тег Keywords
    • Мета-тег NoODP
  • Другие полезные мета-теги
    • Мета-тег Viewport
    • Мета-тег NoYDIR
    • Мета-тег Generator
    • Мета-теги Author и Copyright
  • Как проверить мета-теги в коде веб-страницы
  • Шаблоны мета-тегов

 

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

Если быть предельно точным, то под мета-тегами следует понимать (X)HTML-теги <meta>, с помощью которых можно указать служебную информацию о странице. Такая информация размещается внутри контейнера <head>…</head> и не выводится на экран.

К тегам мета относятся:

  • description — описание веб-страницы,
  • keywords — ключевые слова,
  • http-equiv — тип отправляемого документа и кодировка (charset),
  • generator — CMS сайта,
  • author — автор,
  • copyright — авторские права,
  • robots — правила индексирования страницы для роботов,
  • viewport — данные о настройке области просмотра
  • и другие.

Подробнее можно прочитать в справке по HTML или Википедии.

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

В этой статье мы не будем точны с технической точки зрения и к мета-тегам отнесем те служебные теги, которые 1) важны в SEO и 2) используются в любом месте веб-документа, т.е. не обязательно привязаны к контейнеру <head>. В связи с этим, приведем такое определение.

Мета-теги (англ. meta tags, досл. служебные ярлыки) — это служебные слова, которые содержат важную информацию о веб-документе для поисковых систем. К таким словам (тегам) относятся теги Title, Description, Hx, Robots, Canonical.

 

Правильные SEO мета-теги для Яндекса и Google

Рассмотрим, как правильно написать мета-теги для сайта, как их добавить и разместить в коде. Нас будет интересовать:

  • синтаксис — то, как правильно должен быть прописан мета-тег в HTML-коде сайта;
  • требования поисковых систем к тегам;
  • примеры правильного и неправильного заполнения тегов.

Следует отметить, что в большинстве CMS (систем администрирования сайта), есть специальные поля для заполнения мета-тегов, и вам не нужно прописывать их непосредственно в HTML-коде. От вас потребуется только вписать содержание тега (Title, Description, Keywords, H1, Canonical) или выбрать подходящее значение (Index/NoIndex, Follow/NoFollow). Однако следует проверять, корректно ли размещаются теги: 1) в правильных местах, 2) правильный синтаксис, 3) значения в тегах соответствуют вашим настройкам. Причем следует проверить не только на главной странице, но и на различных внутренних страницах. Например, у нас сайт интернет-магазин. В этом случае обязательно нужно проверить, корректно ли размещаются мета-теги на главной странице, внутренних информационных, страницах категорий и товаров, поскольку веб-документы каждого из этих типов могут формироваться по своему отдельному шаблону.

Теперь подробнее о каждом из тегов.

 

Мета-тег Title

Это самый главный тег, который больше других влияет на продвижение сайта по ключевым словам. В большинстве случаев именно этот текст используется в заголовке сниппета, как показано в примере ниже. (Но не всегда, в заголовок так же может быть выведено содержание тега H1 или даже H2, H3).

мета тег Title
метатег Title

Синтаксис

<title>Содержимое мета-тега Title</title>

Тег должен находиться внутри контейнера <head>…</head> в любом месте.

Требования SEO

  • Заголовок должен быть уникальным на всех страницах сайта, а также не повторять Title на страницах других сайтов (для этого в конце Title можно добавить название организации).
  • Тайтл должен отражать суть страницы, должен быть информативным и кратким.
  • Должны присутствовать запросы, по которым продвигается данная страница, самые важные размещаем в начале тега, заголовок должен обязательно содержать 1-3 ключевых слова.
  • Не включайте в Title слишком много ключевых слов
  • Содержимое тегов Title и H1 должно быть разным — у них разные цели: Title заголовок для сниппета, H1 заголовок веб-страницы.
  • Не используйте специальных символов, пока не убедитесь, что они поддерживаются.
  • Не используйте спецсимволы (= / + _ ), знаки препинания и стоп-символы (точка, двоеточие, восклицательный и вопросительный знак) — помните, это знаки, которые разбивают пассажи в Title, что снижает взаимосвязь ключей по разные стороны от стоп-знака.
  • Составляйте тег Title для людей по всем правилам русского языка, заголовок по возможности нужно делать цепляющим и привлекательным.
  • Оптимальная длина Title – от 30 до 65 символов. Google ориентируется на длину в пикселях, рекомендуемая длина — от 200 до 571 пикселей. Если длина Title больше, то в сниппете появляется многоточие, которое также занимает дополнительное место в заголовке. Оно может появиться как в конце заголовка сниппета, так и в начале. Короткие Тайтл тоже плохо, поскольку в него помещается мало ключей. НО: при этом нет смысла придерживаться оптимальных значений длины заголовка для служебных страниц на сайте, которые НЕ продвигаются по ключевым словам.

Примеры правильного заполнения тегов

  • <title>Купить сантехнику в Москве, интернет-магазин Куписантехнику.Ру</title>
  • <title>Окна REHAU в Москве, официальный сайт партнера — Пластиковые окна недорого</title>
  • <title>Мета-теги для сайта, Title и Description в примерах — SEOgio</title>
  • <title>Элемент пола Кнауф — купить в Москве по цене 310 pуб | KNAUF</title>
  • <title>Новости — Компания Ромашка</title>

Ошибки и неудачные примеры мета-тегов

  • <title>Евроремонт, ремонт дома, ремонт квартир в Смоленске, ремонт в Смоленске | Ремонт квартир, cтроительство Смоленск</title> (простое перечисление ключевых слов)
  • <title>Главная – ООО Ромашка, подарки оптом, подарки сотрудникам, рекламные сувениры, корпоративные подарки.</title> (вначале должны быть самые главные ключевые слова)
  • <title>Ремонт</title> (слишком короткий Title)
  • <title>«Автомоечный комплекс №1»: автомойка, шиномонтаж, кафе, сауна, комната отдыха.</title> (название компании вначале, двоеточие, слова, по которым не будет продвигаться сайт)
  • <title>Новости о юридических услугах и бухгалтерском обслуживании в компании Ромашка</title> (использование ключевых слов в заголовке страницы, которая по этим словам НЕ продвигается, это может только мешать)

 

Мета-тег Description

Так же один из важных тегов для продвижения страницы по ключевым словам. Описание может использоваться в сниппете.

Пример:
метатег Description
мета тег Description

Однако текст в сниппет может быть подставлен и из контентной части страницы, если поисковик решит, что это предпочтительнее. При этом, независимо от того, выводится в сниппет описание из тега description или из текста, то, как составлен метатег описания, оказывает влияние на ранжирование страницы в поиске.

Пример, когда description в мета и в сниппете отличаются:
метатег Description
мета тег Description

Синтаксис

<meta name="description" content="Содержимое мета-тега Description" />

Тег должен находиться внутри контейнера <head>…</head> в любом месте.

Требования SEO

  • Должен отражать суть страницы, написан в виде согласованного текста. Может быть несколько предложений.
  • Должен быть уникальным для всех страниц сайта, не дублировать аналогичные теги на других сайтах (для этого используем название компании в тексте мета-тега).
  • В теге нужно использовать запросы, по которым продвигается данная страница, однако делать это необходимо так, чтобы они были использованы естественным образом, в нужной морфологии. Также не следует просто перечислять запросы через запятую.
  • Содержание тега не должно повторять Title.
  • Длина description должна быть не менее 70 и более 150-200 символов. Google определяет длину в пикселях, рекомендуемая длина от 400 до 930 пикселей.
  • В description желательно отразить основные преимущества компании, товара, услуги.
  • Наиболее важную информацию и фразы лучше разместить в начале мета-описания.

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

  • <meta name=»description» content=»Мебель для спальни: огромный выбор моделей по ценам производителя. Заказывайте мебель в интернет-магазине ЛайфМебель с доставкой по России и Москве!» />
  • <meta name=»description» content=»Тег meta description используется для формирования мета-описания страницы сайта в сниппетах Яндекса и Google. Разберем как правильно писать мета description.» />
  • <meta name=»description» content=»Купить микроволновую печь GORENJE MO20MW в интернет-магазине ЭЛЬДОРАДО с доставкой и гарантией. Ознакомиться с ценами, отзывами владельцев, фотографиями, техническими характеристиками и подробным описанием.» />

Ошибки и неудачные примеры мета-тегов

  • <meta name=»description» content=»Смоленский завод железо-бетонных изделий №2 (ЖБИ-2)» /> (короткий, мало ключевых слов)
  • <meta name=»description» content=»Матрасы в Смоленске. ОРТОПЕДИЧЕСКИЕ МАТРАСЫ. Матрас — это единственный предмет в обстановке спальни, который непосредственно связан со здоровьем. Некачественный или просто старый износившийся матрас может привести к очень серьезным проблемам, в то же время благодаря тщательно подобранному матрасу значительно улучшаются …» /> (сгенерирован автоматически, просто вырезано начало контента на странице)
  • <meta name=»description» content=»Салон красоты ЛЕАЛЬ самый лучший Салон красоты москвы, салон красоты, парикмахерская, парикмахерская москва, стрижка в москве, похудеть москва, стрижка не дорого, как похудеть, похудеть москва,»/> (перечисление ключевых слов через запятую, неестественное мета-описание)

 

Мета-тег H1

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

<h1>Содержимое мета-тега H1</h1>

Тег должен находиться внутри контейнера <body>…</body> в любом месте.

Требования SEO

  • Тег должен использоваться РОВНО один раз на странице.
  • Отсутствие тега <H1> является ошибкой.
  • В теге <H1> должно быть использовано главное ключевое слово на странице
  • Рекомендуемая длина тега не более 70 символов (однако это не значит, что использовать длинные теги запрещено).
  • Теги <H1> рекомендуется делать уникальными.
  • Для товаров желательно указать в теге <H1> самые главные характеристики товара (длина, ширина, цвет, модель).

Примеры правильного заполнения тегов

  • <H1>Автополив газонов</H1>
  • <H1>Пусковой комплект микроорошения XCZ-075 PRF, 3/4″</H1>
  • <H1>Новости</H1>

Ошибки и неудачные примеры мета-тегов

  • <H1>Автополив газонов в Москве купить</H1>
  • <H1>Автополив газонов, авто полив газонов, купить, цены</H1>
  • Автополив газонов<H1></H1>
  • <H1>Автополив газонов<H1>

 

Мета-теги H2, H3, H4, H5, H6

Синтаксис

<h2>Содержимое мета-тега H2</h2>

Теги должен находиться внутри контейнера <body>…</body>.

ВАЖНО! Должна соблюдаться иерархия тегов (цифры — это уровни, как показано ниже). Теги Hx используются именно как заголовки в содержательной части страницы. Если они используются как элементы оформления на сайте, необходимо заменить их на теги <DIV> с аналогичными классами оформления (визуально все сохранится так же, а логика размещения информации на странице будет соблюдена).

Пример:

  1. H1 — заголовок страницы (один!)
    1. H2 — заголовок второго уровня
      1. H3 — заголовок третьего уровня
      2. H3 — заголовок третьего уровня
      3. H3 — заголовок третьего уровня
    2. H2 — заголовок второго уровня
    3. H2 — заголовок второго уровня

Теги H4 — H6 редко используются. Их использование может быть обосновано только в лонгридах — если действительно есть необходимость в заголовках такого уровня вложенности. На личной практике ни разу не приходилось использовать заголовки H4 — H6.

В тегах Hx хорошо использовать продвигаемые ключевые слова (однако это следует делать так, чтобы это выглядело естественно!). Причем тег Hx может быть выведен в поисковой выдаче в заголовке сниппета вместо Title.

Пример:

метатег Hx, H1, H2, H3

мета тег Hx, H1, H2, H3

Требования SEO

  • Нежелательно использовать другие теги внутри Hx, например, совместное использование заголовков Hx с HTML-тегами: <STRONG> (полужирный), <B> (полужирный), <EM> (курсив), <I> (курсив), <A> (ссылка).
  • Неверная логика использования тегов. Например, тег <H2> перед тегом <H1>.

Примеры правильного заполнения тегов

  • <H2>Где купить систему автополива для газона</H2>
  • <H1>Автополив для газонов</H1>
    <H2>Где купить систему автополива для газона</H2>
    Текст.

Ошибки и неудачные примеры мета-тегов

  • <H2><STRONG>Где купить систему автополива для газона</STRONG></H2>
  • <H2>Где купить систему автополива для газона</H2>
    Текст.
    <H1>Автополив для газонов</H1>
  • <H2>Где купить систему автополива для газона<H2>
  • <H2></H2>Где купить систему автополива для газона

 

Мета-тег Robots (All, Follow, Nofollow, Index, Noindex, None, NoArchive, NoYaca)

Синтаксис

<meta name="robots" content="index, nofollow" />  <meta name="yandex" content="noyaca" />

Тег должен находиться внутри контейнера <head>…</head> в любом месте.

Для Яндекса значение атрибута name можно заменить на «yandex», в этом случае правила будут учитываться только роботами Яндекса. Для Google — «google» или «googlebot», для Yahoo! — «slurp», для Bing — «bingbot».

Какие значения могут быть у атрибута content:

  • all — разрешено индексировать текст и ссылки на странице;
  • index, follow — то же, что all;
  • noindex — запрещено индексировать текст страницы;
  • nofollow — запрещено переходить по ссылкам на странице;
  • none — запрещено индексировать текст и переходить по ссылкам на странице;
  • noindex, nofollow — то же, что none;
  • noarchive — не отображать на странице результатов поиска ссылку на сохраненную копию;
  • noyaca — не использовать описание из Яндекс.Каталога для сниппета в результатах поиска;
  • noodp — не использовать описание из dMoz для сниппета в результатах поиска;
  • noydir — не использовать описание из Yahoo! Directory для сниппета в результатах поиска.

Мета-теги Index и Noindex выполняют те же функции, что и директивы Allow и Disallow в файле robots.txt — разрешают и запрещают индексировать данную страницу. Подробнее, как правильно настроить файл роботс здесь:

robots.txtRobots.txt
Файл robots.txt является одним из самых важных при оптимизации любого сайта. Его отсутствие может привести к высокой нагрузке на сайт со стороны поисковых роботов и медленной индексации и переиндексации… Подробнее

Robots.txt для WordPressRobots.txt для WordPress
В интернете можно найти много публикаций на тему, как составить лучший (или даже самый лучший) файл robots.txt для WordPress. При этом в ряде таких популярных статей многие правила не объясняются и, как мне кажется, вряд ли понимаются самими авторами… Подробнее

 

Мета-теги Canonical, Next, Previous

Синтаксис

<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 (предыдущий, следующий) используются на страницах с пагинацией (например, страница категории, на которой товары размещаются на нескольких страницах). Думаю, здесь пояснять ничего не нужно, пример выше говорит сам за себя.

 

Устаревшие мета-теги

Мета-тег Keywords

Синтаксис

<meta name="keywords" content="ключевое слово 1, ключевое слово 2, ключевое слово 3, ..." />

Тег должен находиться внутри контейнера <head>…</head> в любом месте.

Данный мета-тег уже долгое время не учитывается системой Google, Яндекс официально сообщает о том, что данный тег может использоваться при определении соответствия страницы поисковым запросам. Однако подтверждений тому, что мета-тег kewords помогает в ранжировании сайта в Яндексе нет. Тем не менее, приведем ниже требования SEO к правильному заполнению мета-тега, которые были актуальны порядка 10 лет назад.

Требования SEO

  • Использовать не больше 5-6 слов,
  • использовать не более 3-х повторов,
  • не стоит использовать союзы, предлоги, междометия.

Примеры правильного заполнения тегов

  • автополив газонов, авто полив, системы, купить, цены,  москва

Ошибки и неудачные примеры мета-тегов

  • автополив газонов, автополив газонов купить, автополив газонов цены, автополив газонов москва, система автополива газонов, авто полив газонов, авто полив газонов купить, авто полив газонов цены, авто полив газонов москва, система авто полива газонов
  • автополив газонов, секс, порно, девки, [дальше сплошная цензура]

Мета-тег NoODP

Синтаксис

<meta name="robots" content="noodp" />

Тег должен находиться внутри контейнера <head>…</head> в любом месте. Этот тег использовался в следующих случаях. Если сайт был добавлен в каталог dMoz, то некоторые поисковые системы могли выводить описание сайта, взятое из dMoz. Если это было не нужно, то добавлялся этот тег. С 17 марта 2017 года dMoz больше не работает, поэтому данный мета-тег теперь является устаревшим.

 

Другие полезные мета-теги

Ниже я приведу еще несколько мета-тегов, которые напрямую не влияют на индексацию и ранжирование страниц, но их тоже важно знать специалисту по SEO.

Мета-тег Viewport

Синтаксис

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

Тег должен находиться внутри контейнера <head>…</head> в любом месте. Актуальность тега возросла с переходом значительной части аудитории в Mobile. В случае применения адаптивной верстки, наличие этого тега позволяет правильно учитывать размер используемого устройства (ПК, планшет, смартфон).

Значение width=device-width адаптирует ширину окна просмотра к экрану устройства. Значение initial-scale=1 обеспечивает соотношение 1:1 между пикселями CSS и независимыми пикселями устройства.

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

 

Мета-тег NoYDIR

Синтаксис

<meta name="slurp" content="noydir" />   или   <meta name="robots" content="noydir" />

Тег должен находиться внутри контейнера <head>…</head> в любом месте. Этот тег используется в следующих случаях. Если сайт был добавлен в каталог Yahoo!, то некоторые поисковые системы могут выводить описание сайта, взятое из Yahoo! Directory. Если это не нужно, то добавляется этот тег.

Мета-тег Generator

Синтаксис

<meta name="generator" content="WordPress 4.6.6" />

Тег должен находиться внутри контейнера <head>…</head> в любом месте.

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

Мета-теги Author и Copyright

Синтаксис

<meta name="author" content="Иван Иванович" />  
<meta name="copyright" lang="ru" content="ООО Ромашка" />

Тег должен находиться внутри контейнера <head>…</head> в любом месте.

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

Улучшенный сниппет в Google3 простых шага как связать сайт с Google+, или Что такое авторство в Google и для чего это нужно
Те из вас, кто предпочитает пользоваться поиском Google, не раз встречали в результатах выдачи сниппеты с фотографиями авторов статей. Поисковик предоставляет такую возможность в рамках сервиса «Поддержка авторов». Такие сниппеты привлекают большее внимание и имеют больший CTR… Подробнее

rich snippetsРасширенные сниппеты (Rich Snippets) в Google и Яндекс
Занимаясь продвижением сайта, все больше внимания оптимизаторы уделяют тому, как выглядит сниппет. Технология расширенных сниппетов не нова. Яндекс и Google позволяют использовать дополнительные возможности для того, чтобы ссылка на ваш сайт была более информативной… Подробнее

 

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

  1. Откройте исходный код страницы.
  2. Воспользуйтесь функцией поиска по странице — Ctrl+F для того, чтобы обнаружить мета-теги, возможно, некоторые из них просто отсутствуют (Title, Description, H1 обязательно должны быть!)
  3. Обратите внимание:
    • верно ли записаны мета-теги с точки зрения синтаксиса (см. примеры выше),
    • в нужном ли месте они размещены (проверьте, точно ли мета-тег Title внутри контейнера <head>, логично ли размещены теги Hx и т.п.),
    • не дублируются ли теги, которые должны быть использованы только один раз (да-да, бывает когда на странице оказывается два мета-тега Title или несколько мета-тегов H1),
    • корректно ли подхватываются значения этих мета-тегов (бывают ситуации, когда вы прописываете для страницы одно значение мета-тега, но вместо него выводится другое, шаблонное, настроенное по умолчанию).

 

Шаблоны мета-тегов

То, что будет описано ниже, будет относиться к тегам Title, Description и Keywords.

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

Как быть, если на нашем сайте тысячи или десятки тысяч страниц (например, это новостной портал или интернет-магазин с большим количеством товаров). SEO-специалист может потратить не один месяц на рутинную работу по заполнению мета-тегов и будет вынужден продолжать это делать по мере появления новых статей/товаров.

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

Например, у нас интернет-магазин мебели «МегаМебель» (не проверял, есть ли на самом деле такой магазин). Вы можете написать такое короткое техническое задание:

  1. если для карточки товаров прописаны seo-теги — подставляются эти мета-теги;
  2. если нет, то автоматически генерируются мета-теги по шаблону:
    • Title: [Заголовок H1] — купить в Москве по цене [Цена] руб — МегаМебель
    • Description: Вы можете купить [Заголовок H1] в интернет-магазине МегаМебель в Москве по выгодным ценам. Бесплатная доставка в пределах МКАД!
    • Keywrods (напомню, можно не указывать): [Заголовок H1], [Название категории], купить, недорого, цена, москва

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

seogio.ru


You May Also Like

About the Author: admind

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Этот сайт использует Akismet для борьбы со спамом. Узнайте как обрабатываются ваши данные комментариев.

Adblock
detector