Unlimited Wordpress themes, plugins, graphics & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Web Design
  2. SEO

Мета-теги и SEO

by
Length:MediumLanguages:
This post is part of a series called SEO Fundamentals for Web Designers.
How to Create an SEO-Friendly URL Structure
The Problem of Duplicate Content and How to Solve it
This post is part of a series called Strange and Unusual HTML.
How to Create Your Own HTML Elements With Web Components
How to Use HTML5 “picture”, “srcset”, and “sizes” for Responsive Images

Russian (Pусский) translation by Aleksandr Dokin (you can also view the original English article)

Когда речь заходит о влиянии мета-тегов на выдачу поисковых систем, многое понимается неправильно. Некоторые теги использовались в прошлом, но сейчас уже утратили свою силу. Итак, какие теги по-прежнему полезны для SEO, а какие нет?

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

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

Мета-теги можно найти на странице внутри элемента <head>. В прошлом меня спрашивали, можно ли размещать мета-теги в <body>, но лучше такого не делать. При размещении мета-тегов внутри body, некоторые браузеры могут их не обработать; и по сути вы создаете невалидную разметку.

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


Мета-теги, с которыми вы столкнетесь

Давайте быстро пробежимся по нескольким мета-тегам, которые можно найти на веб-странице.

Meta Description

Meta description является, возможно, одним из самых полезных мета-тегов. Как предполагается в названии, он дает поисковикам краткое описание страницы. Выглядит это примерно так:

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

Это означает, что он все еще может улучшить рейтинг кликов (click-through rate) ваших страниц. В конце концов слова, которые соответствуют поисковому запросу пользователя, выделяются жирным. Вот почему хорошее описание страницы (в котором используются ключевые слова) может стать более уместным для пользователей, увеличивая шанс их перехода на вашу страницу. Рекомендуемая длина описания составляет 160 символов.

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

Meta Robots

Мы уже говорили об этом теге в прошлой статье. Для тех, кто еще не прочитал ее - вот короткое пояснение:

Тег meta robots используется, чтобы управлять доступом к веб-странице для поисковых систем. Вы можете разрешить или запретить поисковикам индексировать страницу, проходиться по внутренним ссылкам или архивировать ее. Например:

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

Почему этот тег полезен для SEO? Во-первых, это простой путь запретить индексацию дублируемого контента, например в отдельной странице для печати (print version). Также он может быть полезным для неполных страниц или страниц, содержащих конфиденциальную информацию.

Title

Технически тег title не является мета-тегом, но часто его относят сюда же. Я включил его в этот список, потому что он очень важен для поисковой оптимизации.

Тег title обязателен для всех HTML-документов, он определяет название документа. Разметка выглядит так:

Очень простой и очень мощный. 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:

Теперь вполне приемлемо использовать короткую обратно-совместимую версию задания кодировки.

Этот тег должен располагаться перед любым элементом, содержащим текст, включая и тег title, о котором мы ранее говорили.

Meta Keywords

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

В теге meta keywords вы можете хранить несколько ключевых слов о контенте страницы. Однако это не повысит вашу позицию в поисковой выдаче. Если вы все же хотите использовать этот тег (хотя непонятно зачем), используйте следующий формат:

Meta Language

Этот тег раньше использовался для объявления языка веб-страницы. Информирование экранных читалок (screen readers) и других текстовых процессоров, с каким языком они имеют дело, делает веб-контент более доступным. Вот как с помощью meta language объявляется, что предоставляемый контент на французском языке.

Однако замечено, что на сегодняшний день это уже излишне. Вместо этого World Wide Web Consortium рекомендует определять язык контента с помощью атрибута, а не мета-тега:

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>:

Notranslate

Иногда Google показывает ссылку на перевод в результатах выдачи. Но бывают ситуации, когда делать этого не следует. Если вы не хотите, чтобы Google переводил страницу, добавьте мета-тег:

Refresh

С помощью этого тега вы можете дать браузеру команду автоматически обновлять страницу через определенный промежуток времени. Следующий код например обновляет страницу каждые 30 секунд:

Возможно также перенаправить пользователя на другую страницу после этого обновления. Взгляните на следующий пример:

Использование этого тега не рекомендуется консорциумом W3C, потому что он может дезориентировать пользователей. Кроме того, он не имеет никакого влияния на ранжирование.


Заключение

Проще говоря, существует три мета-тега, о которых вы должны беспокоиться: meta description, meta robots и title (опять же повторюсь, технически это не мета-тег, но часто считается одним из них).

Meta description используется для показа информации о содержимом страницы. Поисковики используют его в своей поисковой выдаче. Meta robots может использоваться для предотвращения дублирования контента и запрета индексации страниц с конфиденциальными данными или незаконченных частей вашего сайта. Наконец одной из самых важных частей является тег title. Храните в нем до 70 символов и усиливайте ключевыми словами.

В прошлом тег meta keywords был очень мощным, но эти дни прошли. Лучше оставить его в покое. Другими менее важными мета-тегами (когда дело доходит до SEO) являются теги language, content, refresh и nontranslate.

Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.