Пошаговый план внедрения и оптимизации микроразметки Breadcrumbs

<nav itemscope itemtype="https://schema.org/BreadcrumbList">
  <ol>
    <li itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem">
      <meta itemprop="position" content="1" />
      <a itemprop="item" href="https://example.com/">
        <span itemprop="name">Главная</span>
      </a>
    </li>
    <li itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem">
      <meta itemprop="position" content="2" />
      <a itemprop="item" href="https://example.com/category/">
        <span itemprop="name">Категория</span>
      </a>
    </li>
    <li itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem">
      <meta itemprop="position" content="3" />
      <a itemprop="item" href="https://example.com/category/product/">
        <span itemprop="name">Товар</span>
      </a>
    </li>
  </ol>
</nav>

{
  "@context": "https://schema.org",
  "@type": "BreadcrumbList",
  "itemListElement": [
    {
      "@type": "ListItem",
      "position": 1,
      "name": "Главная",
      "item": "https://example.com/"
    },
    {
      "@type": "ListItem",
      "position": 2,
      "name": "Категория",
      "item": "https://example.com/category/"
    },
    {
      "@type": "ListItem",
      "position": 3,
      "name": "Подкатегория",
      "item": "https://example.com/category/subcategory/"
    }
  ]
}

{
  "@context": "https://schema.org",
  "@type": "Article",
  "headline": "Заголовок статьи",
  "description": "Краткое описание.",
  "author": {
    "@type": "Person",
    "name": "Автор"
  },
  "datePublished": "2023-07-01",
  "mainEntityOfPage": {
    "@type": "WebPage",
    "@id": "https://example.com/article/"
  },
  "breadcrumb": {
    "@type": "BreadcrumbList",
    "itemListElement": [
      {
        "@type": "ListItem",
        "position": 1,
        "name": "Главная",
        "item": "https://example.com/"
      },
      {
        "@type": "ListItem",
        "position": 2,
        "name": "Категория",
        "item": "https://example.com/category/"
      },
      {
        "@type": "ListItem",
        "position": 3,
        "name": "Заголовок статьи",
        "item": "https://example.com/article/"
      }
    ]
  }
}

{
  "@context": "https://schema.org",
  "@type": "Product",
  "name": "Название продукта",
  "image": [
    "https://example.com/photos/1x1/photo.jpg"
  ],
  "description": "Описание продукта.",
  "sku": "0446310786",
  "offers": {
    "@type": "Offer",
    "url": "https://example.com/product/",
    "priceCurrency": "USD",
    "price": "29.99",
    "availability": "https://schema.org/InStock",
    "itemCondition": "https://schema.org/NewCondition"
  },
  "breadcrumb": {
    "@type": "BreadcrumbList",
    "itemListElement": [
      {
        "@type": "ListItem",
        "position": 1,
        "name": "Главная",
        "item": "https://example.com/"
      },
      {
        "@type": "ListItem",
        "position": 2,
        "name": "Категория",
        "item": "https://example.com/category/"
      },
      {
        "@type": "ListItem",
        "position": 3,
        "name": "Название продукта",
        "item": "https://example.com/product/"
      }
    ]
  }
}

// SPA – динамический BreadcrumbList, генерируется после роутинга
const breadcrumbs = [
  { position: 1, name: 'Главная', url: '/' },
  { position: 2, name: 'Категория', url: '/category' },
  { position: 3, name: 'Подкатегория', url: '/category/sub' },
  { position: 4, name: 'Текущая страница', url: window.location.pathname }
];
const script = document.createElement('script');
script.type = 'application/ld+json';
script.textContent = JSON.stringify({
  "@context": "https://schema.org",
  "@type": "BreadcrumbList",
  "itemListElement": breadcrumbs.map(b => ({
    "@type": "ListItem",
    "position": b.position,
    "name": b.name,
    "item": `${location.origin}${b.url}`
  }))
});
document.body.appendChild(script);