Микроразметка для статей: Микроразметка статей, новостей, постов по schema.org

alexxlab

Содержание

Микроразметка статей, новостей, постов по schema.org

Пример и описание микроразметки статей, новостей, постов по schema.org.

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

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

Разметка статьи по schema.org

Для начала давайте посмотрим в какой объект нам оборачивать наш материал:

  • https://schema.org/Article — Общая схема, подходящая всем текстовым материалам.
  • https://schema.org/NewsArticle — Схема для разметки новостных статей.
  • https://schema.org/BlogPosting — Схема для разметки статей в блоге.

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

В разметке ниже, замените общий объект Article на NewsArticle или на BlogPosting, валидность сохранится. Это универсальная разметка.

Для начала разметка полной версии материала:

<div itemscope itemtype="https://schema.org/Article">
    <link itemprop="mainEntityOfPage" href="https://example.ru/" />
    <link itemprop="image" href="image">
    <meta itemprop="headline name" content="Название Статьи">
    <meta itemprop="description"
          content="Обязательное краткое описание статьи для Яндекса длиной от 50 до 150 символов.">
    <meta itemprop="author" content="автор статьи">
    <meta itemprop="datePublished" datetime="2010-07-03" content="2010-07-03">
    <meta itemprop="dateModified" datetime="2018-09-15" content="2018-09-15">
    <div itemprop="publisher" itemscope itemtype="https://schema.org/Organization">
        <div itemprop="logo" itemscope itemtype="https://schema.org/ImageObject">
            <img itemprop="url image" src="images/logo.png" alt="Описание картинки" title="Описание картинки"/>
        </div>
        <meta itemprop="name" content="название сайта">
        <meta itemprop="telephone" content="">
        <meta itemprop="address" content="Россия">
    </div>
    <p>Интро</p>
    <span itemprop="articleBody">Контент</span>
</div>

Давайте разберем её:

  • itemprop="mainEntityOfPage" — Основная страница объекта, можно указать каноническую ссылку. Данное свойство является необязательным, но Google рекомендует его заполнять.
  • itemprop="image" — Ссылка на картинку материала, передаем её через атрибут link, так что пользователи её не увидят в контенте, а вот поисковые роботы схавают.
  • itemprop="headline name" — Заголовок материала.
  • itemprop="description" — Короткое описание материала, желательно не более 150 символов.
  • itemprop="author" — Автор материала.
  • itemprop="datePublished" — Дата публикации материала, указывайте в формате ГГГГ-ММ-ДД.
  • itemprop="dateModified" — Дата обновления материала, указывайте в формате ГГГГ-ММ-ДД.
  • itemprop="publisher" — Для этого свойства необходимо использовать объект schema.org/Organization.
    • itemprop="logo" — URL картинки, например, логотип сайта. Для этого свойства используем объект schema.org/ImageObject.
      • itemprop="url image" — URL логотипа.
      • itemprop="name" — Название сайта / организации.
      • itemprop="telephone" — Телефон можно оставить пустым, ну или если он у вас есть, заполнить.
      • itemprop="address" — Тут я указываю просто страну.
  • itemprop="articleBody" — Тело материала.

Можете сами проверить данную микроразметку, она валидная и в Google и в Яндекс валидаторах.

Благодарность автору

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

  • ЮMoney (Яндекс.Деньги)

Один из самых популярных способов поблагодарить автора, воспользоваться сервисом Яндекс.Деньги.

Время работы: 2,3709 s
Время запросов: 2,3709 s
Количество запросов: 28
Источник: cache

Авторская документация по web-разработке Web in Mind | © 2019 – 2022

Как использовать микроразметку статей – статьи про интернет-маркетинг

Последнее обновление: 21 ноября 2019 года

5383

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

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

Основные атрибуты разметки статей

Весь материал должен находиться внутри следующего элемента:

<div itemscope itemtype=http://schema.org/Article>ЗДЕСЬ ВАШ КОНТЕНТ</div>

Заголовок, т.е. название публикации:

<h2 itemprop=»headline name»>Заголовок</h2>

Альтернативный заголовок, или подзаголовок:

<i itemprop=»alternativeHeadline»>Подзаголовок</i>

Изображение, которое появится справа от описания статьи:

img itemprop=»image» src=»URL изображения» alt=»Релевантный текст описания»

Краткое описание статьи:

<p itemprop=»description»>Текст описания</p>

Дата публикации:

<meta itemprop=»datePublished» content=»ГОД-МЕСЯЦ-ДЕНЬ»>Дата публикации</p>

Текст публикации:

<p itemprop=»articleBody»>Текст статьи</p>

Не забудьте поставить закрывающий тег </div>.

Вам может понадобиться дополнительная микроразметка. Справку по всем возможным свойствам статей вы можете получить в соответствующем разделе на сайте Schema.org.

Готовые решения

Существуют ли готовые решения для популярных CMS? Да.

Самая актуальная коммерческая версия плагина WP Social SEO Booster для WordPress уже включает поддержку разметки подробных статей, причём активирует использование этой микроразметки по умолчанию.Существует бесплатная версия этого модуля с меньшими возможностями.

Для Joomla существует дополнение J4 Schema, предоставляющее простой доступ к словарю Article. Есть и расширенная коммерческая версия — J4 Schema Pro. Впрочем, некоторые специалисты рекомендуют решать эту задачу на уровне шаблона вывода.

Дополнение Schema.org для Drupal позволяет использовать различные словари микроразметки, включая Article. Установив дополнение, необходимо добавить в структуру публикаций нужные поля из словаря, а затем заполнятьих для каждого материала.

Разметка авторства

Следующий рекомендуемый шаг — связать автора публикации с профилем в Google+. Если вы не пользуетесь CMS, либо ваша CMS не поддерживает связывание учётной записи пользователя с учётной записью в Google+, вы можете отредактировать шаблон, поместив имя автора внутрь элемента гиперссылки следующим образом:

<a href=»[profile_url]?rel=author»>Ваше имя</a>

Если у вас уже есть учётная запись в Google+ с загруженной фотографией, скопируйте ссылку страницы профиля и поместите её вместо «profile_url».

Далее в свойствах профиля на Google+ перейдите к блоку «Links» и нажмите «Edit». В разделе «Contributor to» открывшейся формы добавьте адрес публикации, автором которой вы являетесь, либо URL сайта, куда вы пишете статьи.

Оптимизация логотипа

Вы также можете добавить микроразметку к логотипу вашего интернет-проекта. Поддержка этого словаря появилась в Google в мае этого года. Вот пример кода:

<div itemscope itemtype=»http://schema. org/Organization»> <a itemprop=»url» href=»http://www.example.com/»>Home</a> <img itemprop=»logo» src=»http://www.example.com/logo.png» /></div>

Что дальше? Продолжайте писать качественные оригинальные статьи, интересные вашей аудитории и укрепляющие ваш экспертный статус.

«Яндекс» стандартизирует «Острова»

Компания «Яндекс» инициировала стандартизацию частей технологии «Острова», представленной в мае этого года. В интервью, опубликованном на habrahabr.ru, менеджер проектоввеб-поиска «Яндекса» Александр Шубин рассказал о работе над разделом «Actions» в стандартизованном наборе словарей микроразметки Schema.org, который основан на разработках «Островов»:

Actions — это большое изменение словаря schema.org, которое призвано описать взаимодействие объектов между собой. Это большое и важно изменение, потому что если раньше schema.org описывала отдельные объекты, то сейчас это про какие-то действия, которые связаны с этими объектами. .. Сейчас в платформе «Острова» предоставляются две возможности,которые вебмастера могут использовать. Одна из них — это кнопки, которые появляются прямо на выдаче Яндекса. Для их описания мы специфицируем набор возможных взаимодействий, которые пользователь может осуществлять с сайтом. И именно список этих взаимодействий, а также их параметризация очень важны для нас и именно они были приняты в первой части стандарта Actions.

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

Google тестирует всплывающие подсказки о сайтах

Специалисты Google начали тестировать новую функцию поисковика — всплывающую информацию о сайте. Теперь по щелчку на названии сайта (справа от URL)всплывает окно, в котором выводится начало описания сайта, взятое из статьи в Wikipedia. Разумеется, это работает только для сайтов, о которых такая статья есть.

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

«Бегун» закрывает рекламную услугу «Контекстные переходы»

Компания «Бегун» объявила о закрытии сервиса «Контекстные переходы», который был основным продуктом компании на протяжении последних 11 лет. Одновременно с этом из бета-тестированиявыведена новая платформа «Бегун.Смарт», которая заменит собой «Контекстные переходы».

Статья

Продвижение сайта банка: тренды и рекомендации

#SEO, #тренды

Статья

Настоящее и будущее SEO-отрасли

#SEO, #тренды

Статья

Тренды продвижения в тематике недвижимости

#SEO, #тренды

Рекомендуем прочесть

Минкомсвязи хочет замкнуть передачу данных через границу лишь на избранных провайдеров.

Создан рейтинг самых ненадежных браузеров.

Как добавить разметку схемы статьи в сообщения блога

twitterlinkedin2facebookyoutubeinstagramsearchstar

Опубликовано 16.09.2022 пользователем Рэйчел Холи

Делиться

Поделиться

URL-адрес ссылки скопирован

Схема — это язык, который помогает поисковым системам понять содержание вашего сайта. Узнайте о том, какие существуют типы схемы и как их добавить, чтобы ваш сайт был лучше замечен.

Поисковые системы с каждым днем ​​становятся все более и более изощренными, и вы, наверное, видели, насколько описательными и подробными являются результаты поиска в наши дни.

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

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

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

Как поисковые системы собирают и отображают эту информацию?

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

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

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

Одним из наиболее эффективных наборов структурированных данных является схема статьи, которую можно использовать для повышения эффективности ваших новостных статей и сообщений в блогах в результатах поиска Google.

Что такое схема статьи?

По данным Ahrefs, каждый месяц публикуется около 70 миллионов новых сообщений в блогах, а 77% интернет-пользователей читают блоги.

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

Как упоминалось выше, для того, чтобы это произошло, вам нужно добавить разметку статьи к вашим новостным статьям и сообщениям в блогах, но что это такое?

Подобно другим типам схем, схема статьи — это тип языка разметки, который помогает поисковым системам лучше понимать ваши сообщения в блогах и, в частности, новостные статьи.

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

Какие типы схем статей можно добавить?

Существует несколько типов схем статей, которые можно добавить: NewsArticle или BlogPosting являются наиболее распространенными типами.

Для большинства компаний (если вы не сообщаете новости) я бы рекомендовал использовать схему BlogPosting. Чем точнее вы определите схему, тем легче поисковым системам будет полностью понять ваш сайт.

Преимущества схемы и структурированных данных

Существует множество причин, почему вам следует использовать язык разметки схемы и структурированные данные на своих страницах:

  • Мы уже рассмотрели, что схема и структурированные данные используются для обеспечения поиска. двигатели могут лучше понять ваш контент.
  • Затем это приводит к расширенным результатам, которые, естественно, имеют более высокий рейтинг кликов, чем обычные результаты поиска.
  • Использование структурированных данных и схем также является одним из факторов ранжирования Google, поэтому их размещение в сообщениях блога и новостных статьях может помочь повысить рейтинг ключевых слов и информационного контента вашего блога.
  • Помогает поисковым системам просеивать миллиарды страниц и ранжировать те из них, которые содержат лучший контент и информацию, относящуюся к конкретным поисковым запросам.
  • Дает вам возможность контролировать информацию, которую находят и отображают поисковые системы, когда вы указываете ее в коде, который идет на странице. По сути, вы можете выбирать, а не поисковые системы выбирают за вас то, что отображается на страницах результатов.

Таким образом, все вышеперечисленное поможет вашей стратегии SEO и контент-маркетинга, а также общим целям цифрового маркетинга, став более заметным в поисковых системах и привлекая больше органического трафика.

Как добавить схему статьи на свои страницы

Теперь, когда мы знаем, что такое разметка схемы статьи и почему она полезна для SEO, следующим шагом будет понять, как именно добавить ее на свои страницы.

Это можно сделать несколькими способами, в зависимости от того, на какой системе управления контентом (CMS) работает ваш веб-сайт.

Сторонний инструмент или плагин 

В наши дни многие CMS добавляют его автоматически или, по крайней мере, будут совместимы с плагином, который это делает. Например, Yoast для WordPress, Amasty для Magento и Hello Rich Snippets для Shopify.

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

Это также очень удобно, так как это означает, что в каждый пост в блоге, который вы пишете, будет динамически вставлена ​​схема BlogPosting — вам не нужно добавлять ее в каждый пост.

Спросите своих разработчиков

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

Диспетчер тегов Google

Если вы не можете получить плагин, который вставляет его динамически, и ваши разработчики не могут жестко запрограммировать его на сайт, в крайнем случае добавьте его через Диспетчер тегов Google. Это крайняя мера, так как только Google сможет увидеть код, а не все поисковые системы.

Диспетчер тегов Google сам по себе является целым минным полем и временами может быть темпераментным, поэтому он не идеален.

Сделай сам!

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

  1. Во-первых, вы можете протестировать страницу, чтобы увидеть, поддерживает ли она расширенные результаты, что вы можете сделать с помощью тестера расширенных результатов Google.
  2. Например, в этом сообщении в блоге говорится, что было обнаружено семь типов структурированных данных, одним из которых является схема статьи, которая нас и интересует.
  3. Эти результаты также полезны для вас, чтобы увидеть, есть ли какие-либо ошибки, которые вы можете исправить. В этом случае URL-адрес страницы автора отсутствует, поэтому я обязательно добавлю его.
  4. Schema.org также можно использовать для тестирования и проверки структурированных данных для конкретной страницы.
  5. Теперь, когда мы знаем, что эта страница может реализовывать структурированные данные, теперь нам нужно создать фактический код, который будет стоять за сообщением в блоге, которое поисковые системы будут сканировать, чтобы отображать его как расширенные результаты в поисковой выдаче.
  6. Вы можете сделать это с помощью генератора разметки схемы, такого как Помощник по разметке структурированных данных Google или Генератор разметки схемы Merkle, который является моим личным фаворитом.
  7. Это говорит само за себя. Вы просто выбираете, какой тип кода разметки схемы вы хотите сгенерировать, и заполняете сведения о странице, такие как заголовок, URL-адрес, автор, описание сообщения в блоге, URL-адрес изображения и т. д. — все это информация, которая сформирует богатый результат, если он ранжируется Что ж.
  8. Когда вы введете все данные, генератор добавит их красным и оранжевым цветом к коду напротив, который после заполнения можно скопировать и вставить в серверную часть вашего веб-сайта.

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

Для справки и если вы хотите просто использовать код напрямую, ниже приведен пример схемы статьи:

Заключительные мысли

Напомним, разметка схемы статьи — это фрагмент кода, который находится за сообщениями в блогах и новостными статьями, которые предоставляют поисковым системам больше информации о содержании страницы.

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

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

Существует несколько способов реализации разметки схемы статьи, в том числе с помощью Диспетчера тегов Google, сторонних инструментов и плагинов, путем жесткого кодирования разработчиками или создания кода и добавления его самостоятельно.

Я надеюсь, что это пошаговое руководство оказалось для вас полезным, но если у вас есть дополнительные вопросы или вы застряли, пожалуйста, не стесняйтесь обращаться ко мне в LinkedIn или к члену нашей команды SEO.

Если вам нужна помощь с вашим SEO не стесняйтесь обращаться к нам.

Как добавить разметку схемы статьи в сообщения блога

Делиться

Поделиться

URL-адрес ссылки скопирован

Давайте процветать вместе

Свяжитесь с нами, чтобы сделать первый шаг.

Свяжитесь с нами

Вы только что узнали что-то новое?

Тогда присоединяйтесь к 80 000 человек, которые ежемесячно читают наши экспертные статьи.

микроданные — Schema.org для страницы категорий со списком статей

Задавать вопрос

спросил

Изменено 3 года, 11 месяцев назад

Просмотрено 2к раз

Я помечаю свой веб-сайт с помощью микроданных и задаюсь вопросом о том, как пометить список статей.

На странице категории я получил большую статью с тегом, но я не знаю, должен ли я также пометить листинг.
<нижний колонтитул>