Мета теги description и keywords


как заполнить мета теги title и description

В этой статье я расскажу, как правильно заполнять мета теги title и description, а еще почему не нужен тег keywords. Итак, начнем.

Как правильно заполнить мета тег title

Давайте разберемся сначала, какое значение имеет html тег title в SEO оптимизации страницы и продвижении:

  • тайтл является самым важным мета тегом

тайтл в коде сайта

  • отображается в результатах поиска

сниппет сайта

  • влияет на позиции сайта в выдаче, так как от него во многом зависит, кликнет ли пользователь на ваш сайт или нет.

Я проводил эксперимент со сниппетом, в котором делал привлекательные заголовки и описания. Можете почитать, это интересно и полезно.

Теперь:

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

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

Теперь под это ядро (для страницы) нужно составить тайтл.

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

Принципы составления title

  • Тайтл должен объединять в себе ключевые слова вашего кластера. Например, есть пул запросов (пластиковые окна, пластиковые окна купить, купить, пластиковые окна цена, пластиковые окна москва купить). Объединяя эти запросы получается такая фраза — Купить пластиковые окна в Москве по цене от 5000 рублей.
  • Главный запрос должен быть в начале, то есть самая частотная ключевая фраза страницы.
  • Желательно использовать все слова в вашем кластере, но разумно. Не нужно употреблять фраз типа “по доступной стоимости и приемлемой цене”, чтобы втиснуть слова “стоимость” и “цена”. Одно слово можно употребить в тайтле, а другое в description.

  • При этом тайтл должен хорошо и понятно читаться, по-русски, чтобы язык не перекосило.
  • Для региональных сайтов нужно обязательно использовать топоним (город). Но если городов много, то ничего не нужно писать вообще, иначе будет переспам.
  • Обязательно добавьте в конце название вашей компании или сайта, можно в виде домена. Это придаст вашему тайтлу уникальности и дополнительное брендирование.
  • Очень хорошо работают цифры в тайтле, это могут быть, например, цены. Или вот такой пример — 12 лучших способов накачать пресс. В общем цифры нужно использовать, они привлекают и повышают кликабельность.
  • Хорошо использовать в title символы юникода, но это по желанию, я не проводил эксперимента, как влияют спецсимволы на CTR сниппета.

Чего нельзя делать при написании тайтла

  • Перечислять слова через запятую, типа, пластиковые окна, купить, цена, москва, недорого и так далее.
  • Делать title одинаковым с заголовком h1.
  • Прописывать одинаковые тайтлы в рамках сайта. Все мета теги должны быть разными для всех страниц сайта.
  • Употреблять точку, восклицательный или вопрос знак. Можно употреблять символы — , : ()

Пример, как правильно написать мета тег title

Приведу несколько разных примеров для разных типов сайтов.

Для сайта услуг

В принципе, уже пример был дан чуть выше с пластиковыми окнами. Но можно еще один — страхование.


Есть ключевые запросы:

дмс для новорожденных
купить дмс для новорожденных
дмс для новорожденных цена
дмс новорожденных
дмс для новорожденных москва
полис дмс новорожденных
страхование дмс новорожденных

Тайтл для такой страницы будет следующим:

ДМС для новорожденных в Москве — купить полис страхования по доступной цене — СК Макс

Для разделов интернет магазина

Есть ключевые запросы:

интернет магазин одежды оптом
купить одежду оптом
магазин одежды оптом
одежда оптом
одежда оптом от производителя
одежда оптом по низким ценам

Тайтл для такой страницы будет следующим:

Купить одежду оптом от производителя по низким ценам в интернет-магазине Lamoda

Для карточки товара интернет магазина

Есть ключевые запросы:

samsung galaxy s5
samsung galaxy s5 в москве
samsung galaxy s5 купить
samsung galaxy s5 купить в москве
samsung galaxy s5 цена
смартфон samsung galaxy s5

Тайтл для такой страницы будет следующим:

Купить смартфон Samsung Galaxy S5 в Москве по цене 8500 рублей в интернет магазине DNS

Для информационного сайта

Есть ключевые запросы:

лечение сахарного диабета
симптомы сахарного диабета у взрослых
сахарный диабет
сахарный диабет лечение и диета
сахарный диабет симптомы
сахарный диабет симптомы и лечение
сахарный диабет симптомы и лечение у взрослых


Тайтл для такой страницы будет следующим:

Сахарный диабет у взрослых — симптомы, лечение и диета — SiteProDiabet

Длина содержимого тега title

Бытует мнение, что тайтл нужно делать от 55 до 90 символов. Это имеет под собой почву, но не является полной правдой. Дело в том, что сейчас работает алгоритмы Палех у Яндекса и аналогичный Rank Brain у Google, которые по смыслу определяют релевантность страницы.

В частности:

Палех определяет по содержимому тайтла. И здесь в дело идут НЧ запросы (или “длинный хвост”), которые можно прописать в тайтл, пусть даже он получится длинным.

Единственное, нужно главный ключ поместить в самое начало. А расширения добавить в конец. Я делаю длинные тайтлы (по 100-150 символов) для интернет магазинов, и они прекрасно ранжируются по НЧ запросам.

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

Как правильно составить и заполнить мета тег description для сайта

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

И не путать! Описание КОНКРЕТНОЙ СТРАНИЦЫ, а не всего сайта.


Вот как выглядит дескрипшн в коде.

дескрипшн в коде

Вот так выглядит этот дескрипшн в сниппете.

дескрипшн в сниппете

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

сообщение в яндекс вебмастере

И это влияет на продвижение сайта.

Принципы составления description

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

  • Состоит из двух предложений, желательно оба в глагольной форме, но второе предложение прям обязательно глагольное с призывом к действию (позвонить, заказать, читайте).
  • Отлично, если вписать преимущества компании (ассортимент, доставка, склад в мск, установка, гарантия). Это также дает преимущества и перед конкурентами, мало кто это делает.
  • Все description должны быть уникальны в рамках сайта, то есть для каждой страницы нужно прописать свой уникальный дескрипшн. И соответственно, они не должны дублироваться с тайтлом.
  • Используйте в сниппете символы юникода. Как и для тайтлов спецсимволы могут хорошо сработать. На скриншоте выше можно посмотреть, как владелец интернет магазина диванов использовал юникод в своем дескрипшн.

Есть также распространенное мнение, что длина длина тега meta description должна составлять 140-200 символов. Но и это не критично, можно и больше, если нужно, ведь поисковики индексируют весь дескрипшн. Главное, чтобы цель оправдывала себя.

Пример, как заполнять мета тег description

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

Для сайта услуг

Есть ключевые запросы:

дмс для новорожденных
купить дмс для новорожденных
дмс для новорожденных цена
дмс новорожденных
дмс для новорожденных москва
полис дмс новорожденных
страхование дмс новорожденных


Дескрипшн для такой страницы будет следующим:

В страховой компании Макс вы можете купить полис ДМС для новорожденных в Москве по цене от 3000 рублей. Звоните по телефону +7(495)344-44-54.

Для раздела интернет магазина

Есть ключевые запросы:

интернет магазин одежды оптом
купить одежду оптом
магазин одежды оптом
одежда оптом
одежда оптом от производителя
одежда оптом по низким ценам

Дескрипшн для такой страницы будет следующим:

В интернет магазине Lamoda вы можете купить одежду оптом от производителя по низким ценам. Доставка со склада в Москве, большой ассортимент. Звоните!

Для карточки товара интернет магазина

Есть ключевые запросы:

samsung galaxy s5
samsung galaxy s5 в москве
samsung galaxy s5 купить
samsung galaxy s5 купить в москве
samsung galaxy s5 цена
смартфон samsung galaxy s5

Дескрипшн для такой страницы будет следующим:

В интернет магазине DNS в Москве вы можете купить смартфон Samsung Galaxy S5 по цене 8500 рублей. Для заказа позвоните по телефону 555-555-555. 

Для информационного сайта

Есть ключевые запросы:

лечение сахарного диабета
симптомы сахарного диабета у взрослых
сахарный диабет
сахарный диабет лечение и диета
сахарный диабет симптомы
сахарный диабет симптомы и лечение
сахарный диабет симптомы и лечение у взрослых


Дескрипшн для такой страницы будет следующим:

Узнайте, что такое сахарный диабет, какие симптомы, диета и способы лечения заболевания у взрослых. Подробнее читайте на сайте SiteProDiabet.

Итак:

Теперь вы знаете, как прописать правильный мета тег description, принципы заполнения его содержимого и описания. И напоследок, поговорим о keywords.

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

<meta name=»keywords» content=»…….»/> может учитываться при определении соответствия страницы поисковым запросам.

А вот официальное заявление Мэтта Каттса из Google.

В целом:

Оптимизаторы давно уже перестали использовать keywords в продвижении сайтов. Лично я также не использую кейвордс.

Шаблонизация мета тегов для интернет магазина

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


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

Примеры шаблонов для разделов:

Тайтлы — Купить %название раздела% в Москве по недорогой цене в интернет магазине Подушки.ру

Дескрипшны — В интернет магазине Подушки.ру вы можете купить %название раздела% по очень дешевой цене. Звоните по телефону 555-555-555.

Соответственно, вместо переменной %название раздела% подставляется название того раздела, в котором прописаны эти мета-теги.

Мета теги для служебных и не продвигаемых страниц

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

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

В данном случае нужно прописать простые title и description, которые характеризуют страницу или раздел. Например, для страницы «Контакты» можно написать такие мета данные:

Тайтл — Контакты компании Coca Cola

Дескрипшн — Вы можете связаться с нами любым удобным для вас способом — по телефону, e-mail, skype, придти в офис. Все наши контакты представлены на этой странице.


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

Заключение

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

P.S. Если вам понравилась статья, то поделитесь ею с друзьями в социальных сетях, также пишите ваши вопросы, комментарии.

mydaoseo.ru

Тег Title

От того, насколько привлекательно в глазах пользователя выглядит заголовок (это содержимое title) и сниппет страницы в результатах поисковой выдачи, зависит их выбор в её пользу. Даже, если ваш сайт будет находиться в поисковой выдаче, скажем, на 7-ом месте, то переходов на него может быть больше, чем на сайт, занимающий 4-ое место. Особенно, если у него заголовок и сниппет привлекательные, т.е. составлены правильно.

Пример поисковой выдачи в Google:

сниппет

Для того чтобы правильно составить title — это название страницы, нужно определиться с двумя вопросами: сколько может быть вхождений ключевых фраз и его длиной — общим количеством символов в теге. Для «рядовых» страниц рекомендуемое количество — одна ключевая фраза. Для главных страниц разделов и index-страницы возможно 2-3 вхождения ключевых словосочетаний.

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

Максимальная длина заголовка, которую я обнаружил у Google — 59 символов с пробелами. Теперь обратимся к результатам выдачи Яндекса:

максимальная длина заголовка

Аналогичный заголовок в результатах поиска Яндекса составил 55 символов — остальные слова тега title в него не попали. Но обратите внимание, основное ключевое словосочетание состоит из заглавных букв. Если буквы будут строчные, то количество символов в заголовках результатов выдачи увеличивается. Смотрим на следующий скриншот:

количество символов в заголовках

Результат 5-ой позиции в выдаче — 68 символов (это максимум). Делаем вывод: длина title может составлять около 60-65 символов с пробелами, самое важное должно располагаться ближе к началу и, желательно, не превышать 55 символов.

Внимание: не следует помещать в title, а также в keywords, слова, которых нет на странице.

Мета-тег Description

Содержание сниппета поисковики составляют из description или выбирают фрагмент текста из страницы. Мета-тег description дает краткое описание веб-страницы. Целесообразно тщательнее отнестись к его составлению, даже если он не будет использован каким-то поисковиком для создания сниппета. Рекомендуемая длина 150-200 символов с пробелами (максимальный сниппет Яндекса — 182, у Google — 140).

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

Мета-тег Keywords

Что же касается мета-тега keywords — это набор ключевых слов страницы, то его — основные поисковые системы не учитывают. Однако пренебрегать его составлением не следует. Алгоритмы поисковых систем время от времени меняются, возможно «завтра» мета-тег keywords будет снова важным звеном в поисковой оптимизации.

Правильное составление title и description — один из существенных факторов, влияющий на положение сайта в глазах поисковых систем. Для полноценной и эффективной SEO раскрутки сайта необходимо уделять должное внимание этой процедуре.

webmastersam.ru

Общее понятие

Из огромного количества можно выбрать основные мета-теги: Title, Description, Keywords. Первый содержит в себе заголовок, второй – описание страницы, а третий – основные ключевые слова, по которым ведется продвижение сайта. Из указанного перечня становится ясно, что мета-тег Keywords, по сути, является семантическим ядром запросов пользователей. Он объединяет в себе все наиболее существенные ключевые словосочетания. мета тег keywords что это

Роль в продвижении и поисковой оптимизации сайта

Чтобы понять его значение, нужно вспомнить далекие 90-е, когда существовал только один основной фактор ранжирования веб-ресурсов для всех поисковых роботов. Тогда еще не было возможности воплотить в реальность удивительную задумку Ларри Пейджа (одного из нескольких основателей корпорации Google) по использованию Page rank для определения интернет-страниц, соответствующих запросу, введенному читателем в поле поиска.

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

История появления

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

Печальные последствия: мета-тег Keywords не влияет на ранжирование

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

Недобросовестные разработчики сайтов начали спамить ключевыми словами в поле, в котором должен быть указан тег Keywords. Ориентироваться на такой легко поддающийся накрутке параметр поисковые системы не могли. Ключевые слова (Keywords) полностью утратили свое значение. Стоит принять во внимание, что поисковики уже давно решили существующую проблему. Разработчики компаний ответили на вопросы веб-мастеров в интервью.

Корпорация Google заявила в 2001 году, что при ранжировании сайтов она не будет учитывать прописанные в этом мета-теге слова. Компания «Яндекс» не дала такого однозначного ответа на происходящие события, подчеркивая, что ключи могут учитываться роботом. Специалистами был проведен эксперимент. В тег страницы было включено несуществующее слово. Его смогла найти только поисковая система Yahoo. Отсюда можно сделать выводы, что остальные компании уже определились со своим отношением к тегу. Можно надеяться на то, что когда-нибудь поисковики пересмотрят решение, однако ближайший десяток лет менять политику они не собираются. мета теги

Промежуточные выводы

Можно подвести итоги. Стоит ли указывать мета-тег Keywords? Что это даст при раскрутке проекта? Однозначно, он перестал каким-либо образом влиять на продвижение. Поверье о том, что заполнение всех полей информации о странице является залогом успешной раскрутки, уже давно потеряло смысл. Более того, при неправильном подборе ключевых слов тег Keywords может стать причиной попадания сайта владельца под фильтр. Поисковики по-прежнему наказывают за спам нерадивых разработчиков. Поэтому следует указывать только те словосочетания, которые наиболее часто встречаются в тексте. ключевые слова keywords

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

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

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

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

При подсчете количества символов поисковые системы учитывают пробелы, занесенные в теги. Буквы можно подсчитать при помощи обычной программы Microsoft Word (данные указаны в статистике) или удобных онлайн-сервисов. В результаты поиска попадут наиболее известные сервисы. Все-таки стоит вернуться к теме. Далее можно увидеть основу тега. мета тег keywords как заполнять

Образец написания в коде

Выглядит это так:

Пример: <meta name=»keywords» content=»…»>

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

Для чего еще может служить правильно оформленный мета-тег Keywords? Он помогает разобраться с внешней оптимизацией сайта. К примеру, если разработчик покупает линки, которые предлагают биржи вечных ссылок GoGetLinks и GetGoodLinks, то он может не тратить время на создание определенного анкора (текста ссылки) для URL-адреса. Когда заполнен мета-тег, мастер просто копирует текст оттуда, избегая нудной работы по записыванию новой информации. тег keywords

Секреты написания тега

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

fb.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-элементов Яндекс.

Подведём итоги

Метатегов достаточно много, но, как оптимизатору, чаще всего приходится использовать в SEO тег Title, meta description, meta keywords. Если вы начинающий сеошник или владелец сайта, рекомендую также ознакомиться с вебинаром “Правила формирования Title и Description” нашего SEO-TeamLead Евгения Аралова:

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 для борьбы со спамом. Узнайте, как обрабатываются ваши данные комментариев.