0

Примеры микроразметки для сайтов Ucoz (+интернет-магазин: товар и категория)

Рубрика: SEO.

Для сайтов на платформе Ucoz, где часто используется прямое редактирование HTML-шаблонов, микроразметка в формате Microdata может быть удобным и эффективным способом внедрения структурированных данных. Это позволяет интегрировать разметку непосредственно в существующие HTML-теги вашего контента.

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

Микроразметка Microdata для сайтов на Ucoz

1. Общая информация о сайте (WebSite)

Этот тип разметки помогает поисковым системам понять, что это за сайт в целом, и может способствовать отображению поля поиска по сайту прямо в выдаче. Обычно размещается в <head> или <body> на всех страницах сайта.

<div itemscope itemtype="http://schema.org/WebSite">
  <meta itemprop="name" content="Название вашего сайта" />
  <link itemprop="url" href="https://ваш-сайт.ucoz.net/" />
  <!-- Дополнительно для поля поиска по сайту в Google -->
  <meta itemprop="potentialAction" itemscope itemtype="http://schema.org/SearchAction">
    <meta itemprop="target" content="https://ваш-сайт.ucoz.net/search/?q={search_term_string}"/>
    <meta itemprop="query-input" content="required name=search_term_string"/>
  </meta>
</div>
  • Куда вставлять: В шаблон _header.html или _footer.html (или другой глобальный шаблон), чтобы он присутствовал на всех страницах.

2. Главная страница (WebPage и Organization / LocalBusiness)

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

<div itemscope itemtype="http://schema.org/WebPage">
  <h1 itemprop="name">Главная страница | Название вашего сайта</h1>
  <meta itemprop="description" content="Краткое описание вашей главной страницы.">
  <link itemprop="url" href="https://ваш-сайт.ucoz.net/" />

  <!-- Информация о вашей компании (Organization) или местном бизнесе (LocalBusiness) -->
  <div itemprop="about" itemscope itemtype="http://schema.org/Organization">
    <meta itemprop="name" content="Название вашей компании" />
    <link itemprop="url" href="https://ваш-сайт.ucoz.net/" />
    <link itemprop="logo" href="https://ваш-сайт.ucoz.net/images/logo.png" />
    <meta itemprop="telephone" content="+7 (XXX) XXX-XX-XX" />
    <meta itemprop="email" content="info@ваш-сайт.net" />
    <div itemprop="address" itemscope itemtype="http://schema.org/PostalAddress">
      <meta itemprop="streetAddress" content="Улица, дом" />
      <meta itemprop="addressLocality" content="Город" />
      <meta itemprop="addressRegion" content="Регион" />
      <meta itemprop="postalCode" content="Индекс" />
      <meta itemprop="addressCountry" content="RU" />
    </div>
    <!-- Ссылки на социальные сети (sameAs) -->
    <link itemprop="sameAs" href="https://vk.com/ваша_группа" />
    <link itemprop="sameAs" href="https://t.me/ваш_канал" />
  </div>
</div>
  • Куда вставлять: В шаблон главной страницы (возможно, index.html или специализированный шаблон главной). Если у вас Organization или LocalBusiness одна для всего сайта, можно разместить в _header.html или _footer.html.

3. Страница статьи / Новости / Блога (Article / BlogPosting)

Это крайне важно для любого контентного раздела. Позволяет получить заголовок, изображение и дату публикации в Rich Snippets.

<div itemscope itemtype="http://schema.org/Article">
  <h1 itemprop="headline">Заголовок вашей статьи или новости</h1>
  <link itemprop="url" href="https://ваш-сайт.ucoz.net/news/nazvanie_stati.html" />

  <img itemprop="image" src="https://ваш-сайт.ucoz.net/images/news/foto_stati.jpg" alt="Описание изображения" />

  <p>Опубликовано: 
    <span itemprop="datePublished" content="2024-03-01T10:00:00+03:00">01 марта 2024 г.</span>
    (Обновлено: <span itemprop="dateModified" content="2024-03-05T14:30:00+03:00">05 марта 2024 г.</span>)
  </p>

  <div itemprop="author" itemscope itemtype="http://schema.org/Person">
    Автор: <span itemprop="name">Иван Иванов</span>
    <link itemprop="url" href="https://ваш-сайт.ucoz.net/users/ivanov/" />
  </div>

  <div itemprop="publisher" itemscope itemtype="http://schema.org/Organization">
    <meta itemprop="name" content="Название вашего сайта" />
    <link itemprop="url" href="https://ваш-сайт.ucoz.net/" />
    <link itemprop="logo" href="https://ваш-сайт.ucoz.net/images/logo.png" />
  </div>

  <p itemprop="articleBody">
    <!-- Здесь располагается основной текст вашей статьи -->
    Текст статьи начинается здесь...
  </p>

  <!-- Разметка отзывов и рейтинга, если применимо -->
  <div itemprop="aggregateRating" itemscope itemtype="http://schema.org/AggregateRating">
    Рейтинг статьи: <span itemprop="ratingValue">4.5</span> из <span itemprop="bestRating">5</span> на основе <span itemprop="reviewCount">15</span> оценок.
  </div>
</div>
  • Куда вставлять: В шаблон полной новости/статьи вашего модуля «Новости» или «Блог» (например, _news_full.html, _blog_full.html).

4. Страница часто задаваемых вопросов (FAQPage)

Отличный способ получить «раскрывающиеся» блоки вопросов-ответов прямо в выдаче.

<div itemscope itemtype="http://schema.org/FAQPage">
  <h1>Часто задаваемые вопросы</h1>

  <div itemscope itemprop="mainEntity" itemtype="http://schema.org/Question">
    <h2 itemprop="name">Как сделать заказ?</h2>
    <div itemscope itemprop="acceptedAnswer" itemtype="http://schema.org/Answer">
      <p itemprop="text">Заказать товар можно через корзину на сайте или по телефону, указанному в контактах.</p>
    </div>
  </div>

  <div itemscope itemprop="mainEntity" itemtype="http://schema.org/Question">
    <h2 itemprop="name">Какие способы оплаты доступны?</h2>
    <div itemscope itemprop="acceptedAnswer" itemtype="http://schema.org/Answer">
      <p itemprop="text">Мы принимаем оплату банковскими картами, электронными деньгами и наличными при получении.</p>
    </div>
  </div>

  <!-- Добавьте столько блоков вопросов-ответов, сколько необходимо -->
</div>
  • Куда вставлять: На страницу с FAQ (например, _pages_full.html для соответствующей страницы).

5. Страница контактов (ContactPage + LocalBusiness / Organization)

Обеспечивает легкий доступ к вашей контактной информации.

<div itemscope itemtype="http://schema.org/ContactPage">
  <h1 itemprop="name">Контакты</h1>
  <link itemprop="url" href="https://ваш-сайт.ucoz.net/contact/" />

  <div itemprop="mainEntity" itemscope itemtype="http://schema.org/LocalBusiness">
    <meta itemprop="name" content="Название вашей компании" />
    <link itemprop="url" href="https://ваш-сайт.ucoz.net/" />
    <link itemprop="logo" href="https://ваш-сайт.ucoz.net/images/logo.png" />

    <h2>Наши данные:</h2>
    <p>Телефон: <span itemprop="telephone">+7 (XXX) XXX-XX-XX</span></p>
    <p>Email: <span itemprop="email">info@ваш-сайт.net</span></p>

    <div itemprop="address" itemscope itemtype="http://schema.org/PostalAddress">
      <p>Адрес: 
        <span itemprop="streetAddress">Улица Пушкина, дом Колотушкина</span>, 
        <span itemprop="addressLocality">Город Героев</span>, 
        <span itemprop="addressRegion">Область Мечты</span>, 
        <span itemprop="postalCode">123456</span>, 
        <span itemprop="addressCountry">Россия</span>
      </p>
    </div>

    <h3>Время работы:</h3>
    <p itemprop="openingHours" content="Mo-Fr 09:00-18:00">Понедельник-Пятница: 09:00 - 18:00</p>
    <p itemprop="openingHours" content="Sa 10:00-16:00">Суббота: 10:00 - 16:00</p>
    <p itemprop="openingHours" content="Su Closed">Воскресенье: Выходной</p>

    <!-- Координаты для карты -->
    <div itemprop="geo" itemscope itemtype="http://schema.org/GeoCoordinates">
      <meta itemprop="latitude" content="55.7558" />
      <meta itemprop="longitude" content="37.6173" />
    </div>
  </div>
</div>
  • Куда вставлять: В шаблон страницы контактов (например, _pages_full.html для страницы «Контакты»).

6. Интернет-магазин: Страница товара (Product + Offer + AggregateRating)

Это самая важная разметка для e-commerce, которая даёт максимальный эффект в выдаче.

<div itemscope itemtype="http://schema.org/Product">
  <h1 itemprop="name">Название товара: Смартфон XZ-1000 Pro</h1>

  <meta itemprop="sku" content="SKU-XYZ1000" />
  <meta itemprop="mpn" content="MPN-12345" />
  <meta itemprop="gtin13" content="4601234567890" /> <!-- EAN/UPC -->
  <link itemprop="url" href="https://ваш-сайт.ucoz.net/shop/smartfony/xz-1000-pro.html" />
  <link itemprop="itemCondition" href="http://schema.org/NewCondition" />

  <div itemprop="brand" itemscope itemtype="http://schema.org/Brand">
    <meta itemprop="name" content="Название Бренда" />
  </div>

  <img itemprop="image" src="https://ваш-сайт.ucoz.net/shop/images/xz1000_main.jpg" alt="Смартфон XZ-1000 Pro" />
  <img itemprop="image" src="https://ваш-сайт.ucoz.net/shop/images/xz1000_side.jpg" alt="Смартфон XZ-1000 Pro (вид сбоку)" />

  <p itemprop="description">
    Полное описание товара: мощный смартфон с большим экраном и продвинутой камерой.
  </p>

  <div itemprop="offers" itemscope itemtype="http://schema.org/Offer">
    <link itemprop="url" href="https://ваш-сайт.ucoz.net/shop/smartfony/xz-1000-pro.html" />
    <span itemprop="priceCurrency" content="RUB">RUB</span>
    Цена: <span itemprop="price">35999.00</span>
    <meta itemprop="priceValidUntil" content="2024-12-31" />
    <link itemprop="itemCondition" href="http://schema.org/NewCondition" />
    <link itemprop="availability" href="http://schema.org/InStock" /> <!-- InStock, OutOfStock, PreOrder и т.д. -->
    <div itemprop="seller" itemscope itemtype="http://schema.org/Organization">
      <meta itemprop="name" content="Название вашего магазина" />
    </div>
    <p>Наличие: В наличии</p>
  </div>

  <div itemprop="aggregateRating" itemscope itemtype="http://schema.org/AggregateRating">
    Рейтинг: <span itemprop="ratingValue">4.8</span> из <span itemprop="bestRating">5</span> на основе <span itemprop="reviewCount">95</span> отзывов.
  </div>

  <h2>Отзывы покупателей</h2>
  <div itemprop="review" itemscope itemtype="http://schema.org/Review">
    <div itemprop="author" itemscope itemtype="http://schema.org/Person">
      <p>Отзыв от: <span itemprop="name">Анна П.</span></p>
    </div>
    <meta itemprop="datePublished" content="2024-02-28" />
    <div itemprop="reviewRating" itemscope itemtype="http://schema.org/Rating">
      Оценка: <span itemprop="ratingValue">5</span> звезд
    </div>
    <p itemprop="reviewBody">Отличный телефон, очень довольна покупкой!</p>
  </div>

  <!-- Добавьте больше отзывов, если есть -->
</div>
  • Куда вставлять: В шаблон полной информации о товаре вашего модуля «Интернет-магазин» (например, _shop_item.html). Данные, такие как name, price, image, description, ratingValue, reviewCount, должны динамически подставляться из соответствующих полей товара в Ucoz.

7. Интернет-магазин: Страница категории товаров (CollectionPage + ItemList)

Для страниц, которые представляют собой коллекции товаров (категории, результаты поиска).

<div itemscope itemtype="http://schema.org/CollectionPage">
  <h1 itemprop="name">Смартфоны</h1>
  <p itemprop="description">Широкий выбор современных смартфонов от ведущих производителей.</p>
  <link itemprop="url" href="https://ваш-сайт.ucoz.net/shop/smartfony/" />

  <div itemprop="mainEntity" itemscope itemtype="http://schema.org/ItemList">
    <meta itemprop="numberOfItems" content="15" /> <!-- Общее количество товаров в категории -->

    <h2>Товары в категории:</h2>

    <!-- Пример одного товара в списке -->
    <div itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem">
      <meta itemprop="position" content="1" />
      <div itemprop="item" itemscope itemtype="http://schema.org/Product">
        <a itemprop="url" href="https://ваш-сайт.ucoz.net/shop/smartfony/xz-1000-pro.html">
          <img itemprop="image" src="https://ваш-сайт.ucoz.net/shop/images/xz1000_thumb.jpg" alt="Смартфон XZ-1000 Pro" />
          <h3 itemprop="name">Смартфон XZ-1000 Pro</h3>
        </a>
        <div itemprop="offers" itemscope itemtype="http://schema.org/Offer">
          <span itemprop="priceCurrency" content="RUB">RUB</span>
          <span itemprop="price">35999.00</span>
        </div>
      </div>
    </div>

    <!-- Повторяйте блок itemListElement для каждого товара в категории -->
    <div itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem">
      <meta itemprop="position" content="2" />
      <div itemprop="item" itemscope itemtype="http://schema.org/Product">
        <a itemprop="url" href="https://ваш-сайт.ucoz.net/shop/smartfony/y-compact.html">
          <img itemprop="image" src="https://ваш-сайт.ucoz.net/shop/images/y-compact_thumb.jpg" alt="Смартфон Y Compact" />
          <h3 itemprop="name">Смартфон Y Compact</h3>
        </a>
        <div itemprop="offers" itemscope itemtype="http://schema.org/Offer">
          <span itemprop="priceCurrency" content="RUB">RUB</span>
          <span itemprop="price">22500.00</span>
        </div>
      </div>
    </div>
  </div>
</div>
  • Куда вставлять: В шаблон страницы категории товаров вашего модуля «Интернет-магазин» (например, _shop_category.html). Блоки itemListElement должны генерироваться автоматически для каждого товара в списке.

8. Хлебные крошки (BreadcrumbList)

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

<nav aria-label="Хлебные крошки">
  <ol itemscope itemtype="http://schema.org/BreadcrumbList">
    <li itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem">
      <a itemprop="item" href="https://ваш-сайт.ucoz.net/">
        <span itemprop="name">Главная</span>
      </a>
      <meta itemprop="position" content="1" />
    </li>
    ›
    <li itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem">
      <a itemprop="item" href="https://ваш-сайт.ucoz.net/shop/">
        <span itemprop="name">Магазин</span>
      </a>
      <meta itemprop="position" content="2" />
    </li>
    ›
    <li itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem">
      <a itemprop="item" href="https://ваш-сайт.ucoz.net/shop/smartfony/">
        <span itemprop="name">Смартфоны</span>
      </a>
      <meta itemprop="position" content="3" />
    </li>
    ›
    <li itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem">
      <span itemprop="name">Смартфон XZ-1000 Pro</span>
      <meta itemprop="position" content="4" />
    </li>
  </ol>
</nav>
  • Куда вставлять: В шаблон, отвечающий за вывод хлебных крошек на вашем сайте. Это может быть часть _header.html или специализированный шаблон для навигации. Элементы списка должны генерироваться динамически в зависимости от текущей страницы.

В формате JSON-LD

JSON-LD — это рекомендуемый формат для структурированных данных, и его гораздо удобнее внедрять, так как он представляет собой отдельный блок JavaScript-кода, который не смешивается с основной HTML-разметкой контента. Вы можете размещать эти <script type="application/ld+json"> блоки в <head> или в <body> ваших Ucoz-шаблонов.

Ниже представлены те же примеры, но уже в формате JSON-LD, с учетом использования динамических переменных Ucoz, где это применимо. Замените $UC_VARIABLE_NAME$ на актуальные переменные вашей Ucoz-системы (например, $ENTRY_TITLE$, $SITE_URL$, $IMG_URL$, $SHOP_ITEM_PRICE$, $RATING_VALUE$, $NUM_REVIEWS$, и т.д.).

JSON-LD микроразметка для сайтов на Ucoz

1. Общая информация о сайте (WebSite) + Поиск по сайту

Этот блок обычно размещается в глобальном шаблоне (например, _header.html), чтобы он присутствовал на всех страницах. Он помогает поисковым системам понять структуру сайта и может активировать поле поиска по сайту прямо в выдаче Google.

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "WebSite",
  "name": "$SITE_NAME$",
  "url": "$SITE_URL$",
  "potentialAction": {
    "@type": "SearchAction",
    "target": "$SITE_URL$search/?q={search_term_string}",
    "query-input": "required name=search_term_string"
  }
}
</script>
  • Куда вставлять: В шаблон _header.html или _footer.html (или другой глобальный шаблон), чтобы он присутствовал на всех страницах.

2. Информация о вашей компании (Organization / LocalBusiness)

Этот блок содержит общую информацию о вашей организации или местном бизнесе. Если у вас локальный бизнес (магазин, кафе, салон), используйте LocalBusiness вместо Organization и заполните соответствующие поля. Также может быть размещен в глобальном шаблоне или на странице контактов.

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "Organization", // Или "LocalBusiness" для физических компаний
  "name": "$SITE_NAME$",
  "url": "$SITE_URL$",
  "logo": "$SITE_URL$images/logo.png", // Путь к логотипу
  "contactPoint": {
    "@type": "ContactPoint",
    "telephone": "+7 (XXX) XXX-XX-XX",
    "contactType": "customer service",
    "email": "info@ваш-сайт.net"
  },
  "address": {
    "@type": "PostalAddress",
    "streetAddress": "Улица, дом",
    "addressLocality": "Город",
    "addressRegion": "Регион",
    "postalCode": "Индекс",
    "addressCountry": "RU"
  },
  "sameAs": [ // Ссылки на соцсети
    "https://vk.com/ваша_группа",
    "https://t.me/ваш_канал"
  ]
}
</script>
  • Куда вставлять: В шаблон _header.html или _footer.html. Если информация нужна только на странице контактов, то в шаблон этой страницы.

3. Страница статьи / Новости / Блога (Article / BlogPosting)

Для страниц новостей или статей. Этот JSON-LD должен быть вставлен в шаблон полной новости/статьи.

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "Article", // Или "BlogPosting" для постов в блоге, "NewsArticle" для новостей
  "headline": "$ENTRY_TITLE$", // Заголовок статьи
  "image": [
    "$IMG_URL_1$", // URL основного изображения статьи
    "$IMG_URL_2$" // Дополнительные изображения
  ],
  "datePublished": "$DATE_PUBLISHED_ISO$", // Дата публикации в формате ISO 8601 (например, 2024-03-01T10:00:00+03:00)
  "dateModified": "$DATE_MODIFIED_ISO$", // Дата последнего изменения
  "author": {
    "@type": "Person",
    "name": "$AUTHOR_NAME$", // Имя автора
    "url": "$AUTHOR_PROFILE_URL$" // Ссылка на профиль автора
  },
  "publisher": {
    "@type": "Organization",
    "name": "$SITE_NAME$",
    "url": "$SITE_URL$",
    "logo": {
      "@type": "ImageObject",
      "url": "$SITE_URL$images/logo.png"
    }
  },
  "description": "$DESCRIPTION$", // Краткое описание или анонс статьи
  "mainEntityOfPage": {
    "@type": "WebPage",
    "@id": "$ENTRY_URL$" // URL текущей страницы статьи
  },
  "aggregateRating": { // Если есть рейтинг статьи
    "@type": "AggregateRating",
    "ratingValue": "$RATING_VALUE$", // Средний балл
    "bestRating": "5",
    "ratingCount": "$NUM_REVIEWS$" // Количество оценок
  }
}
</script>
  • Куда вставлять: В шаблон полной новости/статьи вашего модуля «Новости» или «Блог» (например, _news_full.html, _blog_full.html). Вам нужно будет настроить Ucoz-переменные для вывода даты в ISO-формате, URL изображений, имени автора и т.д.

4. Страница часто задаваемых вопросов (FAQPage)

Для страниц с вопросами и ответами.

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "FAQPage",
  "mainEntity": [
    {
      "@type": "Question",
      "name": "Как сделать заказ?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "Заказать товар можно через корзину на сайте или по телефону, указанному в контактах."
      }
    },
    {
      "@type": "Question",
      "name": "Какие способы оплаты доступны?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "Мы принимаем оплату банковскими картами, электронными деньгами и наличными при получении."
      }
    }
    // Добавьте столько объектов Question, сколько необходимо
  ]
}
</script>
  • Куда вставлять: На страницу с FAQ (например, _pages_full.html для соответствующей страницы).

5. Интернет-магазин: Страница товара (Product + Offer + AggregateRating)

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

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "Product",
  "name": "$SHOP_ITEM_NAME$", // Название товара
  "url": "$SHOP_ITEM_URL$", // URL страницы товара
  "image": [
    "$SHOP_ITEM_IMG_URL_MAIN$", // Основное изображение
    "$SHOP_ITEM_IMG_URL_ADDITIONAL_1$", // Дополнительные изображения
    "$SHOP_ITEM_IMG_URL_ADDITIONAL_2$"
  ],
  "description": "$SHOP_ITEM_DESCRIPTION$", // Полное описание товара
  "sku": "$SHOP_ITEM_SKU$", // Артикул
  "mpn": "$SHOP_ITEM_MPN$", // Код производителя
  "brand": {
    "@type": "Brand",
    "name": "$SHOP_ITEM_BRAND$" // Название бренда
  },
  "offers": {
    "@type": "Offer",
    "priceCurrency": "RUB",
    "price": "$SHOP_ITEM_PRICE$", // Цена товара
    "priceValidUntil": "$PRICE_VALID_UNTIL_ISO$", // Дата окончания действия цены (например, 2024-12-31)
    "itemCondition": "https://schema.org/NewCondition", // Или UsedCondition, RefurbishedCondition
    "availability": "$SHOP_ITEM_AVAILABILITY$", // https://schema.org/InStock, OutOfStock, PreOrder
    "url": "$SHOP_ITEM_URL$", // URL для покупки
    "seller": {
      "@type": "Organization",
      "name": "$SITE_NAME$"
    }
  },
  "aggregateRating": { // Если есть агрегированный рейтинг
    "@type": "AggregateRating",
    "ratingValue": "$SHOP_ITEM_RATING_VALUE$", // Средний балл
    "reviewCount": "$SHOP_ITEM_NUM_REVIEWS$" // Количество отзывов
  },
  "review": [ // Отдельные отзывы (можно выводить N последних)
    {
      "@type": "Review",
      "author": {
        "@type": "Person",
        "name": "$REVIEW_AUTHOR_NAME_1$"
      },
      "datePublished": "$REVIEW_DATE_ISO_1$",
      "reviewBody": "$REVIEW_TEXT_1$",
      "reviewRating": {
        "@type": "Rating",
        "ratingValue": "$REVIEW_RATING_1$"
      }
    },
    {
      "@type": "Review",
      "author": {
        "@type": "Person",
        "name": "$REVIEW_AUTHOR_NAME_2$"
      },
      "datePublished": "$REVIEW_DATE_ISO_2$",
      "reviewBody": "$REVIEW_TEXT_2$",
      "reviewRating": {
        "@type": "Rating",
        "ratingValue": "$REVIEW_RATING_2$"
      }
    }
  ]
}
</script>
  • Куда вставлять: В шаблон полной информации о товаре вашего модуля «Интернет-магазин» (например, _shop_item.html). Крайне важно: используйте соответствующие Ucoz-переменные для динамической подстановки всех данных. Если у товара нет отзывов, исключите блок aggregateRating и review.

6. Интернет-магазин: Страница категории товаров (CollectionPage + ItemList)

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

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "CollectionPage", // Или "WebPage" с ItemList для обычных категорий
  "name": "$CATEGORY_NAME$", // Название категории
  "url": "$CATEGORY_URL$", // URL страницы категории
  "description": "$CATEGORY_DESCRIPTION$", // Описание категории
  "mainEntity": {
    "@type": "ItemList",
    "itemListElement": [
      {
        "@type": "ListItem",
        "position": 1,
        "item": {
          "@type": "Product",
          "name": "$SHOP_ITEM_NAME_1$",
          "url": "$SHOP_ITEM_URL_1$",
          "image": "$SHOP_ITEM_IMG_URL_1$",
          "offers": {
            "@type": "Offer",
            "priceCurrency": "RUB",
            "price": "$SHOP_ITEM_PRICE_1$"
          }
        }
      },
      {
        "@type": "ListItem",
        "position": 2,
        "item": {
          "@type": "Product",
          "name": "$SHOP_ITEM_NAME_2$",
          "url": "$SHOP_ITEM_URL_2$",
          "image": "$SHOP_ITEM_IMG_URL_2$",
          "offers": {
            "@type": "Offer",
            "priceCurrency": "RUB",
            "price": "$SHOP_ITEM_PRICE_2$"
          }
        }
      }
      // Повторяйте этот блок для каждого товара в категории,
      // динамически подставляя position и данные о товаре
    ]
  }
}
</script>
  • Куда вставлять: В шаблон страницы категории товаров вашего модуля «Интернет-магазин» (например, _shop_category.html). Этот JSON-LD блок придется генерировать с помощью циклов или условий Ucoz, чтобы он динамически формировал itemListElement для каждого товара в категории. Это может быть самым сложным для реализации в Ucoz без прямого доступа к серверному коду.

7. Хлебные крошки (BreadcrumbList)

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

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "BreadcrumbList",
  "itemListElement": [
    {
      "@type": "ListItem",
      "position": 1,
      "name": "Главная",
      "item": "$SITE_URL$"
    },
    {
      "@type": "ListItem",
      "position": 2,
      "name": "Магазин",
      "item": "$SITE_URL$shop/"
    },
    {
      "@type": "ListItem",
      "position": 3,
      "name": "Смартфоны",
      "item": "$SITE_URL$shop/smartfony/"
    },
    {
      "@type": "ListItem",
      "position": 4,
      "name": "$SHOP_ITEM_NAME$", // Название текущей страницы
      "item": "$SHOP_ITEM_URL$" // URL текущей страницы
    }
    // Добавьте столько ListItem, сколько уровней в ваших хлебных крошках
  ]
}
</script>
  • Куда вставлять: В шаблон, отвечающий за вывод хлебных крошек на вашем сайте. Элементы списка должны генерироваться динамически в зависимости от текущей страницы с использованием соответствующих Ucoz-переменных.

Важные замечания для Ucoz и JSON-LD:

  1. Ucoz-переменные: Тщательно изучите документацию по Ucoz-переменным для каждого модуля (общие, новости, интернет-магазин, страницы), чтобы правильно подставить динамические данные. Примеры переменных:
    • $SITE_URL$, $SITE_NAME$
    • $ENTRY_TITLE$, $ENTRY_URL$, $DATE$, $IMAGE_URL$ (для новостей/статей)
    • $SHOP_ITEM_NAME$, $SHOP_ITEM_URL$, $SHOP_ITEM_PRICE$, $SHOP_ITEM_IMAGE_URL$, $SHOP_ITEM_DESCRIPTION$, $SHOP_ITEM_SKU$, $SHOP_ITEM_BRAND$, $SHOP_ITEM_RATING_VALUE$, $SHOP_ITEM_NUM_REVIEWS$ (для товаров)
    • $CATEGORY_NAME$, $CATEGORY_URL$ (для категорий магазина)
    • Для дат (datePublished, dateModified) вам может потребоваться использовать $DATE$ и вручную преобразовать его в формат ISO 8601 (например, 2024-03-01T10:00:00+03:00), если Ucoz не предоставляет переменную для такого формата.
  2. Условное отображение: Если какой-то части данных (например, рейтинга или отзывов) нет, убедитесь, что вы не выводите пустой JSON-LD блок, который может вызвать ошибки. В Ucoz это можно сделать с помощью условных операторов типа <?if $NUM_REVIEWS$?> ... <?endif?>.
  3. Тестирование: После внедрения каждого блока JSON-LD обязательно используйте Google Rich Results Test и Яндекс.Вебмастер – Инструмент для проверки микроразметки. Это критически важно для выявления ошибок и предупреждений.
  4. Кодировка: Убедитесь, что все ваши шаблоны Ucoz сохраняются в кодировке UTF-8, чтобы избежать проблем с отображением символов в JSON-LD.
  5. Размещение скриптов: Вы можете размещать <script> блоки JSON-LD в любом месте <head> или <body>. Для SEO и производительности часто предпочитают размещать их в <head> (если они небольшие) или в конце <body>.

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

Важные замечания для Ucoz:

  1. Динамические данные: Для большинства этих примеров вам потребуется использовать Ucoz-коды (переменные) для автоматической подстановки названий, URL, цен, описаний и т.д. Например, вместо Название товара вы будете использовать $ENTRY_TITLE$ или аналогичную переменную для модуля «Интернет-магазин».
  2. Видимость контента: Повторяю: вся информация, которую вы размечаете, должна быть видима пользователю на странице. Не пытайтесь разметить скрытые элементы.
  3. Тестирование: После внедрения разметки обязательно используйте Google Rich Results Test и Яндекс.Вебмастер – Инструмент для проверки микроразметки, чтобы убедиться в её корректности и отсутствии ошибок.
  4. Кодировка: Убедитесь, что ваши шаблоны сохраняются в кодировке UTF-8, чтобы избежать проблем с русскими символами в разметке.
  5. Постепенное внедрение: Начните с самых важных страниц (товары, статьи) и постепенно расширяйте охват.
  6. Влияние на дизайн: Microdata встраивается прямо в HTML. Будьте осторожны, чтобы случайно не нарушить существующий CSS-стиль ваших элементов. Часто для meta и link элементов это не проблема, но для span и div с itemprop может потребоваться дополнительная стилизация.

Удачи в оптимизации вашего Ucoz-сайта!

Рекомендовать к прочтению другом?


Еще интересное:

«

»