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

1. Необходимая микроразметка для сайта с новостями и статьями

Для сайта с новостями или статьями на Schema.org рекомендуется использовать следующие типы микроразметки:

Article

Основной тип для обозначения статьи. Обязательно включает:

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

• headline — заголовок статьи
• author — автор статьи (может быть тэгом Person или Organization)
• datePublished — дата публикации
• image — изображение, связанное со статьей (может быть ссылкой на изображение)
• articleBody — основной текст статьи

Пример разметки:

    
    <article itemscope itemtype="http://schema.org/Article">
        <h1 itemprop="headline">Заголовок новости</h1>
        <p itemprop="author" itemscope itemtype="http://schema.org/Person">
            <span itemprop="name">Имя Автора</span>
        </p>
        <time itemprop="datePublished" datetime="2023-01-01">1 января 2023</time>
        <div itemprop="articleBody">
            <p>Текст статьи...</p>
        </div>
        <img itemprop="image" src="image-url.jpg" alt="Описание изображения">
    </article>
    
    

NewsArticle

Более специфичный тип для новостных статей. Он наследует свойства от Article, добавляя дополнительные:

• publisher — информация о публикации (например, агентство новостей)
• dateModified — дата последнего изменения статьи
• mainEntityOfPage — основной контент на странице

Пример разметки:

    
    <article itemscope itemtype="http://schema.org/NewsArticle">
        <h1 itemprop="headline">Заголовок новости</h1>
        <p itemprop="author" itemscope itemtype="http://schema.org/Person">
            <span itemprop="name">Имя Автора</span>
        </p>
        <time itemprop="datePublished" datetime="2023-01-01">1 января 2023</time>
        <time itemprop="dateModified" datetime="2023-01-02">2 января 2023</time>
        <div itemprop="articleBody">
            <p>Текст статьи...</p>
        </div>
        <img itemprop="image" src="image-url.jpg" alt="Описание изображения">
        <div itemprop="publisher" itemscope itemtype="http://schema.org/Organization">
            <meta itemprop="name" content="Издательство">
            <meta itemprop="logo" content="logo-url.png">
        </div>
    </article>
    
    

2. Как использовать микроразметку

Чтобы использовать микроразметку на своём сайте, достаточно добавить соответствующие атрибуты в ваши HTML-документы. Обратите внимание на то, что лучше всего использовать разметку в соответствии с типом контента — если вы публикуете новостные статьи, лучше придерживаться схемы NewsArticle.

Существует несколько способов разметки:

• Микроданные (как в примерах выше)
• JSON-LD (рекомендуется Google, как более удобный формат)
• RDFa (реже используется)

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

    
    <script type="application/ld+json">
    {
       "@context": "http://schema.org",
       "@type": "NewsArticle",
       "headline": "Заголовок новости",
       "author": {
          "@type": "Person",
          "name": "Имя Автора"
       },
       "datePublished": "2023-01-01",
       "dateModified": "2023-01-02",
       "image": "image-url.jpg",
       "publisher": {
          "@type": "Organization",
          "name": "Издательство",
          "logo": {
             "@type": "ImageObject",
             "url": "logo-url.png"
          }
       },
       "articleBody": "Текст статьи..."
    }
    </script>
    
    

3. Что дает микроразметка для сайта со статьями и новостями

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

• Расширенные сниппеты (например, с изображениями и оценками)
• Карточки новостей в Google News
• Увеличение кликабельности (CTR)

4. Нужно ли использовать микроразметку для картинок

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

• url — ссылка на изображение
• caption — подпись к изображению
• contentUrl — другой URL для доступа к изображению

Пример разметки изображения:

    
    <img itemprop="image" src="image-url.jpg" alt="Описание изображения">
    <script type="application/ld+json">
    {
       "@context": "http://schema.org",
       "@type": "ImageObject",
       "url": "image-url.jpg",
       "caption": "Подпись к изображению"
    }
    </script>
    
    

5. Дополнительные советы

Следующие рекомендации помогут вам более эффективно использовать микроразметку:

• Проверяйте свою микроразметку с помощью Rich Results Test от Google.
• Следите за обновлениями Schema.org, так как новые типы и свойства могут быть добавлены.
• Подумайте о внедрении разметки для других элементов вашего сайта, таких как рейтинги, отзывы и авторы, чтобы улучшить SEO.

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