Микроразметка Article

3 недели назад

Дмитрий Москвичев

2 минут

Содержание скрыть

1 Зачем использовать микроразметку Article?

2 Основные элементы микроразметки Article

2.1 Основные атрибуты для разметки Article:

2.2 Пример микроразметки Article в JSON-LD

2.3 Пример микроразметки Article в Microdata

Микроразметка Article — это тип микроразметки, используемый для структурирования данных на странице, которая представляет собой статью, блог-пост, новость или любой другой тип контента, имеющий текст с основной информацией. Использование микроразметки Article помогает поисковым системам и социальным платформам (например, Google или Facebook) правильно интерпретировать и отображать информацию о статье в результатах поиска и на других платформах.

Микроразметка Article входит в стандарт Schema.org и является частью более широкого набора разметок, который включает другие типы контента, такие как NewsArticle, BlogPosting и другие.

Зачем использовать микроразметку Article?

Улучшение SEO: Статьи с микроразметкой могут иметь расширенные сниппеты, что помогает привлекать больше внимания в поисковых системах. Например, Google может показывать дату публикации, авторов или рейтинг статьи, если это указано в разметке.
Представление в социальных сетях: Микроразметка позволяет улучшить видимость статьи в социальных сетях, таких как Facebook, Twitter и другие. Через Open Graph или Twitter Cards можно задать описание, изображение и другие атрибуты.
Четкая структура контента: Для поисковых систем важно понимать, что именно является основным содержанием страницы. Микроразметка помогает обозначить основные части статьи: заголовок, автор, дата публикации и другие важные элементы.

Основные элементы микроразметки Article

Микроразметка Article включает несколько важных атрибутов, которые помогают четко описать статью.

Основные атрибуты для разметки Article:

@type: Это обязательный атрибут, который указывает, что данный объект является статьей. В данном случае его значение будет "Article"."@type": "Article"
headline: Заголовок статьи. Это обязательный элемент, который указывает на заголовок статьи."headline": "Как эффективно использовать микроразметку для SEO"
author: Автор статьи. Обычно включает имя человека или организации, которая написала статью."author": { "@type": "Person", "name": "Иван Иванов" }
datePublished: Дата публикации статьи. Формат даты — ISO 8601."datePublished": "2024-12-01T12:00:00Z"
dateModified: Дата последнего изменения статьи (если статья была обновлена)."dateModified": "2024-12-02T15:00:00Z"
image: Изображение, связанное с статьей. Обычно это обложка или изображение, которое иллюстрирует статью."image": "https://example.com/image.jpg"
description: Краткое описание статьи, которое помогает поисковым системам и социальным платформам понять суть контента."description": "В этой статье мы рассмотрим, как использовать микроразметку для улучшения SEO и видимости сайта."
publisher: Издатель или организация, ответственная за публикацию статьи. Обычно это название организации или веб-сайта."publisher": { "@type": "Organization", "name": "SEO Blog" }
mainEntityOfPage: Определяет, что эта статья является основной сущностью на данной веб-странице. Обычно используется для уточнения связи с основной страницей."mainEntityOfPage": "https://example.com/article-url"
keywords: Ключевые слова, связанные с статьей. Это может быть список релевантных тем, которые помогут поисковым системам лучше понять, о чем статья."keywords": "микроразметка, SEO, структура данных, schema.org"

Пример микроразметки Article в JSON-LD

JSON-LD (JavaScript Object Notation for Linked Data) — это формат микроразметки, который предпочтителен для Google и других поисковых систем. Он позволяет вставить структурированные данные в документ, не изменяя сам HTML-код страницы.

Пример микроразметки для статьи с использованием JSON-LD:

<script type="application/ld+json">
{
  "@context": "http://schema.org",
  "@type": "Article",
  "headline": "Как эффективно использовать микроразметку для SEO",
  "author": {
    "@type": "Person",
    "name": "Иван Иванов"
  },
  "datePublished": "2024-12-01T12:00:00Z",
  "dateModified": "2024-12-02T15:00:00Z",
  "image": "https://example.com/image.jpg",
  "description": "В этой статье мы рассмотрим, как использовать микроразметку для улучшения SEO и видимости сайта.",
  "publisher": {
    "@type": "Organization",
    "name": "SEO Blog",
    "logo": {
      "@type": "ImageObject",
      "url": "https://example.com/logo.jpg"
    }
  },
  "mainEntityOfPage": "https://example.com/article-url",
  "keywords": "микроразметка, SEO, структура данных, schema.org"
}
</script>

Пример микроразметки Article в Microdata

Microdata — это другой формат для добавления структурированных данных в HTML. Он использует специальные атрибуты, такие как itemscope, itemtype и itemprop, чтобы указать данные на странице.

Пример микроразметки для статьи с использованием Microdata:

<div itemscope itemtype="http://schema.org/Article">
  <h1 itemprop="headline">Как эффективно использовать микроразметку для SEO</h1>
  <p><strong>Автор:</strong> <span itemprop="author">Иван Иванов</span></p>
  <p><strong>Дата публикации:</strong> <span itemprop="datePublished" content="2024-12-01T12:00:00Z">1 декабря 2024 года</span></p>
  <p><strong>Дата изменения:</strong> <span itemprop="dateModified" content="2024-12-02T15:00:00Z">2 декабря 2024 года</span></p>
  <img itemprop="image" src="https://example.com/image.jpg" alt="Изображение статьи" />
  <p itemprop="description">В этой статье мы рассмотрим, как использовать микроразметку для улучшения SEO и видимости сайта.</p>
  <div itemprop="publisher" itemscope itemtype="http://schema.org/Organization">
    <span itemprop="name">SEO Blog</span>
    <img itemprop="logo" src="https://example.com/logo.jpg" alt="Логотип SEO Blog" />
  </div>
  <link itemprop="mainEntityOfPage" href="https://example.com/article-url" />
  <meta itemprop="keywords" content="микроразметка, SEO, структура данных, schema.org" />
</div>

#Микроразметка