- Автор темы
- #1
В этой статье будет рассмотрены на примерах как правильно сделать микроразметку хлебных корочек на сайте. Данный вопрос является далеко не решающим в SEO, но тем не менее мини бонус в виде улучшения позиций за него можно получить.
Что такое хлебные корочки можно прочитать здесь. Если сказать очень кратко, то это описание иерархии к каждой странице Вашего сайта. Например:
Главная -> Раздел -> Подраздел -> Название статьи
Микроразметка хлебных корочек поможет более точно сориентировать поисковые системы в иерархии Вашего сайта. Как выглядят хлебные корочки в выдаче Яндекса:
Нужно понимать, что это лишь наша рекомендация и даже правильно все реализовав, совсем не факт, что хлебные корочки у сайта появятся в выдаче.
Синтаксис микроразметки Schema для сайта:
<div itemscope itemtype="http://schema.org/BreadcrumbList" class="my_breadcrumb">
<div itemscope itemtype="http://schema.org/ListItem">
<a href="/" itemprop="item">
<span itemprop="name">Главная страница</span>
<meta itemprop="position" content="1">
</a>
</div>
<div itemscope itemtype="http://schema.org/ListItem">
<a href="/category/" itemprop="item">
<span itemprop="name">Раздел</span>
<meta itemprop="position" content="2">
</a>
</div>
<div itemscope itemtype="http://schema.org/ListItem">
<a href="/category/podcat/" itemprop="item">
<span itemprop="name">Подраздел</span>
<meta itemprop="position" content="3">
</a>
</div>
<div itemscope itemtype="http://schema.org/ListItem">
<a href="/category/podcat/stranica-sayta.html" itemprop="item">
<span itemprop="name">Название страницы</span>
<meta itemprop="position" content="4">
</a>
</div>
</div>
Пояснение к примеру
Атрибуты itemscope, itemtype="http://schema.org/BreadcrumbList" описывают сущность и тип "хлебных корочек" (Breadcrumb). Далее с помощью атрибута itemscope описывается сущность каждой ссылки в иерархии, а тип указывается атрибутом itemtype="http://schema.org/ListItem"
Ссылке <a> прописывается дополнительный атрибут itemprop="item". Анкор описывается тегом <span> (хотя это не принципиально) с атрибутом itemprop="name".
Позиция в иерархии от начала задается отдельно тегом meta с атрибутом itemprop="position" и content="1"
Что такое хлебные корочки можно прочитать здесь. Если сказать очень кратко, то это описание иерархии к каждой странице Вашего сайта. Например:
Главная -> Раздел -> Подраздел -> Название статьи
Микроразметка хлебных корочек поможет более точно сориентировать поисковые системы в иерархии Вашего сайта. Как выглядят хлебные корочки в выдаче Яндекса:
Нужно понимать, что это лишь наша рекомендация и даже правильно все реализовав, совсем не факт, что хлебные корочки у сайта появятся в выдаче.
Синтаксис микроразметки Schema для сайта:
<div itemscope itemtype="http://schema.org/BreadcrumbList" class="my_breadcrumb">
<div itemscope itemtype="http://schema.org/ListItem">
<a href="/" itemprop="item">
<span itemprop="name">Главная страница</span>
<meta itemprop="position" content="1">
</a>
</div>
<div itemscope itemtype="http://schema.org/ListItem">
<a href="/category/" itemprop="item">
<span itemprop="name">Раздел</span>
<meta itemprop="position" content="2">
</a>
</div>
<div itemscope itemtype="http://schema.org/ListItem">
<a href="/category/podcat/" itemprop="item">
<span itemprop="name">Подраздел</span>
<meta itemprop="position" content="3">
</a>
</div>
<div itemscope itemtype="http://schema.org/ListItem">
<a href="/category/podcat/stranica-sayta.html" itemprop="item">
<span itemprop="name">Название страницы</span>
<meta itemprop="position" content="4">
</a>
</div>
</div>
Пояснение к примеру
Атрибуты itemscope, itemtype="http://schema.org/BreadcrumbList" описывают сущность и тип "хлебных корочек" (Breadcrumb). Далее с помощью атрибута itemscope описывается сущность каждой ссылки в иерархии, а тип указывается атрибутом itemtype="http://schema.org/ListItem"
Ссылке <a> прописывается дополнительный атрибут itemprop="item". Анкор описывается тегом <span> (хотя это не принципиально) с атрибутом itemprop="name".
Позиция в иерархии от начала задается отдельно тегом meta с атрибутом itemprop="position" и content="1"