Соблюдение политики Google в отношении структурированных данных

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

Контент, на который ссылаются структурированные данные, скрыт от пользователя.

Мой вопрос: как убедиться, что Google понимает мой пользовательский интерфейс? Я использую (5) изображения звездочек svg для обозначения рейтинга, но есть 3 вида звездочек: пустые, наполовину и полные. Нужно ли добавлять атрибут content="rating" или title="rating" или…? Я хотел бы понять, как Google узнает, что я вообще показываю 5 звезд? Я мог бы использовать .png файлов или юникод ★.

  "aggregateRating": {
    "@type": "AggregateRating",
    "ratingValue": "88",
    "bestRating": "100",
    "ratingCount": "20"
  }

person Ronnie Royston    schedule 18.11.2018    source источник
comment
Попробуйте Консоль поиска Google. Если вы переходите на старую версию, у вас есть инструмент для структурированных данных, который может помочь вам проверить. Документацию также можно найти в этой статье.   -  person nitobuendia    schedule 18.11.2018


Ответы (1)


Google не документирует, как они проверяют, соответствует ли видимый контент структурированным данным. Пока вы не скрываете/опускаете контент, все должно быть в порядке.

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

В случае оценок вы можете использовать meter element:

<meter min="0" max="5" value="3">★★★☆☆</meter>

(Поскольку meter, вероятно, широко не поддерживается, вы можете дополнительно рассмотреть возможность использования WAI-ARIA: пример с img элементами и aria-labelledby.)

person unor    schedule 18.11.2018
comment
Хорошая информация. Спасибо. В тех случаях, когда <meter> не поддерживается (IE и iPhone/Safari), я полагаю, что элементы просто игнорируются, но <meter> дочерние элементы (звездочки) остаются в HTML. Так что, я думаю, не помешает использовать <meter>. Re: aria-labeledby для предоставления текстовой альтернативы, можно ли скрыть текстовый альтернативный элемент? ...другими словами, зачем мне отображать (4 из 5) рядом с изображениями звезд? - person Ronnie Royston; 19.11.2018
comment
Оказывается, <meter> стилизован браузером по умолчанию и перезаписывает/скрывает мои красивые звезды svg, поэтому <meter> не работает. .... кроме того, нет role, доступного для разметки <div> как метра или рейтинга...? w3.org/1999/xhtml/vocab#XHTMLRoleVocabulary - person Ronnie Royston; 19.11.2018
comment
@RonRoyston: С поддержкой я в основном думал об инструментах доступности (например, программах чтения с экрана, которые не распознают атрибуты, специфичные для meter). -- Что касается role, то да, наверное, нет. -- Для метки WAI-ARIA было бы неплохо визуально скрыть ее (так что сделайте ее частью HTML, но спрячьте ее с помощью CSS, чтобы она по-прежнему читалась программами чтения с экрана); однако такой ярлык предназначен для доступности, а не для SEO (я думаю, что поисковые системы просто его игнорируют). - person unor; 19.11.2018
comment
Понятно. Спасибо. Я нашел role под названием figure, который кажется мне максимально близким. Итак, я сделал div role="figure" describedBy="myFigure" с <span id="myFigure" class="hidden">5 of 5</span> в качестве первого брата звезды svg. - person Ronnie Royston; 19.11.2018