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"Статья про канонические страницы на битрикс и их настройку
  • itemprop="image"
  • itemprop="author"
  • itemprop="datePublished"
  • itemprop="dateModified"
  • itemprop="articleSection"
  • itemprop="description"
  • itemprop="publisher"
  • itemprop="url"
  • itemprop="name"
  • itemprop="description"
  • itemprop="address"
  • itemprop="telephone"
  • itemprop="logo"
  • itemprop="url image"

валидатор семантической разметки Яндекса

Наши соцсети

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

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