Неполный хАтом против Нет хАтом

Question

Неполный хАтом против Нет хАтом

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

Вот сокращенный HTML-код тестового примера:

<article class="hentry">
    <div class="entry-title">
        <a href="http://example.org" rel="bookmark">Who we are...</a>
    </div>  
    <div>
        <img src="http://example.org/img.jpg" />
    </div>  
    <div class="entry-summary">
        <p>Summary of the Page</p>
    </div>
</article>

С Богатым фрагментом Инструмент тестирования или инструменты веб-мастера, он извлекает все ожидаемые данные, но выдает ошибки:

Ошибка: Отсутствует обязательное поле "обновлено".

Ошибка: Отсутствует обязательная карточка "автор".

Я знаю, что оба updated и author требуются в соответствии со спецификацией hAtom.

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

Удалите Разметка hAtom полностью (возможно, заменив ее schema.org разметка?)
Добавьте визуально скрытую информацию об авторе и дате.
Оставьте разбитым с ошибками.

Если запись hAtom действительно недействительна без updated и author, каковы конкретные недостатки и есть ли какие-либо способы их избежать? Если их нет, есть ли какой-нибудь способ подавить ошибки? Поскольку я распространяю эту разметку в плагине, я хотел бы избежать ошибок, если это вообще возможно.

1

microdata

Author: mrwweb, 2014-11-02

Source

1 answers

score 1 · Accepted Answer

Недопустимая расширенная разметка данных

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

Удовлетворяющий хАтом

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

HTML:

<article class="hentry">
    <header class="entry-title">
        <a href="http://example.org" rel="bookmark">Article Title</a>
    </header>
    <div class="entry-summary">
        <p>First Paragraph ideal for a introduction of the article.</p>
    </div>
    <div class="entry-content">
        <p>The rest of the content.</p>
        <aside><img src="http://example.org/img.jpg" /></aside>
    </div>
    <footer>
        <p>Published by <span class="author vcard"><span class="fn">John</span></span> on <time class="published" datetime="2013-06-13 12:00:00">13<sup>th</sup> June 2013</time> Last Update:<time class="updated" datetime="2014-03-14 12:00:00">Match 2014</time></p>
    </footer>
</article>

CSS

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

article footer{display:none;}
article header a:hover footer{display:block;}

Использование Схемы

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

Просто используя что-то вроде:

<article itemscope itemtype="http://schema.org/Article">
    <a href="http://example.org" itemprop="url">
        <span itemprop="name">Article Title</span>
    </a>
    <div class="content-container">
        <p>Content to go here...</p>
        <aside><img src="janedoe.jpg" itemprop="image" /></aside>
    </div>
</article>