mail@vecdev.ru

Schema.org/Article - микроразметка статей и новостей сайта

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

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

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

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

Привязываться я буду к переменным 1С-Битрикс, так что если что-то будет непонятно, то милости прошу в комментарии.

<div class="bd__detail" itemscope itemtype="http://schema.org/Article">
    <h1 itemprop="headline name">
        <?=$arResult["DISPLAY_PROPERTIES"]["ATT_H1"]["VALUE"] !== "" ? $arResult["DISPLAY_PROPERTIES"]["ATT_H1"]["VALUE"] : $arResult["NAME"];?>
    </h1>
    <div itemprop="articleBody">
        <?=$arResult["DETAIL_TEXT"]?>
    </div>

    <link itemprop="mainEntityOfPage" href="<?='https://САЙТ/'.$_SERVER['REQUEST_URI']?>" />
    <link itemprop="image" href="<?=$arResult["PREVIEW_PICTURE"]["SRC"]?>">
    <meta itemprop="author" content="АВТОР_СТАТЬИ">
    <meta itemprop="datePublished" content="<?=$arResult["DISPLAY_ACTIVE_FROM"]?>">
    <meta itemprop="articleSection" content="НАЗВАНИЕ_РАЗДЕЛА">
    <meta itemprop="description" content="<?=$arResult["DISPLAY_PROPERTIES"]["ATT_SEO_DESCRIPTION"]["VALUE"]?>">
    <!-- Информация о сайте -->
    <div itemprop="publisher" itemscope itemtype="https://schema.org/Organization">
        <link itemprop="url" href="https://САЙТ">
        <meta itemprop="name" content="НАЗВАНИЕ_САЙТА">
        <meta itemprop="description" content="ОПИСАНИЕ_САЙТА">
        <meta itemprop="address" content="АДРЕС">
        <meta itemprop="telephone" content="ТЕЛЕФОН">
        <div itemprop="logo" itemscope itemtype="https://www.schema.org/ImageObject">
            <img itemprop="url image" src="https://САЙТ/ССЫЛКА НА ЛОГОТИП" alt="НАЗВАНИЕ_САЙТА" title="НАЗВАНИЕ_САЙТА" style="display:none;"/>
        </div>
    </div>
</div>

Давайте разберем микроразметку статьи:

  • itemprop="headline name" - заголовок статьи. В нем я беру основной заголовок из отдельного свойства Битрикса ATT_H1, а переменную TITLE беру только если H1 пустой. Связано эт с тем, что в списке статей заголовок должен быть короче, чем в детальной карточке статьи (чтобы уместился в блок. Связан это SEO больше.
  • itemprop="articleBody" - тело статьи (да теги там можно применять, ошибок не будет).
  • itemprop="mainEntityOfPage" - Указывается канонический URL сайта (или основной URL страницы). Статья про канонические страницы на битрикс и их настройку.
  • itemprop="image" - Картинка статьи, делаем в link, чтобы не отображалась в самой статье, но поисковики проглотили (я брала из картинку превью новости).
  • itemprop="author" - автор новости, я указываю название сайта.
  • itemprop="datePublished" - дата публикации в формате ГГГГ-MM-ДД.
  • itemprop="dateModified" - дата обновления новости в формате ГГГГ-MM-ДД.
  • itemprop="articleSection" - указывается родительский раздел статьи.
  • itemprop="description" - краткое описание статьи, я беру из SEO описания страницы, в данном случае description находится в свойстве ATT_SEO_DESCRIPTION Битрикса.
  • itemprop="publisher" - информация о организации, опубликовавшей пост, для него мы используем объект "schema.org/Organization".
  • itemprop="url" - полный адрес вашего сайта.
  • itemprop="name" - Название вашей организации или сайта.
  • itemprop="description" - Это описание САЙТА, не путать с описанием статьи, мы его уже описали выше.
  • itemprop="address" - адрес организации (можно просто страну указать).
  • itemprop="telephone" - телефон в формате +7, либо оставить пустым.
  • itemprop="logo" - это уже к объекту "schema.org/ImageObject".
  • itemprop="url image" - ссылка на ваш логотип.

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

Наши соцсети

Подписывайтесь на наши соцсети, там еще больше информации и контента. На YouTube канале вы найдете видео уроки по созданию сайтов на Битрикс и другие полезные "фишки".

Поделиться статьей
Частный разработчик сайтов Vector Dev
Комментарии
Загрузить файл или картинкуПеретащить с помощью Drag'n'drop
Перетащите файлы
Ничего не найдено
Защита от автоматических сообщений