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

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

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

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

Этот тип разметки помогает поисковым системам понять, что это за сайт в целом, и может способствовать отображению поля поиска по сайту прямо в выдаче. Обычно размещается в или на всех страницах сайта. 
<div itemscope itemtype="http://schema.org/WebSite">
  <meta itemprop="name" content="Название вашего сайта" />
  <link itemprop="url" href="https://ваш-сайт.ucoz.net/" />
  
  <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/" />

  
  <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>
    
    <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.5span> из <span itemprop="bestRating">5span> на основе <span itemprop="reviewCount">15span> оценок.
  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-XXspan>p>
    <p>Email: <span itemprop="email">info@ваш-сайт.netspan>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">123456span>, 
        <span itemprop="addressCountry">Россияspan>
      p>
    div>

    <h3>Время работы:h3>
    <p itemprop="openingHours" content="Mo-Fr 09:00-18:00">Понедельник-Пятница: 09:00 - 18:00p>
    <p itemprop="openingHours" content="Sa 10:00-16:00">Суббота: 10:00 - 16:00p>
    <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 Proh1>

  <meta itemprop="sku" content="SKU-XYZ1000" />
  <meta itemprop="mpn" content="MPN-12345" />
  <meta itemprop="gtin13" content="4601234567890" /> 
  <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">RUBspan>
    Цена: <span itemprop="price">35999.00span>
    <meta itemprop="priceValidUntil" content="2024-12-31" />
    <link itemprop="itemCondition" href="http://schema.org/NewCondition" />
    <link itemprop="availability" href="http://schema.org/InStock" /> 
    <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.8span> из <span itemprop="bestRating">5span> на основе <span itemprop="reviewCount">95span> отзывов.
  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">5span> звезд
    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 Proh3>
        a>
        <div itemprop="offers" itemscope itemtype="http://schema.org/Offer">
          <span itemprop="priceCurrency" content="RUB">RUBspan>
          <span itemprop="price">35999.00span>
        div>
      div>
    div>

    
    <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 Compacth3>
        a>
        <div itemprop="offers" itemscope itemtype="http://schema.org/Offer">
          <span itemprop="priceCurrency" content="RUB">RUBspan>
          <span itemprop="price">22500.00span>
        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 Prospan>
      <meta itemprop="position" content="4" />
    li>
  ol>
nav>
  • Куда вставлять: В шаблон, отвечающий за вывод хлебных крошек на вашем сайте. Это может быть часть _header.html или специализированный шаблон для навигации. Элементы списка должны генерироваться динамически в зависимости от текущей страницы.

В формате JSON-LD

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

Комментарии
Добавить комментарий