Использование мета-тегов в HTML: некоторые основы и лучшие практики

  1. Устаревшее использование
  2. Заключение

Метаданные часто называют «данными о данных», и один из способов сделать это на веб-страницах - это тег <meta> , Содержимое мета-тегов обычно описывает информацию о HTML-странице, которая обычно не может быть представлена ​​другими HTML-тегами. В дополнение к этому метатег можно также использовать для эмуляции заголовка ответа HTTP (например, перенаправление на другую страницу), и он имеет атрибуты, такие как http-эквивалент и charset, подробности которых подробно описаны на Сеть разработчиков Mozilla ,

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

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

Таким образом, хотя хорошее мета-описание не улучшит ваш рейтинг, оно повысит рейтинг кликов на ваш сайт со страниц поиска

Также важно отметить, что не весь поисковый трафик генерируется Google, Bing и Yahoo. Думать о других (как Baidu ) тот придать вес метатегам , что составляет миллионы поисков в день.

Различные метатеги определяются путем изменения атрибут имени к действительному значению.

Наиболее часто используемый метатег используется для описания :

<meta name = "description" content = "Общее руководство по использованию мета-тегов на HTML-страницах">

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

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

<meta name = "author" content = "Shaumik Daityari">

Атрибут charset используется для указания кодировки символов вашего контента. HTML-страница может иметь только одну кодировку. Для большинства веб-страниц вы должны использовать кодировку UTF-8.

<meta charset = "UTF-8">

Больше информации о кодировках символов и выбор кодировки символов можно найти на W3C.

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

<meta http-equ = "refresh" content = "5; url = http: //www.sitepoint.com/">

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

Устаревшее использование

Использование мета-тегов развивалось на протяжении многих лет, и существуют определенные популярные практики, которые не следовали сегодня. Например:

<! - не используйте это! -> <meta http-equ = "Content-Type" content = "text / html; charset = UTF-8" />

Это более длинная версия кодировки символов, которая была распространена в XHTML. Сокращения до того, что мы обсуждали выше, достаточно.

Мета-теги также используются для указания авторских прав.

<! - не используйте это! -> <meta name = "copyright" content = "SitePoint" />

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

<link rel = "copyright" href = "copyright.html">

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

<meta name = "ключевые слова" content = "web, design, html, css, html5, development">

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

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

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

С возрастающей актуальностью социальных сетей эволюционировали мета-теги. Открытый График Facebook позволяет указать, как ваш контент будет отображаться на временной шкале пользователя. Эти теги могут помочь вам проверить, как ваши данные были опубликованы на Facebook с помощью Insights ,

<meta property = "og: title" content = "Лучший сайт"> <meta property = "og: image" content = "link_to_image"> <meta property = "og: description" content = "описание идет здесь">

Для дальнейшего чтения я предлагаю вам пройти Документация Open Graph на Facebook ,

Аналогично Open Graph, в Twitter есть Твиттер-карты (используя name = "twitter: title" или name = "twitter: url") и Google+ использует Schema.org (используя itemscope и itemprop).

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

Инструменты метаданных не требуют глубоких знаний HTML или других веб-технологий, поэтому у вас все еще есть выход, если вы не хотите испачкать руки.

Если вы используете WordPress, у вас есть много возможностей для генерации метаданных при создании или редактировании поста, наиболее популярным из которых является WordPress SEO от Yoast , Joomla а также Drupal также есть набор связанных с мета плагинов и модулей. Если вы не используете ни один из них, всегда есть возможность использования онлайн генератор метатегов ,

Заключение

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