Мета-теги и SEO
Многое неправильно понимается, когда речь заходит о том, влияют ли мета-теги на рейтинг в поисковых системах. Некоторые теги часто использовались в прошлом, но с тех пор потеряли свою силу. Итак, какие теги по прежнему полезны для SEO, а какие нет?
Что такое Мета-теги?
Мета-теги дают поисковым системам дополнительную информацию о веб-странице. Это скрытая информация, а значит она не видна посетителям самой веб-страницы.
Мета-теги можно найти в секции веб-страницы. Меня спрашивали в прошлом, могут ли мета-теги быть размешены в секции страницы, лучше этого не делать. Разместив мета-теги теле веб-страницы ( секция - прим. пер.), некоторые браузеры могут не распознать их и вы, по сути, создаёте неправильную разметку.
Зачастую, мета-теги содержат name атрибут, который устанавливает тип метаданных. Значение этих метаданных выражается через содержание атрибута. Существуют всевозможные правильные пары имя-значение, которые вы можете использовать в мета-тегах, так что давайте взглянем на некоторые из них.
Мета-теги с которыми вы столкнётесь
Давайте быстро пробежимся по по нескольким различным мета-тегам, которые можно найти на веб-странице.
Meta Description
Мета-тег description, вероятно, один из самых полезных мета-тегов. Как следует из названия, он даёт поисковым системам краткое описание страницы. Выглядит это примерно так:
*meta name=”description” content=”Everything you need to know about meta tags for search engine optimization”/> *вместо звёздочки необходимо добавить <
Этот тег используется для получения наибольшей силы ранжирования, но обновление алгоритмов (алгоритмов ранжирования - прим. пер.) уменьшило этот эффект. Это не будет улучшать ваш рейтинг, однако, мета-тег description всё ещё может быть полезным, поскольку он используется на страницах результата поиска.
Это означает, что он всё ещё может улучшить рейтинг кликов (CTR) ваших страниц. Ведь слова, которые соответствуют поисковому запросу пользователя, выделяются жирным шрифтом. Вот почему хорошее описание страницы (которое использует ключевые слова) может быть более полезно пользователю и повысит шансы что он/она кликнет по нему. Рекомендуемая длина описания 160 символов.
Но что произойдёт, если у вас пустое описание, или если вы не используете мета-тег описания? Поисковые системы по прежнему будут выдавать короткий текст в поисковой выдаче, но они будет создавать его автоматически. Большинство из них не такое хорошее, как хотелось бы, а это означает, что вы теряете возможность убедить пользователя кликнуть по странице.
Meta Robots
Мы уже говорили о мета-теге robots в предыдущем обучении. Для тех из вас, кто ещё не имел возможности прочитать его, вот краткое описание:
Мета-тег robots используется для управления доступностью одной веб-страницы для поисковых систем. Вы можете разрешить или запретить поисковым системам индексировать страницу, следовать ссылкам на этой странице, или архивировать её. Например:
*meta name=”robots” content=”noindex, nofollow” /> *вместо звёздочки необходимо добавить <
Этот мета-тег сообщает поисковым системам, не индексировать страницу и не переходить по ссылкам на странице. Если случится так, что вы использовали два противоречащих друг другу термина (например noindex и index), Google выберет наиболее ограничивающий вариант.
Почему этот тег полезен для SEO? Прежде всего это простой способ предотвратить индексацию дублированного контента, например печатной версии страницы. Он также может быть полезен для неполных страниц, или страниц с конфиденциальной информацией.
Title
Технически, тег заголовка это не мета-тег, но его часто складывают в ту же корзину. Я включил его в этот список потому что он очень важен для поисковой оптимизации.
Тег заголовка является обязательным во всех документах HTML и определяет название документа. Разметка выглядит следующим образом:
*title>Title of the page*/title> *вместо звёздочки необходимо добавить <
Очень просто и очень мощно. Название появляется в двух разных местах; в верхней части браузера и на страницах результатов поиска. Это означает, что тег заголовка имеет очень большое влияние на CTR и ваше ранжирование.
Хороший заголовок должен включать ключевые слова и лучше использовать эти ключевые слова в начале заголовка. Запомните - если эти ключевые слова соответствуют поисковому запросу пользователя, они будут отображаться жирным шрифтом.
Другое особенность в том, что вы должны иметь ввиду длину. Google ограничивает заголовки до 70 символов, так что иногда вам, возможно, придётся переписывать заголовок, чтоб он уместился.
Дэн Шур (Dan Shure) написал удивительную статью о заголовках, как называть ваши заголовки, чтобы по ним обязательно кликнули. Действительно интересный материал с большим количеством советов.
Другие Мета-теги
Преодолев некоторые общих мета-теги, давайте взглянем на некоторые менее очевидные кандидаты.
Meta Content Type (charset)
Мета тег content type используется, чтобы объявить кодировку сайта. Лучше всего добавить эту часть информации, чтобы браузеры не гадали кодировку, которая может привести к проблемам отображения, но это не влияет на ранжирование или CTR. Вы можете быть знакомы с более длинной формой Content-Type:
*meta http-equiv='Content-Type' content='Type=text/html; charset=utf-8'> *вместо звёздочки необходимо добавить <
Хотя в эти дни вполне приемлемо использовать короткие, обратно-совместимые версии кодировки.
*meta charset="utf-8" /> *вместо звёздочки необходимо добавить <
Этот элемент должен быть размещён перед любым элементом содержащим текст, в том числе и тег заголовка о котором мы говорили.
Meta Keywords
Этот тег используется чтобы быть полезным, но это не имеет больше значения. Ни одна крупная поисковая система не использует мета-тег ключевых слов для определения содержания страницы в настоящее время.
В мета-теге ключевых слов вы можете хранить пару ключевых слов о содержании страницы. Тем не менее, он не будет улучшать ваш рейтинг. Если вы хотите реализовать это (хотя я не могу понять, зачем вам это), используйте следующий формат:
*meta name=”keywords” content=”meta tags,search engine optimization” /> *вместо звёздочки необходимо добавить <
Meta Language
Этот тег используется для объявления языка веб-страницы. Информирует экранную читалку (screen reader) и другие текстовые процессоры с каким языком он имеет дело и делает контент более доступным. Это то, как мета-тег language объявляет, что контент на французском языке.
*meta http-equiv="content-language" content="fr" /> *вместо звёздочки необходимо добавить <
Однако, в эти дни, они признаны как избыточные. вместо этого Консорциум World Wide Web рекомендует вам определять язык вашего контента с помощью атрибута, а не мета-тега:
*html lang="en"> *вместо звёздочки необходимо добавить <
> Мы утверждаем, что если вы собираетесь сделать одну вещь, вы должны объявить язык для нужд текстовых процессоров и для этого должен использоваться атрибут, а не другие методы. -W3C
Это также может применяться к другим элементам, если язык контента отличается от стандартного, установленного вами в секции:
*p lang="es">Me gusta.. *вместо звёздочки необходимо добавить <
Notranslate
Иногда, Google предоставляет ссылку на перевод в поисковой выдаче. Но могут быть ситуации, когда вы не хотите, чтобы этого произошло. Если вы не хотите, чтобы Google перевёл вашу страницу, добавьте этот мета-тег:
*meta name=”google” content=”notranslate” /> *вместо звёздочки необходимо добавить <
Refresh
С помощью этого мета-тега вы можете сказать браузеру, чтобы он обновлял страницу по истечении определённого периода времени. Приведённый ниже пример кода обновляет страницу через каждые 30 секунд:
*meta http-equiv=”refresh” content=”30”> *вместо звёздочки необходимо добавить <
Кроме того, можно перенаправить пользователя на другую страницу после этого обновления. взгляните на следующий пример:
*meta http-equiv=”refresh” content=”30;URL=’http://website.com’”> *вместо звёздочки необходимо добавить <
Использование этого тега не рекомендуется W3C потому, что он может дезориентировать пользователей. Кроме того, он вообще не имеет никакого эффекта на ранжирование в поисковых системах.
Заключение
Проще говоря, есть три мета-тега о которых вы должны беспокоиться: мета-тег description, мета-тег robots и title (ещё раз, технически не является мета-тегом, но часто считается таковым).
Тег описания используется, чтобы показать больше информации о содержании веб-страницы. Поисковые системы используют его в своей поисковой выдаче. Тег robots может быть использован для предотвращения индексации дублированного контента, конфиденциальных страниц или незавершённых частей вашего сайта. Наконец, одним из наиболее важных частей является заголовок (title tag). Держите его в пределах 70 символов и используйте ключевые слова в нём.
В прошлом, мета-тег ключевых слов был очень мощным, но эти времена прошли. Лучше всего оставить его в покое. Другие, менее важные мета-теги (когда речь идёт о SEO) являются тегами языка (language tag), тег содержания (content tag), тег обновления (refresh tag) и тег не переводить (nontranslate tag).