Microdata + Schema.org для списка производителей, которых вы представляете

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

У меня есть следующий пример в виде списка. Это сработает?

<div itemscope itemtype = "http://schema.org/ItemList">
    <div>
            <div itemprop = "itemListElement" itemscope itemtype = "http://schema.org/ListItem">
                <div> 
                    <img itemprop=image data-src = "/companyALogo.jpg" alt = "Company A" />
                    <div>
                        <meta itemprop = "position" content=0>
                        <div itemprop = "name">Company A</div>
                        <div> 
                            <a itemprop = "url" href = "https://company/companyAPage"> More On Company A</a>
                        </div>
                    </div>
                </div>
            </div>
            <div itemprop = "itemListElement" itemscope itemtype = "http://schema.org/ListItem">
                <div> 
                    <img itemprop=image data-src = "/companyALogo.jpg" alt = "Company B" />
                    <div>
                        <meta itemprop = "position" content=1>
                        <div itemprop = "name">Company B</div>
                        <div> 
                            <a itemprop = "url" href = "https://company/companyBPage"> More On Company B</a>
                        </div>
                    </div>
                </div>
            </div>
             <div itemprop = "itemListElement" itemscope itemtype = "http://schema.org/ListItem">
                <div> 
                    <img itemprop=image data-src = "/companyCLogo.jpg" alt = "Company C" />
                    <div>
                        <meta itemprop = "position" content=2>
                        <div itemprop = "name">Company C</div>
                        <div> 
                            <a itemprop = "url" href = "https://company/companyCPage"> More On Company C</a>
                        </div>
                    </div>
                </div>
            </div>
    </div>
</div>
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Введение в CSS
Введение в CSS
CSS является неотъемлемой частью трех основных составляющих front-end веб-разработки.
Как выровнять Div по центру?
Как выровнять Div по центру?
Чтобы выровнять элемент <div>по горизонтали и вертикали с помощью CSS, можно использовать комбинацию свойств и значений CSS. Вот несколько методов,...
Навигация по приложениям React: Исчерпывающее руководство по React Router
Навигация по приложениям React: Исчерпывающее руководство по React Router
React Router стала незаменимой библиотекой для создания одностраничных приложений с навигацией в React. В этой статье блога мы подробно рассмотрим...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
Toor - Ангулярный шаблон для бронирования путешествий
Toor - Ангулярный шаблон для бронирования путешествий
Toor - Travel Booking Angular Template один из лучших Travel & Tour booking template in the world. 30+ валидированных HTML5 страниц, которые помогут...
0
0
223
1

Ответы 1

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

Изготовителем обычно является Organization или, более конкретно, LocalBusiness.

Свойство itemListElement позволяет вам предоставлять элементы LocalBusiness напрямую, или вы можете использовать промежуточные элементы ListItem, к которым вы можете добавлять элементы LocalBusiness через свойство item.

<div itemprop = "itemListElement" itemscope itemtype = "http://schema.org/LocalBusiness">
</div>
<div itemprop = "itemListElement" itemscope itemtype = "http://schema.org/ListItem">
  <div itemprop = "item" itemscope itemtype = "http://schema.org/LocalBusiness">
  </div>
</div>

Если потребителю (например, поиску Google) не требуется немного более сложный способ ListItem для конкретной функции, единственной причиной его использования будет релевантность порядка элементов. Причина в том, что микроданные не фиксируют порядок элементов HTML, поэтому вам нужно использовать свойство position, если порядок имеет значение.

Итак, теперь ясно, что это список предприятий, но все еще не ясно, какова цель этого списка. Я не уверен, что именно означает «список производителей, которые представляет компания», но если Schema.org предлагает подходящее свойство, чтобы передать это, вполне вероятно, что он не работает с ItemList, а предоставляет несколько значений для собственность напрямую. Так что вам, возможно, придется взвесить недостатки и преимущества.

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

Mike Green 16.08.2018 20:31

Я посмотрел на «Организацию». Но, исходя из контекста. Я также смотрел на «Бренд»

Mike Green 16.08.2018 20:46

Google рекомендует просто составить список элементов, если это сводная страница: developers.google.com/search/docs/guides/mark-up-listings

Tony McCreath 18.08.2018 01:46

Спасибо, Тони Маккрит. Вот о чем я думал. Google должен иметь возможность установить соединение. Имя страницы - "Производители", а тег WepPage - "Производители".

Mike Green 20.08.2018 20:30

Другие вопросы по теме