Мета теги: Мета-теги для сайта — что такое мета теги, какие бывают, для чего прописывать ключевые слова в мета-теги

Содержание

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

В данной статье рассмотрим применение мета-тегов, инструмента, который лежит в основе SEO продвижения.

Рассмотрим:

 

Тег title

Тег title в поисковой системе выводится как заголовок результатов поиска (рис.1).

Тег title предназначен для следующих аспектов:

  • Название документа (страницы сайта) в HTML.
  • Название вкладки/окна с открытой страницей сайта.
  • Смысловое значение документа для поисковых систем.
  • Название страницы сайта в результатах поиска.


Рисунок 1.

Особую важность представляют именно 2 последних аспекта – первый помогает странице улучшать свои позиции в поисковых системах по определённым запросам (при условии его грамотного составления и наличия в нём ключевых слов), второй – влияет на то, захотят ли пользователи, увидевшие ссылку на вашу страницу в результатах поиска, перейти по ней.

Рекомендуемая длина тега title – до 75 символов, включая пробелы.

Тег keywords в настоящее время не оказывает влияния на поисковое продвижение и нигде фактически не фигурирует, поэтому использовать его вовсе не обязательно.

 

Тег description

Тег description в поисковой системе выводится как описание (рис.2).

Тег description предназначен для следующих аспектов:

  • Смысловое значение документа для поисковых систем.
  • Описание страницы сайта в результатах поиска (так называемый «сниппет»).


Рисунок 2.

Стоит отметить, что поисковые системы далеко не всегда используют содержимое тега description в качестве сниппета – в 95-98% случаев они будут использовать в качестве сниппета одно или несколько «вырванных» из текста страницы предложений. Именно поэтому сниппетами практически нельзя манипулировать (за исключением редких случаев).

 

Тег h2

Тег h2 является тегом заголовка текста на странице – h2 это заголовок первого уровня на странице, поэтому использоваться он может только один раз. Этот тег – смысловой, и служит для указания поисковым системам (а также посетителям страницы) содержания страницы. Влияет на ранжирование. Аналог тега h2 – заголовок статьи в журнале: он может быть только один, и, в идеале, должен раскрывать основную суть статьи.

Таким образом, тег h2 должен содержать основные ключевые слова, по которым продвигается страница (но при этом быть ёмким и не длинным) и отражать основную суть страницы.

 

Canonical

Если одна страница доступна по нескольким URL адресам, поисковые системы рекомендуют использовать канонические ссылки, указывающие адрес основной страницы – предпочтительный для индексации.

Задаются они с помощью тега LINK с атрибутом rel=»canonical» в HEAD страницы и поддерживается всеми известными поисковыми машинами, в том числе Яндексом и Google. Атрибут rel=»canonical» помогает не только исключить из выдачи все дубликаты страницы, но и правильно сконцентрировать ценный ссылочный вес.

Что такое каноническая страница?

Иногда одна и та же страница сайта доступна по нескольким URL адресам. Например:

http://ваш-сайт.ru/1-1-2
http://ваш-сайт.ru/publ/zametki/statiya1
http://ваш-сайт.ru/publ/obzory/statiya1
http://ваш-сайт.ru/publ/rekomendacii/statiya1

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

Причин появления дублей может быть несколько, но самая распространенная – это вхождение материала сразу в несколько категорий. Именно для таких случаев поисковые системы стали поддерживать атрибут rel=canonical, чтобы вебмастер сам смог указать предпочтительную (основную) страницу и заставить робота игнорировать все другие урлы дублирующие ее.

Как и где прописана каноническая страница в платформе.

В коде страницы помещена следующая запись:

<link rel=»canonical» href=»канонический URL» />

Где «канонический URL» — это полный адрес страницы, которая считается основной для индексации.

Каноническая страница (тег canonical) прописан абсолютно на всех страницах сайта, например, если на странице есть пагинация, то canonical будет ссылаться на первую страницу в пагинации; если карточка с модификациями, то canonical будет на основной url карточки товара; если это поисковая выдача в каталоге через фильтр, то canonical будет вести на страницу каталога. И другие страницы по аналогии.

Рассмотрим несколько примеров на сайте

В каталоге, если имеется несколько страниц, то каноническая страница будет первая в категории.

На рисунке ниже видно, что мы перешли на 2 страницу в категории (рис.3), а в мета теге rel=»canonical» прописана ссылка – путь на первую страницу категории (рис.4).


Рисунок 3.


Рисунок 4.

Аналогично с другими страницами, например, в фильтре выбрали значение, генерируется новая ссылка с выдачей товаров из фильтра (рис.5), а в rel=»canonical» прописан url на страницу категории без фильтра (рис.6).


Рисунок 5.


Рисунок 6.

Подведем итог.

Канонические ссылки помогают избавиться от дублей страниц и сконцентрировать статический вес в нужном направлении. Благодаря атрибуту rel=canonical, поисковые системы начнут индексировать только реально существующие страницы и при анализе сайта вы будете видеть только реальное количество уникальных страниц вашего сайта (а не так как раньше – добавили 100 материалов, а в индексе Google попали уже 500 страниц, из которых ни одна не занимает должной позиции в выдаче).

Одно небольшое замечание. Когда вы добавляете материал в несколько категорий, в платформе в файле sitemap.xml формируются все ссылки материала со всеми входящими категориями. То есть, если вы добавили 1 материал в 3 категории – в sitemap сформируется 3 ссылки, которые поисковая система получит в очередь на индексацию, но по итогу индексироваться будет только 1 ссылка и 2 исключаться. Об этих страницах вы можете узнать в панели Яндекс.Вебмастера в пункте «Исключенные страницы» с пометкой «Документ является неканоническим». Если такие страницы появятся – значит вы все сделали правильно.

 

Атрибуты rel=»prev» и rel=»next»

Данные атрибуты (или мета теги) используются для пагинации страниц

Пагинация – это порядковая нумерация страниц, которая обычно находится вверху или внизу страниц сайта.

В нашем случае, нумерация находится внизу страниц брендов, категорий, вывода товаров в поиске и т.д. Выглядит так (рис.5):


Рисунок 7.

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

В зависимости от структуры ваших страниц с пагинацией, весьма вероятно, что некоторые страницы могут содержать похожее или идентичное содержание, часто обнаруживается, что на сайте одинаковые теги title и meta description. В этом случае, дублированный контент может вызвать затруднение у поисковых систем, когда приходит время, чтобы определить, максимально релевантные страницы для определенного поискового запроса. Об этом писали ранее, и используем тег rel=canonical.

Для пагинации используются такие атрибуты, как rel=»prev» и rel=»next», обозначающие, что есть предыдущая страница и следующая, создавая некую цепочку.

Данная цепочка начинается с первой страницы: для этого добавляется в <head>:

<link rel=“next” href=“http://site.com/page2”>

Для первой страницы — это единственный атрибут. Для второй страницы необходимо указать как предыдущую страницу, так и следующую:

<link rel=“prev” href=“http://site.com/page1”>
<link rel=“next” href=“http://site.com/page3”>

Для третьей страницы и последующих в коде прописывается аналогично второй странице

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

<link rel=“prev” href=“http://site.com/page3”>

Используя данные атрибуты rel=»prev» и rel=»next», Google объединяет данные страницы в единый элемент в индексе. Как правило для пользователей, это будет первая страница, так как обычно она является наиболее релевантная страница. Хотели бы обратить внимание, что данные атрибуты не учитываются яндексом.

Ниже рассмотрим пример, как на сайте отображены данные атрибуты.

Если выбрана первая страница (рис.8), то добавлен тег next на вторую страницу.


Рисунок 8.

В примере «Мой магазин на платформе AdvantShop» — заголовок категории, «123213» — название категории.

Перейдем на вторую страницу, проверим код (рис.9). Добавлен тег prev (предыдущая страница первая) и тег next (следующая страница третья).


Рисунок 9.

Аналогично рассмотрим третью страницу (рис.10). тег next показывает ссылку на следующую страницу номер 4, тег prev показывает, что есть предыдущая страница номер 2.


Рисунок 10.

И перейдем на последнюю страницу, в нашем случае страница 4 (рис.11), мы видим, что следующей страницы нет, поэтому нет тега next, но есть предыдущая страница №3 и показан в коде тег prev


Рисунок 11.

Заметка

С версии 5.0.30 в магазинах на нашей платформе добавилась возможность автоматического генерирования Title, Keywords и Description для каждой страницы пагинации (рис.12).

Самим задавать данные параметры возможности нет.


Рисунок 12.

Готово. Мы рассмотрели мета теги.

Тэги: мета теги, теги, метатег, метатэг, мета, заголовок,title, keywords, description, h2, сниппет,canonical,viewport, next,prev, тег каноникал, тайтл, ключевые слова, мета описание

Мета-теги | HTML

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

При выводе результатов поискового запроса (например в Google или Yandex) также показывается этот заголовок и описание.

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

Всё это — работа мета-тегов. Именно в них можно определить заголовок и описание для текущей HTML-страницы, а также картинку, которая добавится при копировании ссылки в социальных сетях.

Title

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

<title>Code Basics: основы программирования</title>

Description

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

<meta name="description" content="Бесплатные практические уроки по программированию для тех, кто начинает с нуля.">

Open Graph

Open Graph (og) — придуманный в компании Facebook набор мета-тегов, которые позволяют задавать уникальную картинку и описание страницы при публикации в социальных сетях. Данные мета-теги сейчас поддерживаются почти всеми известными социальными сетями и мессенджерами. Их добавление на страницу является хорошей практикой.

Основными og мета-тегами являются:
* og:titleзаголовок страницы. При публикации в социальных сетях будет использоваться вместо заголовка <title>.

<meta property="og:title" content="Code Basics: основы программирования">
  • og:descriptionописание страницы. Заменяет для социальных сетей описание из мета-тега description.
<meta property="og:description" content="Бесплатные практические уроки по программированию для тех, кто начинает с нуля.">
  • og:imageизображение страницы. Один из важнейших og мета-тегов. Если он не указан, то робот старается автоматически найти картинку внутри страницы. Эти картинки не всегда находятся правильные по смыслу, поэтому можно чётко указать, какую картинку будет использовать социальная сеть.
<meta property="og:image" content="/images-header.png">

При отсутствии OG мета-тегов социальные сети будут брать данные из стандартных мета-тегов <title> и description на HTML странице.

Задание

Добавьте в редактор 3 мета-тега:
* title
* description
* og:image

Значение мета-тегов произвольное. Для title используйте специальный тег, указанный в начале этого урока.


Советы

META — теги: описание и правила создания | Битрикс-веб-мастер

МЕТА — тег используется в пределах заголовка страницы и предназначен для того, чтобы включить любую полезную информацию, не определенную другими HTML тегами. Такая информация может быть извлечена серверами / клиентами для использования в идентификации, индексации и создании каталогов Ваших страниц.

МЕТА — тег используется в пределах заголовка страницы и предназначен для того, чтобы включить любую полезную информацию, не определенную другими HTML тегами. Такая информация может быть извлечена серверами / клиентами для использования в идентификации, индексации и создании каталогов Ваших страниц.

МЕТА — тег не виден в браузере при просмотре страницы, но значительно увеличивает размер страницы. Если Вы хотите, чтобы Ваш сайт находился в числе первых, выдаваемых поисковыми машинами при запросах пользователей, то Вам нельзя игнорировать использование МЕТА — тега. Кроме того, необходимо правильно заполнять содержимое МЕТА — тегов.

Дополнительно к изучению META-тегов стоит ознакомиться с программой, которая поможет оптимизировать некоторые из META-тегов страницы: поисковая оптимизация страниц и meta-тегов для каждой из страниц сайта.

Составные части МЕТА-тега: HTTP-EQUIV, Name и CONTENT.

  • HTTP — EQUIV. Этот атрибут определяет заголовок HTTP, которому принадлежит информация. Если семантика заголовка HTTP, названного этим атрибутом известна, то содержание может быть обработано на основании записанных здесь данных. Заголовки HTTP не чувствительны к регистру.
  • NAME. МЕТА — информационное имя. Если признак NAME — отсутствует, то данный атрибут может получить значение, равное значению HTTP-EQUIV.
  • CONTENT. МЕТА — информационное содержание, которое будет связано с данным именем и/или заголовком HTTP.

МЕТA — теги размещаются в любом месте заголовка страницы, т.е. между тегами <HEAD> и </HEAD>.

Рассмотрим типичные примеры использования МЕТА — тегов (представлено только то, что известно мне. Вероятно, есть и другие NAME):

  • < META HTTP-EQUIV=»Content-Type»Content=»text/html;
    Charset=Windows-1251″>
    — используется браузерами для определения кодировки, с помощью которой была написана данная страница.
    «charset=koi8-r» — альтернативная кодировка. Существуют также кодировки ISO, LAT, DOS.
    Внимание: не рекомендую вставлять на Вашу страничку данный код, потому что большинство серверов хранят данные в одной кодировке (например, koi8-r) и преобразуют их по запросу пользователя в нужную кодировку. Если сервер исправит Вашу первую кодировку во вторую, а пользователю выдаст третью, как смесь первой и второй, то никакие перекодировщики не смогут восстановить первоначальный текст на странице.
  • <META Name=»author» Content=»Ваши Ф.И.О., E-Mail»>
    — идентификация автора страницы.
  • <META Name=»copyright» Content=»Информация о вашей фирме»>
    — сохранение авторских прав, информация о Вашей фирме и тд.
  • <META Name=»keywords» Content=»Ваши ключевые слова»>
    -определяет список ключевых слов, используемых на данной странице. Необходим для поисковых машин.
  • <META Name=»description» Content=»Описание Вашей страницы»>
    — Краткое описание содержимого данной страницы. Необходим для поисковых машин.
  • <META HTTP-EQUIV=»Expires»
    Content=»Mon, 11 Jun 1998 00:00:01 GMT»>
    — предназначен для того, чтобы браузер брал страницу не из кэша, а по настоящему адресу.
  • <META Name=»Publisher-Email» Content=»Ваш[email protected]сервер.домен»>
    — адрес издателя страницы (Ваш адрес).
  • <META Name=»Publisher-URL»
    Content=»Адрес Вашего сайта http://www.Ваш_сайт/»>
    — адрес Вашего сайта в сети Интернет.
  • <META Name=»Generator» Content=»Microsoft Notepad»>
    — описывается средство, с помощью которого была создана данная страница.
  • <META Name=»revisit-after» Content=»10 days»>
    — (не точно!) как часто обновляется информация на странице.
  • <META Name=»ROBOTS» Content=»Index,follow»>
    — (не точно!) предназначен для поисковых машин, постоянно сканирующих просторы сети Интернет.
  • <META HTTP-EQUIV=»Refresh» Content=»2″>
    — страница перечитывает сама себя через время x (в нашем случае x=2 секунды).
  • <META HTTP-EQUIV=»Refresh»
    Content=»x; URL=http://где.то/что-то.html»
    — этот вариант прочитает другую страницу через время x.
  • <META HTTP-EQUIV=»pragma» Content=»no-cache»>
    — запрещает кэширование страницы на локальном компьютере пользователя.
  • <META HTTP-EQUIV=»Page-Enter» Content=»BlendTrans(Duration=2.0)»>
    — Эффект появления страницы при входе на на неё..
  • <META HTTP-EQUIV=»Page-Exit» Content=»BlendTrans(Duration=2.0)»>
    — Эффект исчезания страницы при переходе по ссылке..

Настало время потренироваться в написании МЕТА — тегов. Для этого случая я представил небольшую форму, задача которой — оптимизировать и автоматизировать написание МЕТА — тегов. Параметр «Выводить» означает, войдет ли данное описание в результатирующую последовательность МЕТА — тегов, или останется невостребованным.

Внимание! Длина содержимого МЕТА — тегов «desctiption» не должна превышать 200 символов, a «keywords» — 1000 символов. Такое условие надо выполнять, иначе Вашему сайту может быть отказано в индексации или не вся важная информация (которая представлена Вами для поисковых машин) будет проиндексирована. Это ограничение связано с особенностями работы поисковых серверов.

Использование HTML метатегов (Мета теги) — Знакомство с HTML — codebra

Мета-тег – это тег языка HTML, который размещают в заголовке веб страницы, то есть между тегами <head> ... </head>. Метатеги могут содержать описание страницы, информацию об авторе, команды для поисковых роботов. Есть специальные метатеги для социальных сетей.

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

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

Мета-теги для поисковиков

Мета-тег для описания страницы:

Код HTML

<meta name = "description" content = "Описание страницы">

Мета-тег для указания кодировки страницы (о ней я писал в этом уроке):

Код HTML

<meta http-equiv = "Content-Type" content = "type; charset = ...">

Метатег для создания редиректа, где X – количество секунд перед редиректом, а site.com – страница, куда перенаправлять:

Код HTML

<meta http-equiv = "refresh" content = "X; url = site.com">

А так же группа мета-тегов для управления роботами (индексацией сайта):

Код HTML

<meta name = "robots" content = "X">

Вместо X может быть следующее:

  • noodp — не использовать описание из каталога DMOZ (Google) для сниппета в поисковой выдаче.
  • noyaca — не использовать описание из Яндекс.Каталога для сниппета в поисковой выдаче.
  • all — разрешено индексировать ссылки и текст на странице.
  • nofollow — не переходить по ссылкам, расположенным на данной странице.
  • noindex — не индексировать текст этой страницы страницы.
  • none — запрещено переходить по ссылкам и индексировать текст на странице.

Мета-теги Google – местоположение предприятия, офиса

Мета-тег для указания долготы

Код HTML

<meta property = "place:location:longitude" content = "0.0122">

Мета-тег для указания широты

Код HTML

<meta property = "place:location:latitude" content = "2.3122">

Meta-тег для указания страны

Код HTML

<meta property = "business:contact_data:country_name" content = "Страна">

Код HTML

<meta property = "business:contact_data:locality" content = "Город">
<meta property = "business:contact_data:street_address" content = "Название улицы">

мета-теги Google для указания контактной информации

Код HTML

<meta property = "business:contact_data:postal_code" content = "Индекс">
<meta property = "business:contact_data:email" content = "[email protected]">
<meta property = "business:contact_data:phone_number" content = "+7 910 889 98 88">
<meta property = "business:contact_data:website" content = "http://codebra.ru">

Мета-теги для социальных сетей

Мета-теги Twitter

twitter:card может быть таким: «summary», «summary_large_image», «photo», «gallery», «product», «app», или «player».

Код HTML

<meta name = "twitter:card" content = "summary">
<meta name = "twitter:creator" content = "Автор">
<meta name = "twitter:title" content = "Название страницы">
<meta name = "twitter:site" content = "Название сайта">
<meta name = "twitter:description" content = "Описание страницы">
<meta name = "twitter:domain" content = "codebra.ru">
<meta name = "twitter:image:src" content = "img.png">

Мета-теги Google Plus – социальная сеть от Google

Код HTML

<body itemscope itemtype = "http://schema.org/Product">
<h2 itemprop = "name">Название страницы</h2>
<img itemprop = "image" src = "Ссылка на картинку">
<p itemprop = "description">Описание страницы</p>
</body>

Или можно использовать разметку Open Graph

Open Graph разметка для Google

<meta property = "og:title" content = "Название страницы">
<meta property = "og:image" content = "Изображение страницы">
<meta property = "og:description" content = "Описание страницы">

Мета-теги Facebook

Код HTML

<meta property = "fb:admins" content = "Facebook_ID">
<meta property = "og:type" content = "profile">
<meta property = "profile:last_name" content = "Фамилия">
<meta property = "profile:first_name" content = "Имя">
<meta property = "og:title" content = "Название страницы">
<meta property = "og:description" content = "Описание страницы">
<meta property = "profile:username" content = "Ник">
<meta property = "og:image" content = "img.png">
<meta property = "og:url" content = " http://codebra.ru ">
<meta property = "og:see_also" content = " http://codebra.ru ">
<meta property = "og:site_name" content = "Название сайта">

Все популярные мета-теги я перечислил.

Какие бывают META теги и зачем они нужны / Хабр

META-теги


В продолжении первого поста про DOCTYPE, я, как и обещал, продолжу про META теги.

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

META-теги имеют два возможных атрибута

META-теги должны находиться в заголовке HTML-документа между и (особенно это важно для документов, использующих фреймы).

Стандартом HTML 4.01 значения и имена мета-тегов НЕ оговариваются, поэтому мы будем рассматривать те значения, которые уже устоялись в интернете и используются чаще других.

Пруфлинк: http://www.w3.org/TR/html401/struct/global.html#h-7.4.4.1
(The META element can be used to identify properties of a document (e.g., author, expiration date, a list of key words, etc.) and assign values to those properties. This specification does not define a normative set of properties.)

Атрибут HTTP-EQUIV

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

Некоторые генерируемые сервером поля заголовков не могут быть подменены значениями из META-тегов (в частности Date), другие подменяются только при ненормальном статус-коде (200). Когда заголовок не понятен, то значение HTTP-заголовка превалирует над значением META-тегов.

Значения поля content для Аттрибута HTTP-EQUIV

Значение Описание Пример использования Эффект
Expires Дата устаревания. Управление кэшированием в HTTP/1.0. Если указанная дата прошла, то очередной запрос этого документа вызывает повторный сетевой запрос, а не подгрузку документа из кэша. Дата со значением «0» интерпретируется как «сейчас». Такое значение заставляет броузер каждый раз при запросе проверять — изменялся ли этот документ. Это, кстати относится и к прокси-агентам. Дата должна быть задана в формате, описываемом в RFC850,
<META HTTP-EQUIV=»expires» CONTENT=»Wed, 26 Feb 2008 08:21:57 GMT»>
что эквивалентно HTTP-заголовку
Expires: Wed, 26 Feb 2008 08:21:57 GMT
Поисковые роботы могут либо совсем не индексировать такой документ, либо постоянно «обнюхивать» его.
Pragma Эта директива показывает, что кешированная информация не должна использоваться и вместо этого запросы должны посылаться на сервер. Это директива имеет тоже самое значение что и CACHE-CONTROL:NO-CACHE и представлена для обратной совместимости с HTTP/1.0.

Клиенты должны использовать оба значения PRAGMA:NO-CACHE и CACHE-CONTROL:NO-CACHE когда нужно послать некешируемый запрос к серверу, про который неизвестно – совместим ли он с HTTP/1.1.
Если известно, что сервер совместим с
HTTP/1.1 клиент НЕ должен посылать PRAGMA заголовок.
HTTP/1.1 кэш должен понимать «PRAGMA:NO-CACHE» точно также, как будто клиент послал «CACHE-CONTROL:NO-CACHE».

<META HTTP-EQUIV=»PRAGMA» CONTENT=»NO-CACHE»>
Content-Type Указание типа документа. Может быть расширено указанием кодировки страницы (charset). Если же указывать charset в содержании META-тега, то некоторые браузеры выводят такую страницу уже в заданном charset. <META HTTP-EQUIV=»Content-type» CONTENT=»text/html; charset=ISO-2022-JP»> Используют браузеры и поисковые системы
Content-language Указание языка документа. Может использоваться поисковыми машинами при индексировании страниц. Комбинация поля Accept-Language (посылаемого броузером) с содержимым Content-language может быть условием выбора сервером того или иного языка. <META HTTP-EQUIV=»Content-language» CONTENT=»en-GB»>
что эквивалентно HTTP-заголовку
Язык описывается парой значений (язык-диалект). В примере: Английский-Великобритания
Для русского языка – ru-RU
Используется некоторыми поисковиками
Refresh Определение задержки в секундах, после которой броузер автоматически обновляет документ. Дополнительная возможность — автоматическая загрузка другого документа. <META HTTP-EQUIV=»Refresh» Content=»3, URL=http://www.name.com/page.html»>
что эквивалентно HTTP-заголовку
Refresh: 3; URL=http://www.name.com/page.html
W3C не рекомендует использовать этот тег.
Google страницы с таким тегом игнорирует. Другие поисковые системы, возможно, тоже.
Cache-Control Определяет действия кэша по отношению к данному документу. Возможные значения:
Public — документ кэшируется в доступных для всех кэшах
Private — только в частном кэше
no-cache — не может быть кэширован
no-store — может быть кэширован, но не сохраняется
<META http-equiv=»Cache-Control» content=»public»> Используется некоторыми браузерами

Атрибут NAME


Robots
Тег <meta name=»Robots» content=»…»> управляет индексацией конкретной web-страницы. При этом роботам можно запретить не только индексацию самого документа, но и проход по имеющимся в нем ссылкам.
Инструкции по индексации записываются в поле content. Возможны следующие инструкции:
NOINDEX — запрещает индексирование документа;
NOFOLLOW — запрещает проход по ссылкам, имеющимся в документе;
INDEX — разрешает индексирование документа;
FOLLOW — разрешает проход по ссылкам.
ALL — равносильно INDEX, FOLLOW
NONE — равносильно NOINDEX, NOFOLLOW
Значение по умолчанию: <meta name=»Robots» content=»INDEX, FOLLOW»>.
В следующем примере робот может индексировать документ, но не должен выделять из него ссылки для поиска дальнейших документов:
<META name=»ROBOTS» content=»index, nofollow»>
Имя тега, названия и значения полей нечувствительны к регистру.
В поле content дублирование инструкций, наличие противоречивых инструкций и т.п. не допускается; в частности, значение поле content не может иметь вид «none, nofollow».
Google поддерживает дополнительное значение NOARCHIVE, которое запрещает помещать страницу в архив google
<META NAME=»Robots» CONTENT=»NOINDEX,FOLLOW»> Используется большинством поисковиков
Description Значение атрибута CONTENT — строка, которая определяет текстовое описание (краткую аннотацию) конкретной страницы Вашего сайта. Не стоит создавать слишком длинное и подробное описание Вашего сайта в данном теге, рекомендуется ограничиться текстом до 100 символов, поскольку поисковые машины, в большинстве случаев, имеют ограничение на количество индексируемых символов. Этот тег может сильно помочь в случаях, когда в документе мало текста, когда это управляющий фреймами файл (frameset) или в начале документа используются скрипты. <META NAME=»description» CONTENT=»Данный сайт содержит информацию для любителей старинных автомобилей, на нем Вы можете найти описание с фотографиями редких и эксклюзивных автомобилей»> Самый широко используемый тег. Практически все поисковые системы учитывают его при индексации.
Значение этого тега очень важно для раскрутки сайта, практически все поисковые системы опираются на этот
тег, а некоторые выводят содержимое этого тега в результатах поиска (Google), поэтому желательно не просто указывать краткое описание документа, но сделать его содержание привлекательным рекламным сообщением.
Keywords Значение атрибута CONTENT — список ключевых слов, как правило, через запятую, соответствующих содержимому Вашего сайта. Это те слова, в запрос на которые, Вы хотели бы, появления Вашего сайиа в списке результатов поиска. Здесь также рекомендуется ограничиться списком до 30 слов. Можно поместить и наиболее частые опечатки ключевых слов. Также Вы можете здесь записать и английские слова, соответствующие содержимому Вашего сайта. Ну, а какие конкретно нужно писать слова — это уже тема отдельной статьи. Некоторые поисковые системы не индексируют сайты, в которых в данном теге повторяется одно и то же слово для увеличения позиции в списке результатов. <META NAME=»keywords» CONTENT=»реклама, дизайн, полиграфия»> Учитывается большинством поисковых систем. Точно известно, что НЕ учитывает Google и Rambler
document-state Управление индексацией страницы для поисковых роботов. Определяет частоту индексации — или один раз индексировать (значение Static), или реиндексировать документ регулярно (значение Dynamic). <META NAME=»Document-state» CONTENT=»Static»> Используется редко
GOOGLEBOT Google поддерживает специальный тег Googlebot с помощью которого вы можете указать Google что он не должен индексировать и архивировать вашу страницу, другие поисковые системы этот тег проигнорируют. <META NAME=»GOOGLEBOT» CONTENT=»NOARCHIVE»>
Author Автор, создатель сайта. Вряд ли используется поисковыми системами, и нужен скорее всего чтобы можно было показать что сайт сделан именно определенной персоной или фирмой. <META NAME=»AUTHOR» CONTENT=»www.neo-systems.ru»>
Revisit Значение этого тега указывает — как часто обновляется информация на вашем сайте, и как часто поисковая система должна на него заходить чтобы увидеть обновления. В силу сложившихся условий — поисковые системы сейчас самостоятельно определяют частоту сканирования сайта, поэтому, возможно, наличие этого тега ничего вам не даст. <meta name=»revisit-after» content=»15 days»>

Источники информации:


http://www.citforum.ru/internet/search/metatags.shtml
http://web-support.ru/adv/ps_meta_2.shtml
http://www.shtogrin.com/library/web/meta/
http://vancouver-webpages.com/META/metatags.detail.html
http://www.mattcutts.com/blog/keywords-meta-tag-in-web-search/
http://www.webotdel.ru/notes/metatags/

Очень хорошо и понятно написано

http://www.w3schools.com/tags/tag_meta.asp

Какие мета-теги понимает Google

http://www.google.com/support/webmasters/bin/answer.py?answer=79812

Какие мета-теги понимает Bing


http://www.bing.com/community/blogs/webmaster/archive/2009/07/18/head-s-up-on-lt-head-gt-tag-optimization-sem-101.aspx

Google

не использует мета-тег keywords
http://googlewebmastercentral.blogspot.com/2009/09/google-does-not-use-keywords-meta-tag.html

Оптимизация тегов и мета-тегов при SEO-продвижении

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

Одна из мер, направленных на улучшение позиций сайта в поисковой выдаче и повышение привлекательности карточки сайта (сниппета) в поисковой выдаче — это качественно заполненные теги и мета-теги 

Как это сделать, мы расскажем в данной статье.

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

Мета-теги — это атрибуты размещенные в HTML-коде страницы внутри тегов <head></head>, по которым поисковые роботы считывают информацию о сайте. 

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

Рис. 1 Использование мета-тегов title и description поисковой системой Яндекс

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

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

Итак, расскажем более подробно об основных тегах и мета-тегах, важных для ранжирования.

Тег title

Тег title не является мета-тегом, — это тег. Однако, так как он размещается в разделе <head>, обычно его относят к мета-тегам, и именно его браузер использует в качестве заголовка страницы (вкладки).

Рис. 2 Использование мета-тега title браузером

Данный тег используется при определении релевантности страницы определенному запросу. Информация из этого тега явно будет использоваться поисковиком в выдаче. Это отличает его от других мета-тегов (например, description), поисковая система может проигнорировать description и разместить в описании в сниппете информацию со страницы, которая, по ее мнению, более релевантна запросу пользователя.

Рис. 3 Содержание мета-тега title на сайте нашей компании

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

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

Также, если вы осуществляете свою деятельность в определенном регионе или городе, не стоит забывать о географической привязке, например «в Иркутске».

Длина тега тоже имеет значение — слишком длинное предложение скорее всего обрежется и возможно не удастся передать полный смысл — поэтому желательно не превышать размер в 60–70 символов (с пробелами). В Яндекс и Google оптимальная длина примерно одинакова от 30 до 70–80 символов.

И напоследок, нужно помнить, что тег title должен быть уникальным на каждой странице и отличаться от тегов h2 и description.

Мета-тег description

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

Поисковые системы по-разному используют description. Например, Яндекс не формирует описание только на основе description, а использует весь контент на странице. Google в этом плане более консервативен, и в основном в описании выводит именно description, но он должен быть качественно заполнен, иначе будет использоваться релевантный контент со страницы.

Рис. 4 Текст, который Яндекс использовал в дополнение к мета-тегу description (Рис. 1)

Говоря о длине описания, в Google и Яндекс также имеются различия. На десктопе (в персональном компьютере) отображаемая длина в Google 135–175 символов, а в Яндекс — 160–260 символов. На мобильных экранах (в смартфонах) в Google — 100–120 символов, а в Яндекс — 100–160 символов. Поэтому стоит остановиться на средней цифре — 150–170 символов. Помните, что слишком короткий Description, тоже не есть гуд, так как поисковой системе придется просканировать вашу страницу и выявить подходящий текст для описания — в итоге может получиться «каша».

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

Важно помнить, что в теге description нельзя просто перечислять ключевые слова — поисковая система может наложить фильтр на страницу и совсем убрать ее из поисковой выдачи. И он также, как и другие теги, описанные в данной статье, должен быть уникальным на каждой странице, и отличаться от тегов title и h2.

Теги h2-h6

Теги h2-h6 — это теги логической структуры документа, которые размещаются в разделе <body>. Тег h2, как и теги title и description, должен использоваться только один раз и размещаться вверху страницы. Отсутствие данного тега будет считаться ошибкой.

Рис. 5 Тег h2 на сайте компании АБМ

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

Нахождение ключевого слова в теге h2 также обязательно, как и для тега title. Желательно делать прямое вхождение ключевика.

Важно соблюдать очередность тегов — после тега h2 должен идти тег h3, а после него h4 и т. д. — так как теги h3-h6 служат для выделения подзаголовков по уровням.

Атрибуты alt и title для изображений

Для того, чтобы текст лучше воспринимался пользователем его желательно разбавлять изображениями. Однако, изображения также имеют немаловажную составляющую SEO-продвижения, а точнее их атрибуты alt и title.

Атрибут alt

Может быть вы помните, когда скорость интернета была не такой высокой и сайты загружались медленно, на месте изображений появлялась рамка в которой находился текст с описанием изображения. Это краткое описание, как раз являлось содержимым атрибута alt (alternative text). Данный атрибут индексируется поисковым роботом, помогает ему понять, что изображено на картинке, и даст возможность изображению попасть в базу Яндекс и Google Картинки.

Рис. 6 Использование атрибута alt в поисковой системе Яндекс, 2000 год

При заполнении атрибута, желательно использовать не более 75–80 знаков (3–5 слов). Это должна быть краткая и содержательная информация (например, «прилагательное+ключевая фраза»), относящаяся к тексту страницы, и описывающая изображение. Специалистами не рекомендуется использовать несколько ключей в атрибуте alt, а также использовать одинаковые атрибуты в пределах одной страницы — это может понизить страницу в поисковой выдаче (сработает фильтр поисковой системы). Если на странице окажется много похожих изображений, то лучше подставлять порядковый номер, чтобы атрибут не повторялся.

Атрибут title

Атрибут title — это название картинки, которое подсвечивается при наведении на нее курсора. Желательно, чтобы текст данного атрибута отличался от атрибута alt (можно перефразировать), и также содержал ключевую фразу. По размеру атрибут title не ограничен, но вряд ли пользователю будет интересно читать километровую подсказку к изображению. И советуем не использовать слова «фото», «изображение» и т. п. — ведь итак понятно, не правда ли?

Рис. 6 Использование атрибута title на одном из новостных сайтов

Мета-теги в сайтах на платформе 1С-Битрикс

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

Например, платформа «1С-Битрикс: Управление сайтом» имеет такой функционал во всех редакциях и позволяет по шаблону создавать мета-теги автоматически для разделов с множеством страниц (Каталог, Услуги, Статьи и пр.), для остальных страниц и разделов есть удобные инструменты ручной настройки.

При автоматическом создании мета-тегов каталога товаров, к примеру, в значения мета-тега titile добавляется названия товара, а в description — описание товара. Для частных случаев могут быть настроены более сложные вариации, например, в теге titile к названию может добавляться текст с городом, свойством товара или просто слово «купить». 

Заполненные атрибуты alt и title помогут вам в SEO-оптимизации, передав необходимую информацию для поисковых роботов, а также повысят лояльность посетителей ресурса. Однако, не стоит забывать о других аспектах оптимизации изображений, таких как «вес», качество и название.

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



Перейти в Контакты →

Мета-теги — Help Mail.ru. Информация для веб-мастеров

Робот Mail.ru учитывает содержание следующих тегов, размещенных в коде страницы сайта:

  • <meta name=»Keywords» content=»…»/> — может учитываться при определении соответствия страницы поисковым запросам;
  • <meta name=»Description» content=»…»/> — содержание данного тега используется в сниппетах;
  • <meta http-equiv=»Content-Type» content=»type; charset=…»/> — значения этого тега определяют тип документа и его кодировку;
  • <meta http-equiv=»refresh» content=»N;url=_адрес цели перенаправления_»/> — перенаправление пользователя на страницу с адресом url, после N секунд нахождения на данной странице. При небольших значениях N считается временным перенаправлением, аналогичным серверным редиректам с HTTP-кодом 302/303/307.

Также робот Mail.ru учитывает в тегах такие указания, как:

  • <meta name=»robots» content=»all»/> — индексация текста и ссылок на странице аналогично <meta name=»robots» content=»index, follow»/>;
  • <meta name=»robots» content=»noindex»/> — запрет на индексирование текста страницы;
  • <meta name=»robots» content=»nofollow»/> — запрет на индексирование ссылок на странице. Однако, такие страницы все равно могут быть проиндексированы, если где-то еще на них указаны ссылки без nofllow.
  • <meta name=»robots» content=»none»/> — запрет на индексирование текста и ссылок на странице аналогично <meta name=»robots» content=»noindex, nofollow»/>
  • <meta name=»robots» content=»noarchive»/> — запрет на показ ссылки на сохраненную копию на странице результатов поиска.

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

Пример:

<meta name="robots" content="all"/>  <meta name="robots" content="noindex, follow"/>

Поскольку тут противоречащие теги, то робот отдаст предопчтение значению all, т.е. текст и ссылки будут проиндексированы.

Тег со значением all не распространяется на noarchive.

Пример:

<meta name=»robots» content=»all»/> <meta name=»robots» content=»noarchive»/>

Текст и ссылки будут проиндексированы, но ссылки на сохраненную копию в результатах поиска не будет.

10 наиболее важных мета-тегов, которые необходимо знать для SEO

В SEO иногда мы склонны сосредотачиваться на одном аспекте оптимизации больше, чем на других.

Создание ссылок особенно часто рекламируется как «самая важная вещь, которую нужно оптимизировать».

На самом деле, как напоминает нам Джон Мюллер из Google (еще раз), нет единственной самой важной вещи — никакого трюка, чтобы вытащить из шляпы космически высокие рейтинги.

Вместо этого нам нужно сосредоточиться на комплексной стратегии SEO.

Часть этой стратегии включает использование метатегов HTML — решающего компонента успеха SEO.

Использование правильных мета-тегов — это все, что нужно для связи с поисковыми системами:

  • О чем ваша страница.
  • Как это читать.
  • Кому это стоит посмотреть.

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

1. Теги заголовка

Тег заголовка — это ваша основная и самая важная привязка.

Реклама

Продолжить чтение ниже

Элемент обычно отображается как интерактивный заголовок в поисковой выдаче, а также отображается в социальных сетях и в браузерах. </p> <p> Например, если вы просмотрите HTML-код этой статьи, вы увидите заголовок: </p> <pre> <title> 10 наиболее важных мета-тегов, которые необходимо знать для SEO

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

Но оказывают ли они такое сильное влияние на рейтинг, как это было на протяжении многих лет?

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

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

Хорошо написанный сайт может увеличить количество кликов и трафика, что хоть как-то повлияет на рейтинг.

Реклама

Продолжить чтение ниже

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

Например, пару лет назад поиск в Google по запросу [как повысить узнаваемость бренда] выдал 2 из 5 лучших результатов с заголовками, точно соответствующими вашему запросу.

Однако сегодня мы видим другую картину:

Ни одного точного совпадения.

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

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

Передовой опыт
  • Присвойте каждой странице уникальный заголовок, который кратко и точно описывает содержимое страницы.
  • Держите заголовки длиной до 50-60 символов (чтобы они не усекались в поисковой выдаче). Помните, что длинные заголовки сокращаются примерно до 600-700 пикселей в поисковой выдаче.
  • Ставьте важные ключевые слова на первое место, но естественным образом, как будто вы в первую очередь пишете заголовки для своих посетителей.
  • Используйте название вашего бренда в названии, даже если оно не будет отображаться в поисковой выдаче, это все равно будет иметь значение для поисковой системы.

Совет: используйте свой заголовок, чтобы привлечь внимание

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

Может использоваться для привлечения внимания пользователя. Например:

Это точный подход, используемый Facebook / LinkedIn, чтобы показать вам, что у вас есть уведомления, и может быть использован с довольно хорошим эффектом.

Реклама

Продолжить чтение ниже

2. Теги мета-описания

Мета-описание также находится в веб-страницы и обычно (хотя определенно не всегда) отображается в фрагменте поисковой выдачи вместе с заголовком и URL-адресом страницы .

Например, это метаописание для этой статьи:

  

И да, метаописание само по себе не является фактором ранжирования.

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

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

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

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

Реклама

Продолжить чтение ниже

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

Передовой опыт

  • Дайте каждой странице уникальное метаописание, которое четко отражает ценность страницы.
  • Максимальный размер фрагментов Google обычно составляет около 150–160 символов (включая пробелы).
  • Включите наиболее важные ключевые слова, чтобы они могли быть выделены в действительной поисковой выдаче, но будьте осторожны, чтобы избежать чрезмерного увеличения количества ключевых слов, не делайте свое описание просто комбинацией ключевых слов, на которые вы ориентируетесь.
  • При желании используйте привлекательный призыв к действию, уникальное предложение, которое вы предлагаете, или дополнительные подсказки о том, чего ожидать — конструкции «Учись», «Покупай» и т. Д.

Мета-совет

Мета-описание не обязательно должно быть одним или двумя предложениями.

Как сообщает Google, вам также следует добавить некоторую информацию о странице, которую поисковая система будет обрабатывать для получения более красочной страницы результатов поиска.

Некоторые примеры:

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

Реклама

Продолжить чтение ниже

3. Теги заголовков (h2-H6)

Теги заголовков — это теги HTML, используемые для идентификации заголовков и подзаголовков в вашем контенте из других типов текста (например, текста абзаца).

Использование тегов заголовков в наши дни является источником некоторых споров.

Хотя теги h3-H6 считаются не столь важными для поисковых систем, правильное использование тега h2 подчеркивалось во многих отраслевых исследованиях.

В то же время Мюллер не устает повторять, что заголовки вообще не являются факторами ранжирования, и определенно не в смысле «иерархии» — тег h2 не важнее h3, который не важнее h4, и скоро.

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

Использование тегов заголовков, безусловно, улучшает архитектуру контента.

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

Реклама

Продолжить чтение ниже

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

Передовой опыт

  • Держите заголовки в соответствии с фрагментом текста, который они описывают.То, что они не являются фактором ранжирования, не означает, что поисковые системы не принимают их во внимание.
  • Заголовки всегда должны отражать тональность текста, над которым они расположены. Избегайте заголовков вроде «Глава 1… Глава 2… Глава 3…».
  • Не злоупотребляйте тегами и ключевыми словами в них. Сделайте его доступным для чтения пользователями.

Должен ли совпадать ваш тег заголовка и h2?

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

Так что, если вы изо всех сил пытаетесь придумать идеальный h2, просто используйте свой титул снова.

4. Атрибуты Alt изображения

Атрибут alt изображения добавляется к тегу изображения для описания его содержимого.

Alt-атрибуты важны с точки зрения оптимизации на странице по двум причинам:

  • Alt-текст отображается для посетителей, если какое-либо конкретное изображение не может быть загружено (или если изображения отключены).
  • Атрибуты Alt обеспечивают контекст, потому что поисковые системы не могут «видеть» изображения.

Реклама

Продолжить чтение ниже

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

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

Продуманное альтернативное описание изображения, по словам Мюллера, также жизненно важно, если вы хотите занять место в Картинках Google.

Помните, однако, о важности релевантности: не только альтернативный текст, заголовки и подписи должны соответствовать изображению, но и само изображение также должно быть помещено в соответствующий соответствующий контекст.

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

5. Атрибуты Nofollow

Внешние / исходящие ссылки — это ссылки на вашем сайте, указывающие на другие сайты.

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

Реклама

Продолжить чтение ниже

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

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

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

По обеим этим причинам определенно стоит обратить внимание на то, где и как вы даете ссылку.

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

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

Реклама

Продолжить чтение ниже

Поддерживая чистоту SEO, вы сохраните здоровый баланс между отслеживаемыми и запрещенными ссылками на своих страницах, но обычно устанавливаете следующие виды ссылок на nofollow:

  • Ссылки на любые ресурсы, которые в любом случае может рассматриваться как «ненадежный контент.»
  • Любые платные или спонсируемые ссылки (вы же не хотите, чтобы Google ловил вас на продаже вашего« голоса »).
  • Ссылки из комментариев или другого контента, созданного пользователями, который может рассылаться спамом вне вашего контроля.
  • Следующие внутренние ссылки «Войти» и «Зарегистрироваться» являются пустой тратой краулингового бюджета.

6. Мета-тег роботов

Мета-тег роботов на уровне страницы с атрибутом content = «noindex» предписывает поисковым системам не индексировать какую-либо данную страницу.

Атрибут nofollow предписывает не переходить по ссылкам на этой странице.

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

Например, Google очень не любит тонкий контент.

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

У вас также могут быть «черновики» или страницы-заполнители, которые вам нужно опубликовать, пока они еще не завершены или оптимизированы в лучшую сторону.

Реклама

Продолжить чтение ниже

Вероятно, вы не захотите, чтобы такие страницы учитывались при оценке общего качества вашего сайта.

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

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

В вышеупомянутых случаях очень помогают теги noindex и nofollow, поскольку они дают вам определенный контроль над вашим сайтом, как его видят поисковые системы.

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

7.Тег ссылки rel = ”canonical”

Тег ссылки rel = ”canonical” — это способ сообщить поисковым системам, какую версию страницы вы считаете основной и хотели бы, чтобы ее индексировали поисковые системы и находили люди.

Реклама

Продолжить чтение ниже

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

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

Тем не менее, это может ввести в заблуждение поисковые системы: если вы не укажете, какой URL-адрес является тем, с которым вы предпочитаете ранжироваться, поисковые системы могут выбрать его за вас.

Выбранный URL сканируется чаще, а остальные остаются позади.

Видно, что хотя риск штрафа практически отсутствует, такое положение дел далеко не оптимально.

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

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

Реклама

Продолжить чтение ниже

Вот где использование канонического тега может помочь вам направить усилия SEO в одном направлении.

Лучшие методы SEO
  • Страницы с аналогичным содержанием по той же теме.
  • Дублирующиеся страницы доступны по нескольким URL-адресам.
  • Версии одной и той же страницы с идентификаторами сеанса или другими параметрами URL, не влияющими на содержимое.
  • Осторожно используйте канонический тег для почти повторяющихся страниц: если две страницы, соединенные каноническим тегом, слишком сильно различаются по содержанию, поисковая система просто проигнорирует тег.

8. Разметка схемы

Разметка схемы — это особый метод организации данных на каждой из ваших веб-страниц способом, распознаваемым поисковыми системами.

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

Наличие разметки структурированной схемы:

  • Это отличный стимул для вашего UX.
  • Несет огромную ценность для SEO.

Реклама

Продолжить чтение ниже

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

Разметка структурированных данных — это именно то, что помогает поисковым системам не только читать контент, но и понимать, к чему относятся определенные слова.

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

Но если кто-то собирается щелкнуть, расширенный фрагмент — с красивым изображением, 5-звездочным рейтингом, указанным ценовым диапазоном, состоянием запасов, часами работы или чем-то еще полезным — скорее всего, привлечет внимание и привлечет внимание. больше кликов, чем результат обычного текста.

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

И, возвращаясь к исходной точке, факторы поведения пользователей, такие как CTR и показатель отказов, влияют на то, как поисковые системы решают ранжировать ваш сайт.

Реклама

Продолжить чтение ниже

Лучшие методы SEO
  • Изучите доступные схемы на schema.org.
  • Создайте карту своих самых важных страниц и определитесь с концепциями, относящимися к каждой.
  • Тщательно выполняйте разметку (при необходимости используйте помощник разметки структурированных данных).
  • Тщательно проверьте разметку, чтобы убедиться, что она не вводит в заблуждение и не добавлена ​​неправильно.

9. Мета-теги социальных сетей

Open Graph был первоначально представлен Facebook, чтобы вы могли контролировать, как страница будет выглядеть при публикации в социальных сетях.

Теперь он также признан LinkedIn.

Карты Twitter предлагают аналогичные улучшения, но являются эксклюзивными для Twitter.

Вот основные теги Open Graph:

  • og: title — здесь вы помещаете заголовок, который вы хотите отображать, когда ваша страница связана.
  • og: url — URL вашей страницы.
  • og: description — описание вашей страницы. Помните, что Facebook будет отображать всего около 300 символов описания.
  • og: image — здесь вы можете указать URL-адрес изображения, которое будет отображаться при ссылке на вашу страницу.

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

Реклама

Читать ниже

Это небольшая настройка, и она не влияет на ваш рейтинг в поисковых системах.

Однако, настроив внешний вид ссылок на ваши страницы, вы можете значительно повысить показатели CTR и UX.

Лучшие методы SEO

10. Мета-тег области просмотра

Метатег области просмотра позволяет настроить масштабирование и отображение страницы на любом устройстве.

Обычно тег и значение выглядят следующим образом:

  

Где «width = device-width» заставит страницу соответствовать ширине экрана в независимых от устройства пикселях, а «начальный масштаб = 1» установит соотношение 1: 1 между пикселями CSS и независимыми от устройства пикселями с учетом ориентации экрана.

Этот тег легко добавить, но одного снимка экрана от Google достаточно, чтобы показать разницу:

Метатег Viewport не имеет ничего общего с рейтингом напрямую, но имеет отношение к опыту пользователя .

Реклама

Продолжить чтение ниже

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

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

Если вы пренебрежете этим, ваш CTR и показатель отказов могут пострадать.

Заключение

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

Некоторые метатеги остаются обязательными, поскольку они составляют таксономию вашей страницы.

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

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

Дополнительные ресурсы:

Реклама

Продолжить чтение ниже


Изображение предоставлено

Все скриншоты сделаны автором. Язык, июль 2020 г.

: Элемент метаданных — HTML-разметка: HyperText.

Элемент HTML представляет метаданные, которые не могут быть представлены другими элементами, связанными с метаданными HTML, например , ,