() translation by (you can also view the original English article)
Когда речь заходит о влиянии мета-тегов на выдачу поисковых систем, многое понимается неправильно. Некоторые теги использовались в прошлом, но сейчас уже утратили свою силу. Итак, какие теги по-прежнему полезны для SEO, а какие нет?
Что такое мета-теги?
Мета-теги дают поисковику больше информации о веб странице. Это неявная информация, и это означает, что она скрыта для посетителей веб-страницы.
Мета-теги можно найти на странице внутри элемента <head>. В прошлом меня спрашивали, можно ли размещать мета-теги в <body>, но лучше такого не делать. При размещении мета-тегов внутри body, некоторые браузеры могут их не обработать; и по сути вы создаете невалидную разметку.
Часто мета-теги содержат атрибут name, который устанавливает тип метаданных. Значение этих данных задается через атрибут content. Есть разные виды допустимых пар имя-значение, которые можно использовать в мета-тегах, поэтому давайте взглянем на некоторые из них.
Мета-теги, с которыми вы столкнетесь
Давайте быстро пробежимся по нескольким мета-тегам, которые можно найти на веб-странице.
Meta Description
Meta description является, возможно, одним из самых полезных мета-тегов. Как предполагается в названии, он дает поисковикам краткое описание страницы. Выглядит это примерно так:
1 |
<meta name=”description” content=”Everything you need to know about meta tags for search engine optimization”/> |
Этот тег раньше имел большое влияние на ранжирование, но обновления поисковых алгоритмов уменьшили это воздействие. Meta description не повысит вас в выдаче, но все же может быть полезным т.к. он используется на страницах выдачи результатов поиска.
Это означает, что он все еще может улучшить рейтинг кликов (click-through rate) ваших страниц. В конце концов слова, которые соответствуют поисковому запросу пользователя, выделяются жирным. Вот почему хорошее описание страницы (в котором используются ключевые слова) может стать более уместным для пользователей, увеличивая шанс их перехода на вашу страницу. Рекомендуемая длина описания составляет 160 символов.
Но что произойдет, если у вас пустое описание или если вообще не используется meta description? Поисковые системы по-прежнему покажут в выдаче короткий текст, но создадут его сами. Большинство из них будут не так хороши, и это означает, что вы упускаете возможность убедить пользователя перейти именно на вашу страницу.
Meta Robots
Мы уже говорили об этом теге в прошлой статье. Для тех, кто еще не прочитал ее - вот короткое пояснение:
Тег meta robots используется, чтобы управлять доступом к веб-странице для поисковых систем. Вы можете разрешить или запретить поисковикам индексировать страницу, проходиться по внутренним ссылкам или архивировать ее. Например:
1 |
<meta name=”robots” content=”noindex, nofollow” /> |
Эти мета-теги сообщают поисковому движку не индексировать страницу и не производить перехода по ссылкам внутри нее. В случае использования двух противоречивых терминов (например, noindex и index), Google выберет более ограничивающий вариант.
Почему этот тег полезен для SEO? Во-первых, это простой путь запретить индексацию дублируемого контента, например в отдельной странице для печати (print version). Также он может быть полезным для неполных страниц или страниц, содержащих конфиденциальную информацию.
Title
Технически тег title не является мета-тегом, но часто его относят сюда же. Я включил его в этот список, потому что он очень важен для поисковой оптимизации.
Тег title обязателен для всех HTML-документов, он определяет название документа. Разметка выглядит так:
1 |
<title>Title of the page</title> |
Очень простой и очень мощный. Title отображается в двух различных местах; в шапке браузера и в результатах выдачи поисковиков. Это означает, что тег title имеет сильное влияние на CTR и ранжирование.
Хороший заголовок должен включать ключевые слова и лучше использовать их в начале заголовка. Запомните, что если эти ключевые слова соответствуют поисковому запросу пользователя, они будут выделены жирным.
Еще одна вещь, которую вы должны иметь в виду - это длина. Google ограничивает заголовки 70 символами, так что иногда вам придется переписывать заголовки, чтобы они соответствовали этому ограничению.
Dan Shure написал удивительную статью are your titles irresistibly click worthy and viral? Действительно интересный материал с большим количеством советов.
Другие мета-теги
Пробежавшись по общим мета-тегам, давайте взглянем на менее очевидных кандидатов.
Meta Content Type (charset)
Тег meta content type используется для объявления кодировки сайта. Лучше добавлять эту информации, дабы запретить браузерам "угадывать" кодировку, что может привести к проблемам с отображением, но это никак не влияет на ранжирование или CTR.
Вы можете быть знакомы с более длинной формой Content-Type:
1 |
<meta http-equiv='Content-Type' content='Type=text/html; charset=utf-8'> |
Теперь вполне приемлемо использовать короткую обратно-совместимую версию задания кодировки.
1 |
<meta charset="utf-8" /> |
Этот тег должен располагаться перед любым элементом, содержащим текст, включая и тег title, о котором мы ранее говорили.
Meta Keywords
Этот тег раньше был полезен, но теперь не имеет большого значения. В наше время поисковые системы не используют meta keywords для оценки содержимого страницы.
В теге meta keywords вы можете хранить несколько ключевых слов о контенте страницы. Однако это не повысит вашу позицию в поисковой выдаче. Если вы все же хотите использовать этот тег (хотя непонятно зачем), используйте следующий формат:
1 |
<meta name=”keywords” content=”meta tags,search engine optimization” /> |
Meta Language
Этот тег раньше использовался для объявления языка веб-страницы. Информирование экранных читалок (screen readers) и других текстовых процессоров, с каким языком они имеют дело, делает веб-контент более доступным. Вот как с помощью meta language объявляется, что предоставляемый контент на французском языке.
1 |
<meta http-equiv="content-language" content="fr" /> |
Однако замечено, что на сегодняшний день это уже излишне. Вместо этого World Wide Web Consortium рекомендует определять язык контента с помощью атрибута, а не мета-тега:
1 |
<html lang="en"> |
We contend that if you are only going to do one thing you should declare language for text-processing purposes, and that attributes should be used for that, not the other methods. - W3C
Это также можно применить к другим элементам, если язык контента, который в них содержится, отличается от определенного по-умолчанию, которое вы только что установили в элементе <html>:
1 |
<p lang="es">Me gusta.. |
Notranslate
Иногда Google показывает ссылку на перевод в результатах выдачи. Но бывают ситуации, когда делать этого не следует. Если вы не хотите, чтобы Google переводил страницу, добавьте мета-тег:
1 |
<meta name=”google” content=”notranslate” /> |
Refresh
С помощью этого тега вы можете дать браузеру команду автоматически обновлять страницу через определенный промежуток времени. Следующий код например обновляет страницу каждые 30 секунд:
1 |
<meta http-equiv=”refresh” content=”30”> |
Возможно также перенаправить пользователя на другую страницу после этого обновления. Взгляните на следующий пример:
1 |
<meta http-equiv=”refresh” content=”30;URL=’http://website.com’”> |
Использование этого тега не рекомендуется консорциумом W3C, потому что он может дезориентировать пользователей. Кроме того, он не имеет никакого влияния на ранжирование.
Заключение
Проще говоря, существует три мета-тега, о которых вы должны беспокоиться: meta description, meta robots и title (опять же повторюсь, технически это не мета-тег, но часто считается одним из них).
Meta description используется для показа информации о содержимом страницы. Поисковики используют его в своей поисковой выдаче. Meta robots может использоваться для предотвращения дублирования контента и запрета индексации страниц с конфиденциальными данными или незаконченных частей вашего сайта. Наконец одной из самых важных частей является тег title. Храните в нем до 70 символов и усиливайте ключевыми словами.
В прошлом тег meta keywords был очень мощным, но эти дни прошли. Лучше оставить его в покое. Другими менее важными мета-тегами (когда дело доходит до SEO) являются теги language, content, refresh и nontranslate.
