Как использовать метатеги HTML

Как использовать метатеги HTML
Как использовать метатеги HTML

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

Примечание. Более свежую информацию по этой теме можно найти в нашем Полном руководстве по метатегам в SEO

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

Хотя до сих пор ведутся споры о том, какие метатеги остаются полезными и важными для поисковых систем, метатеги определенно не являются волшебным решением для повышения рейтинга в Google, Bing, Yahoo или где-либо еще - так что давайте развеем этот миф. прямо в самом начале. Однако метатеги помогают поисковым системам и пользователям сообщить, о чем ваш сайт, и когда метатеги реализованы неправильно, негативное влияние может быть существенным и душераздирающим.

Давайте посмотрим, что такое метатеги, какое значение имеют метатеги и как избежать ошибок при внедрении метатегов на ваш сайт.

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

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

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

Вот пример кода метатегов:

Не метатег, но в любом случае обязателен

Подробнее об истории метатегов читайте в нашем посте «Смерть метатега».

Тег заголовка

Хотя тег заголовка появляется в заголовке страницы, на самом деле он не является метатегом. Какая разница? Тег заголовка является обязательным «элементом» страницы согласно W3C. Метатеги - это необязательные дескрипторы страниц.

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

Метатег описания

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

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

Метатег «description» помогает веб-сайтам тремя важными способами:

«Описание» сообщает поисковой системе, о чем ваша страница или сайт: Чтобы поисковая система поняла, о чем ваша страница, вам нужно написать хорошее описание. Когда алгоритм Google решает, что описание написано плохо или неточно, он заменит это описание собственной версией того, что находится на странице. Разве вы не предпочли бы описать свой сайт потенциальным клиентам или посетителям своими словами, а не оставлять его в искусственных руках Google? Посмотрите на этот пример и судите сами:

serp-хорошо-плохо-мета-описание
serp-хорошо-плохо-мета-описание
  • «Описание» помогает повысить рейтинг кликов на вашем сайте: Написание хорошего описания не только помогает Google не переписывать его, но также помогает привлечь больше людей на клики на ваш сайт. Хорошо написанное описание не только сообщает пользователям, что находится на вашей странице, но и побуждает их посетить ваш сайт. Описание - это то, что отображается здесь в результатах поисковой системы. Это как хорошая витрина. Сайты с плохими описаниями будут получать меньше кликов, и поисковые системы будут понижать рейтинг вашего сайта в пользу других сайтов.
  • «Описание» помогает повысить рейтинг сайта: Распространенное мнение (основанное на утверждениях Google в 2009 году) заключается в том, что ничто в описании не поможет вам повысить рейтинг. Однако я видел доказательства обратного. Имеет ли он большой вес? Нет, но если вам нужно какое-то значение для вторичного ключевого слова (скажем, -ing -ed или -s), используйте его здесь.

Еще два кратких замечания по тегам метаописаний:

  • Пустое описание: Может ли описание быть пустым? Да. Когда оно пустует, Google и Bing заполнят его за вас. Фактически, иногда (например, для блогов) вы можете предпочесть версию Google или Bing. (Лично я всегда заполняю его, когда это возможно, предпочитая свою версию их версии, но если у вас небольшой штат сотрудников, это не всегда практично.)
  • Quotes: Не используйте полные кавычки («») в своем описании. Это, скорее всего, обрежет ваше описание. Чтобы избежать этой проблемы, используйте одинарные кавычки.

Метатег ключевых слов

Давным-давно в далекой-далекой галактике метатег «ключевые слова» был важнейшим элементом для первых поисковых систем. Как и динозавры, этот тег представляет собой окаменелость времен древних поисковых систем.

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

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

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

Другие метатеги

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

  • Сказал пауку, когда вернуться
  • Сообщить браузеру о раздаче
  • Сказала обновить страницу
  • Сказала перенаправить/обновить страницу

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

ПРИМЕЧАНИЕ. Маркировка схем и расширенные фрагменты данных сами по себе являются наиболее важным (и довольно незаметно объявленным) изменением того, как ваш сайт взаимодействует с поисковыми системами и поисковыми роботами. Узнать его. Знайте это. Реализуйте это.

Метатег роботов

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

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

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

Вот четыре реализации метатега роботов и их значение.

  • Это означает: «Не индексировать эту страницу. Не переходите по ссылкам на странице». Ваша страница выпадет из поискового индекса, И ваши ссылки на другие страницы не будут переходить. Это нарушит путь ссылки на вашем сайте с этой страницы на другие страницы.

    Этот тег чаще всего используется, когда сайт находится в разработке. Разработчик назначит noindex/nofollow страницам сайта, чтобы они не были обнаружены поисковыми системами, а затем забудет удалить тег. Запуская новый веб-сайт, не верьте, что он был удален. ДВОЙНАЯ ПРОВЕРКА!

  • Это означает: «Проиндексировать эту страницу. Не переходите по ссылкам на странице». Ваша страница БУДЕТ в индексе, И ваши ссылки на другие страницы не будут отслеживаться. Это нарушит путь ссылки на вашем сайте с этой страницы на другие страницы.
  • Это означает: «Не индексировать эту страницу. Перейдите по ссылкам на странице». Ваша страница выйдет из индекса, НО по вашим ссылкам на другие страницы будут переходить. Это НЕ нарушит путь ссылки на вашем сайте с этой страницы на другие страницы.
  • Это означает: «Проиндексировать эту страницу. Перейдите по ссылкам на странице». Это означает, что ваша страница БУДЕТ в индексе, И по вашим ссылкам на другие страницы будут переходить. Это НЕ нарушит путь ссылки на вашем сайте с этой страницы на другие страницы.

ПРИМЕЧАНИЕ. Менее щепетильные пауки могут игнорировать тег robots.

Тег кодировки

Наконец, все сайты должны проверять кодировку. В США это тег UTF-8. Просто убедитесь, что это есть на вашей странице, если вы доставляете HTML с использованием английских символов.

Вывод

Хотя метатеги не являются тем волшебным решением, о котором вы, возможно, слышали, они по-прежнему играют важную роль, помогая вашему сайту найтись в поисковых системах. Наслаждайтесь метами!

Ниже приведены некоторые дополнительные ресурсы, которые помогут вам на пути к поисковой оптимизации.

Изучите эти ключевые навыки, чтобы повысить рейтинг в поиске

  • Назад к основам - SEO 101
  • Как получить больше кликов в развивающейся поисковой выдаче Google
  • Устранение основных проблем SEO с помощью XML-файлов Sitemap
  • Как гармонизировать Google+ с другими социальными платформами
  • Улучшите свой органический рейтинг с помощью Google Адресов
  • Расширенные сниппеты для приложений: новый способ быть замеченным в результатах поиска
  • SEO для видео: оптимизация метаданных видео
  • Получите свою недвижимость в поисковой выдаче с помощью дополнительных объявлений о продуктах Google
  • 10 элементов идеально оптимизированной страницы