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

  1. Примечание. Для получения более свежей информации по этой теме см. Наш Полное руководство по метатегам...
  2. Тег заголовка
  3. Описание метатег
  4. Ключевые слова метатег
  5. Другие метатеги
  6. Роботы Метатег
  7. Тег Charset
  8. Заключение
  9. Хотите быть в курсе последних тенденций поиска?
  10. Хотите быть в курсе последних тенденций поиска?

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

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

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

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

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

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

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

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

<head> <title> Не метатег, но в любом случае требуется </ title> <meta name = "description" content = "Отличное описание здесь"> <meta http-эквивалент = "content-type" content = "text / html ; charset = UTF-8 "> </ head>

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

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

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

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

Описание метатег

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

<meta name = "description" content = "Отличное описание здесь">

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

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

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

Посмотрите на этот пример и судите сами:

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

Две другие быстрые заметки о мета описание теги:

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

Ключевые слова метатег

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

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

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

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

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

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

  • Сказали пауку, когда возвращаться <meta name = "revisit-after" content = "30 days">
  • Сообщил браузеру о распространении <meta name = "distribution" content = "web">
  • Сказал странице обновить <meta http-equ = "refresh" content = "30">
  • Сказал странице перенаправить / обновить <meta http-equ = "refresh" content = "x_seconds; url = http: //www.yourhost.com/pagetosendto.html">

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

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

Роботы Метатег

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

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

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

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

  • <META NAME = "ROBOTS" CONTENT = "NOINDEX, NOFOLLOW">

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

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

  • <META NAME = "ROBOTS" CONTENT = "INDEX, NOFOLLOW">

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

  • <META NAME = "ROBOTS" CONTENT = "NOINDEX, FOLLOW">

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

  • <META NAME = "ROBOTS" CONTENT = "INDEX, FOLLOW">

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

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

Тег Charset

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

<meta http-equ = "Content-Type" content = "text / html; charset = UTF-8">

Заключение

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

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

Хотите быть в курсе последних тенденций поиска?

Получить лучшие идеи и новости от наших экспертов по поиску.

Хотите быть в курсе последних тенденций поиска?

Получить лучшие идеи и новости от наших экспертов по поиску.