Отображение последней записи Schema.org breadcrumb в поиске Google?
Я пытаюсь markup мои хлебные крошки в соответствии с Schema.org для того, чтобы получить хлебные крошки в результатах Google, как это:
Главная страница > категория > текущая страница
Но с моим текущим markup это только показывает:
Главная Страница > Категория
Что-то не хватает в моем markup ( пример страницы )? Я использую плагин Navxt для WordPress.
<div typeof="BreadcrumbList" vocab="http://schema.org/"> <!-- Breadcrumb NavXT 5.4.0 --> <span property="itemListElement" typeof="ListItem"><a property="item" typeof="WebPage" title="Go to Omdömen.se." href="http://www.xn--omdmen-yxa.se"><span property="name">Hem</span></a><meta property="position" content="1"></span> » <span property="itemListElement" typeof="ListItem"><a property="item" typeof="WebPage" title="Go to Företag." href="http://www.xn--omdmen-yxa.se/foretag/"><span property="name">Företag</span></a><meta property="position" content="2"></span> » <span property="itemListElement" typeof="ListItem"><a property="item" typeof="WebPage" title="Go to Consector." href="http://www.xn--omdmen-yxa.se/foretag/consector/"><span property="name">Consector</span></a><meta property="position" content="3"></span></div>
Вы можете погуглить это, чтобы увидеть мою хлебную крошку в поиске Google: site:omdömen.se inurl:consector
2 ответа
- Проблема фрагмент отображения в поиске Google
Rich snippets не работает так, как говорит google, хотя он может распознать всю информацию в разделе структурированных данных следующего инструмента.
Я использую тип места schema.org сайтов. Разве это проблема? Если да, то что я должен использовать в своей ситуации? Мне нужно показать следующую… - http://schema.org-отображение количества отзывов в поиске Google
Я использую тип места schema.org сайтов. Разве это проблема? Если да, то что я должен использовать в своей ситуации? Мне нужно показать следующую…
1
В документации Google говорится о хлебных крошках :
Хлебная крошка trail может включать или пропускать хлебную крошку для страницы, на которой она появляется.
Документация не содержит скриншота их функции результатов поиска, но я предполагаю, что Google Search отображает ее одинаково в обоих случаях: без записи для текущей страницы.
Не было бы особого смысла показывать ссылку на текущую страницу в хлебной крошке фрагмента результата поиска trail, потому что первичная ссылка (то есть сам результат поиска), ну, уже ссылается на нее.
Поделиться unor 20 марта 2016 в 22:18
0
Согласно комментариям в ответах на этот вопрос, по-видимому, если вы не поставите itemid на свой последний элемент (текущую страницу), он теперь будет отображаться. 🙂
Аналогично, вы можете удалить itemid первого элемента (домашней страницы) или url, чтобы предотвратить избыточное отображение типа «www.example.com > главная > моя страница».
Поделиться Yann Dìnendal 05 октября 2018 в 12:56
Похожие вопросы:
Правильно ли настроена моя хлебная крошка schema.
org?Я не знаю, правильно ли я установил свои хлебные крошки, все мои страницы имеют такие хлебные крошки: <body itemscope=itemscope itemtype=http://schema.org/WebPage> <div class=breadcrumb>…
Breadcrumb с Schema.org не отображается в Google Rich Snippets testing tool
Можно ли вложить (когда это возможно) ссылку JSON-LD schema.org?
Относятся ли поисковые системы к обоим примерам одинаково? Если да, то есть ли какая-то причина выбирать одно вместо другого? Если нет, то в чем разница? Не вложенные структурированные данные: [{…
Проблема фрагмент отображения в поиске Google
Rich snippets не работает так, как говорит google, хотя он может распознать всю информацию в разделе структурированных данных следующего инструмента. Я использую тип места schema.org сайтов. Разве…
http://schema.org-отображение количества отзывов в поиске Google
Глядя на поиск Google, я вижу много результатов, которые показывают только количество отзывов пользователей (т. е. без рейтинговых звезд). Например см.: https:/ / www.google.it / поиск?м=торт+йогурт…
Многократное появление одного и того же itemprop в микроданных schema.org
Я проверил свои микроданные schema.org в google: Инструменты google не вернули никаких ошибок… **Item** type: http://schema.org/webpage property: url: http://127.0.0.1/ image:…
Вопросы по данным-Vocabulary.org и Schema.org для панировочных сухарей
Использование schema.
org WebPage и data-vocabulary.org Breadrumb вместеЯ хочу семантически улучшить свой HTML markup, добавив элементы из словаря schema.org WebPage, включая семантический markup для навигации по хлебным крошкам. Согласно определению, я должен…
schema.org микроданные: делать так, как говорит schema.org, или как говорит Google?
При добавлении микроданных на мои сайты я использую словарь в schema.org. На данный момент я использую программное обеспечение от http://schema.org/SoftwareApplication до markup. Поскольку формат…
Микроданные Breadcrumb markup действительны как для Google, так и для Bing
Я хочу создать навигацию по хлебным крошкам с форматом микроданных. Поэтому я использую следующий BreadcrumbList markup и Google Structured Data Testing Tool распознал его: <ol itemscope…
Google Rdfa Панихиды Для Дома И Текущей Страницы?
<ol vocab="http://schema.org/" typeof="BreadcrumbList">
<li property="itemListElement" typeof="ListItem">
<a property="item" typeof="WebPage" href="https://example.com/books">
<span property="name">Books</span>
</a>
<meta property="position" content="1"></li>
›
<li property="itemListElement" typeof="ListItem">
<a property="item" typeof="WebPage" href="https://example.com/books/sciencefiction">
<span property="name">Science Fiction</span>
</a>
<meta property="position" content="2">
</li>
›
<li property="itemListElement" typeof="ListItem">
<a property="item" typeof="WebPage" href="https://example.
<span property="name">Award Winners</span>
</a>
<meta property="position" content="3">
</li>
</ol>
com/books/sciencefiction/awardwinnders">К сожалению, он ничего не говорит о домашней и текущей странице breadcrumb, поэтому я не уверен, как его построить.
Чтобы быть более точным с моим вопросом, какое property и атрибут typeof использовать для домашней и текущей страницы? Должен ли я просто использовать первую ссылку из приведенного выше примера для домашней страницы, ничего не меняя в разметке, а для текущей страницы опускать ссылку не нужно, так как она действительно не нужна, поэтому она будет выглядеть так:
<li property="itemListElement" typeof="ListItem">
<a property="item" typeof="WebPage" href="https://example.com">
<span property="name">Home Page</span>
</a>
<meta property="position" content="1">
</li>
// Above is for Home, below is for Current. I omitted items 2 and 3 which are positioned somwhere in between..
<li property="itemListElement" typeof="ListItem">
<span property="name">Current Page</span>
<meta property="position" content="4">
</li>
Дешевые авиабилеты Белград — Санкт-Петербург на Aviasales.ru
Самые дешёвые авиабилеты Белград – Санкт-Петербург (BEG — LED)
Авиасейлс найдёт для вас самые дешёвые авиабилеты Белград – Санкт-Петербург, сравнив стоимость авиабилета в Санкт-Петербург в 45 агентствах, 5 системах бронирования и 728 авиакомпаниях. Где именно купить билеты на самолёт Белград – Санкт-Петербург — выбор за вами. Направление Белград – Санкт-Петербург пользуется наибольшей популярностью в апреле, мае и июле. В этот период средняя стоимость авиабилетов составляет29 663₽ .
В низкий сезон — в апреле, мае и июлецена на авиабилеты падает в среднем до 29 663₽ .
Прямой рейс из Белграда в Санкт-ПетербургСамый простой способ оказаться в месте назначения — прямой перелёт. Прямые рейсы из Белграда в Санкт-Петербург выполняют авиакомпании:
- Air Serbia (1деньв неделю, рейс JU670)
- Белавиа, Air Serbia, Lufthansa, Austrian Airlines, Аэрофлот, Montenegro Airlines из Белград в Пулково
Альтернативный вариант билета на самолёт Белград – Санкт-Петербург (туда и обратно) — перелёт с пересадкой.Его стоимость — от 29 271₽до 32 524₽ .
Самые низкие цены на перелёт с пересадками предлагает авиакомпания Белавиа с пересадкой в Минске.Цена билета — от 13 379₽.
Также доступные и удобные варианты предлагают авиакомпании:
- Аэрофлот(от 16 396₽ с пересадкой в Москве)
Рейс Белград – Санкт-Петербург с пересадкой позволит сделать путешествие ещё интереснее. Стыковка может осуществляться в:
- Тивате(рейс YM203 Montenegro Airlines)
- Мюнхене(рейс Lh2739 Lufthansa)
- Минске(рейс B2810 Белавиа)
Это отличный шанс познакомиться с этими городами, ведь время пересадки обычно составляет не менее 6 часов.
Необходимо учесть, что в зависимости от количества дней, оставшихся до вылета, цена билета на самолёт Белград – Санкт-Петербург может измениться более чем на 53%.
Авиасейлс советует купить авиабилеты Белград – Санкт-Петербург заранее, тогда вы сможете выбрать условия перелёта, ориентируясь на свои пожелания и финансовые возможности.
Смотрите также:
Микро разметка Schema Org — Продвижение сайтов в Крыму
В прошлой вводной статье о семантической разметке, мы с Вами разобрались с основными задачами микро разметки, рассмотрели основные наиболее популярные словари, узнали, что такое синтаксис семантической оптимизации, давайте поговорим более подробно о разметке с помощью Schema Org.
По мнению FoCeO, а также большинства других авторитетных экспертов в области SEO, Schema — один из наиболее важных и гибких словарей, более того он был разработан в 2011 году именно по инициативе поисковых систем. Его поддерживают Яндекс, Google, Bing и Yahoo! В Schema.org представлены наборы классов, описывающих различные сущности и их свойства. Сравнивая Schema с OG и Microformats.org мы можем оценить гибкость словаря, десятки классов от Open Graph и Microformats против многих сотен от Schema. Все классы имеют соответствующую позицию в специально разработанной древовидной иерархии. Словарь постоянно обновляется. Каждая новая сущность активно обсуждается с представителями поисковых систем перед внедрением. Участники инициативной группы еженедельно встречаются и обсуждают новые классы, расширения, методы использования схем.
Кроме того инициативная группа, что занимается разработкой схемы — Schema.Org активно работает и с оптимизаторами сайтов, веб — мастерами, FoCeO — принимает активное участие в формировании и редактировании классов данного типа микро — разметки.
На этом мы заканчиваем вводную теоретическую часть касательно Schema и начинаем практический курс. Мы рассмотрим наиболее часто используемые нами классы в оптимизации сайтов с помощью Schema.Org
Практика и примеры использования микро разметки Schema.Org
Понять принципы разметки по версии Schema.Org, гораздо легче на живых примерах. Поэтому, давайте разметим текущую страницу.
Первым делом определимся с тематикой контента представленого на странице. Контент данной страницы выглядит достаточно техническим, собственно как и весь наш сайт.
Значит основная направленность страницы — техническая, нам нужен соответствующий тематический класс. TechArticle, на сайте Schema.Org, присутствует достаточно широкий набор тематик и типов публикаций, Вы легко сможете найти соответствующую тему в их словаре и внедрить на страницы Вашего сайта. Базовый тег <html> принимает вид:
<Html itemscope itemtype=»http://schema.org/TechArticle»>
Данный класс подразумевает заполнение следующих параметров: заголовок, ключевые слова, описание, данные относительно авторства, даты публикации и обновления, изображение-миниатюру данного материала, можно также внести тело документа.
Давайте оптимизируем семантической разметкой ключевые слова и описание. Хотелось бы заранее исправить ошибку большинства seo оптимизаторов. Очень часто SEO специалисты делают разметку ключевых слов и описания непосредственно в привычных нам мета тегах: meta name=»keywords» и meta name=»description», выглядит это так:
<meta name=»description» itemprop=»description» content=»Как правильно использовать микро разметку?» />
Важное замечание, такая разметка — неправильная! С точки зрения поисковых систем — такая разметка допустима, вот только валидатор W3, считает это за ошибку. Мы же с Вами хотим быть профессионалами, а значит ошибки в коде недопустимы. Правильнее использовать для такой разметки любые другие html теги ( span, div, заголовки классов h2-h6 ), а meta description, давайте оставим для разметки словарем OG.
Давайте в качестве примера будем использовать невидимый блок div и заголовки h3, пример:
<h3 itemprop=»description»>Как правильно использовать микро разметку?</h3>
<h3 itemprop=»keywords»>микро разметка сайта, разметка схема для сайта, семантическая разметка</h3>
</div>
Давайте добавим к нашей разметке заголовок технической статьи. Возьмем в качестве элемента разметки заголовок h2, его вид после оптимизации будет следующий:
<h2 itemprop=»headline»>Микро — разметка.
Оптимизация сайта с помощью микро разметки</h2>
Добавим дату публикации, в html тег span:
<span itemprop=»datePublished»>2017-02-13</span>
В нашем случае отображение данной информации не требуется поэтому с помощью стиля мы данный блок скроем, но он будет виден для поисковых систем.
Ну и в завершение микро разметки с помощью TechArticle мы добавим изображение миниатюру для данной страницы. Для корректного восприятия разметки TechArticle поисковыми системами больше ничего и не требуется, однако Вы можете добавить тело статьи и другие плюшки, по желанию.
Разметка изображения миниатюры:
<img itemprop=»image url» alt=»FoCeO Раскрутка сайтов Крым» src=»http://foceo.ru/img/foceo.ru-logo.png»/>
<meta itemprop=»width» content=»68″>
<meta itemprop=»height» content=»68″> </span>
Далее мы рассмотрим пример разметки хлебных крошек, так, чтобы это было понятно для поисковых систем. Разметка хлебных крошек может быть реализована оптимизацией Вашего навигационного меню, однако это вовсе не обязательно, ведь вполне возможно, что навигационное меню не включает все дальнейшие вложенности, которые бы Вам хотелось разметить на главной странице, поэтому мы реализуем это уже привычным нам способом, через невидимый блок div.
Микро разметка Breadcrumb:
<a href=»http://foceo.ru» itemprop=»url»>
<span itemprop=»title»>Крымский SEO Портал</span>
</a>
</div>
<div itemscope itemtype=»http://data-vocabulary.org/Breadcrumb»>
<a href=»http://foceo.ru/pingqueen/» itemprop=»url»>
<span itemprop=»title»>Программы для SEO — Ping Queen</span>
</a>
</div>
<div itemscope itemtype=»http://data-vocabulary.org/Breadcrumb»>
<a href=»http://foceo.ru/items/» itemprop=»url»>
<span itemprop=»title»>Обучающие материалы по seo</span>
</a>
</div>
Недооценивая хлебные крошки — Вы допускаете огромную ошибку, ведь чаще всего именно они содержат ключевые слова, кроме того, правильная разметка поможет отобразить путь к странице в поисковой выдаче, а значит ключевые слова будут отображаться над сниппетом, более того, это повышает юзабилити, показывая пользователю нормальный, «человеческий» вид ссылки.
Schema Org предлагает разные варианты разметки хлебных крошек, один из них мы рассмотрели ранее, а сейчас попробуем внедрить еще один вариант синтаксиса разметки хлебных крошек по словарю Schema, этот вариант считается более продвинутым, он учитывает структуру и важность вложенности.
Пример:
property=»itemListElement» typeof=»ListItem»><a property=»item» typeof=»WebPage» itemprop=»url»
href=»http://foceo.ru»><span property=»name»>Продвижение сайтов в Крыму</span></a><meta
property=»position» content=»1″></li>
<li property=»itemListElement» typeof=»ListItem»><a property=»item» typeof=»WebPage» itemprop=»url»
href=»http://foceo.ru/study/»><span property=»name»>SEO обучение</span></a><meta property=»position» content=»2″></li>
<li
property=»itemListElement» typeof=»ListItem»><a property=»item» typeof=»WebPage» itemprop=»url»
href=»http://foceo.ru/micro-razmetka/»><span property=»name»>
Микро разметка Schema Org и Open Graph</span></a><meta
property=»position» content=»3″></li>
</ul></div>
Атрибут BreadcrumbList — отвечает за тип данных — хлебные крошки. url — ссылка на страницу. position — порядок вложенности.
С хлебными крошками все понятно, дальше будет логично рассказать о микро разметке навигационного меню сайта или страницы, смотрим пример:
<ul itemscope itemtype=»http://schema.org/SiteNavigationElement» >
<li><a itemprop=»url» href=»http://foceo.ru»><span>Продвижение сайтов в Крыму</span></a></li>
<li><a itemprop=»url» href=»http://foceo.ru/news/»><span >Новости</span></a></li>
<li><a itemprop=»url» href=»http://foceo.ru/sales/»><span>Акции и скидки</span></a></li>
<li><a itemprop=»url» href=»http://foceo.
ru/index.php#foceoservice» ><span>Услуги Продвижения</span></a></li>
<li><a itemprop=»url» href=»http://foceo.ru/download/»><span>Программы для SEO</span></a></li>
<li><a itemprop=»url» href=»http://foceo.ru/study/»><span>Обучение</span></a></li>
<li><a itemprop=»url» href=»http://forum.foceo.ru/index.php»><span>Форум</span></a></li>
<li><a itemprop=»url» href=»http://foceo.ru/project/»><span>О нас</span></a></li></ul>
</div>
Относительно меню все достаточно просто, мы лишь объявили словарь разметки меню — itemscope itemtype=»http://schema.org/SiteNavigationElement» и обозначили ссылки -itemprop=»url». Для разметки меню больше ничего и не требуется.
Пора двигаться дальше, давайте сделаем разметку футера, как это требуется для поисковых систем. Разметка футера — это разметка даты основания ресурса, смотрим пример:
<p><span>Вся информация, представленная на сайте, принадлежит проекту FoCeO.RU </span>
<span itemprop=»copyrightYear»>2013</span></p></div></footer>
Базовая разметка с Schema подходит к концу, самое интересное мы оставили на закуску. Не будем тянуть, давайте разметим основной контент с помощью Article и добавим рейтинг, который добавляет звезды в сниппет. Вы наверняка такое видели у некоторых сайтов в выдаче Google, Яндекс пока только учитывает Raiting, но никак его не отображает. Стоит обратить Ваше внимание и на тот факт, что независимо от разметки, Google сам принимает решение отображать ли рейтинг в сниппете. Для Article основными атрибутами являются: заголовок, логотип, автор, организация (телефон, адрес), дата публикации материала, дата обновления материала, можно добавить описание страницы, содержание материала (тело документа) и рейтинг:
Смотрим пример:
<div itemprop=»publisher» itemscope itemtype=»https://schema.
org/Organization»>
<div itemprop=»logo» itemscope itemtype=»https://schema.org/ImageObject»>
<img alt=»Раскрутка сайтов в Крыму» itemprop=»image url» src=»http://foceo.ru/img/foceo.ru-logo.png»/>
<meta itemprop=»width» content=»68″><meta itemprop=»height» content=»68″></div><meta itemprop=»telephone» content=»-«>
<meta itemprop=»address» content=»Крым, Симферополь»><meta itemprop=»name» content=»www.foceo.ru»> </div>
<meta itemscope itemprop=»mainEntityOfPage» itemType=»https://schema.org/WebPage» content=»/>
Микро — разметка. Оптимизация сайта schema и open graph»><div itemprop=»headline»>
Микро — разметка. Оптимизация сайта schema и open graph</div><h3 itemprop=»description»>
Зачем нужна микро разметка сайта? Практическое руководство по микро разметке сайта</h3>
<span itemprop=»author»>FoCeO.RU</span>
<span itemprop=»datePublished»>2017-02-11</span>
<span itemprop=»dateModified»>2017-02-13</span>
<span itemprop=»image» itemscope itemtype=»https://schema.org/ImageObject»>
<img itemprop=»image url» alt=»FoCeO Раскрутка сайтов Крым» src=»http://foceo.ru/img/foceo.ru-logo.png»/>
<meta itemprop=»width» content=»68″>
<meta itemprop=»height» content=»68″> </span>
<div itemprop=»articleBody»>
<p>Тело страницы</p></div> </div>
</article>
Ну вот мы с Вами и подошли к самой визуально привлекательной части разметки, оформлению рейтинга в виде звезд в сниппете страницы
От нас потребуется совсем немного — подключить словарь Schema, выбрать подходящий объект синтаксиса словаря, а именно — рейтинг, указать наибольшее значение рейтинга, указать текущее значение рейтинга, указать количество проголосовавших людей. Любопытно, что поисковик не может проверить фактическое значение текущего рейтинга и количество проголосовавших людей, а это значит, что эти значения мы можем указать сами.
Смотрим пример:
<meta itemprop=»bestRating» content=»10″>
<meta itemprop=»ratingValue» content=»5″>
<div><span itemprop=»ratingCount»>
210</span></div></div>
Знающие SEO’шники наверное спросили бы — «Почему нет информации по такому, часто используемому свойству, как GoodRelations, ведь он с 2012 года вошел в состав Schema.Org, как элемент оптимизации для электронной коммерции?» — Ответы на эти вопросы Вы получите в специально подготовленном материале по оптимизации с помощью GoodRelations, будет совсем неправильно рассматривать GoodRelations исключительно как часть Schema.Org
На этом разговор о семантической разметке Schema.ORG подходит к концу, в дальнейшем мы будем еще много говорить о словаре Schema.Org, его синтаксис очень богат и интересен своими свойствами, однако сейчас давайте перейдем к другому, менее крупному, но достаточно интересному словарю — Open Graph.
html — ошибки структурированных данных в BreadcrumbList с Open Graph
Недавно я добавил структурированные данные хлебных крошек RDFa на один из наших веб-сайтов.
Теперь похоже, что он конфликтует с данными Open Graph, которые уже присутствовали на веб-сайте. Как это возможно? Данные OG находятся в теге и даже не рядом с хлебными крошками.
См. Тест: https://search.google.com/structured-data/testing-tool?hl=EN#url=https%3A%2F%2Fwww.badkamerwinkel.nl% 2Fwastafels% 2Fwastafel
URL сайта: https://www.badkamerwinkel.nl/wastafels/wastafel
Код Open Graph в теге :
nl "/>
Код RDFa в теге :
html — ошибка последнего элемента в Breadcrumblist из инструмента проверки структурированных данных: «Требуется значение для поля элемента».
Мы используем формат RDFa для отображения хлебных крошек, используя примеры, предоставленные BreadcrumbList . Когда мы вставляем следующий пример в инструмент проверки структурированных данных Google, мы получаем следующие ошибки.
Настройка:
- Показать все элементы
BreadcrumbList. - Последний элемент
Какой правильный формат для последнего элемента при использовании формата RDFa?
Образец кода
Сообщение об ошибке для последнего элемента с использованием кода сверху:
Необходимо указать значение поля элемента.
То, что мы пробовали, но не проверили
Сообщение об ошибке при использовании Значение, указанное для элемента. Навигационная крошка — это тип схемы навигации, которая указывает положение страницы в иерархии сайта. Хлебные крошки могут помочь вашему пользователю и понять, где они находятся в структуре сайта. Большинство веб-сайтов используют хлебные крошки для облегчения навигации. Конечно, удобство использования — наш главный приоритет; Потому что это помогает пользователям проследить путь до их одного уровня вверх или до исходной точки приземления.Но как схема BreadcrumbList помогает создавать расширенные сниппеты для хлебных крошек в поисковой выдаче? В результатах поиска Google вы можете увидеть хлебные крошки, которые классифицируют информацию со страницы. Schema.org (Schema) помогает основным поисковым системам, таким как Google, Microsoft, Яндекс и Yahoo, понять, что означают ваши данные. Вы используете словарь schema.org вместе с форматами Microdata, RDFa или JSON-LD для добавления информации к своему веб-контенту. Итак, как сделать так, чтобы поисковые системы понимали ваши хлебные крошки? Схема Breadcrumb может использоваться с микроданными, RDFa и форматом JSON-LD. Как проверить структурированные данные хлебных крошек? Используйте инструмент проверки структурированных данных для проверки кода. Просто вставьте код структурированных данных в инструмент и нажмите кнопку подтверждения. Инструмент тестирования структурированных данных : https://search.google.com/structured-data/testing-tool Не будьте спамом. Следуйте рекомендациям по структурированным данным, чтобы иметь право отображаться в поисковой строке Google. Кроме того, вы можете отслеживать, насколько хорошо ваши структурированные данные индексируются с помощью инструментов Google для веб-мастеров. [Следите за своими структурированными данными в Google Search Console.] Преимущество применения схемы BreadcrumbList состоит в том, что поисковые системы могут показывать хлебные крошки в результатах поиска.Здесь я предпочитаю использовать структурированные данные JSON-LD для хлебных крошек; потому что его проще реализовать (поисковые системы по-прежнему могут читать и интерпретировать другие типы данных). Надеюсь, эта статья поможет вам реализовать схему хлебных крошек. Делитесь своими мыслями и сомнениями в комментариях. Одна вещь, с которой мы столкнулись с хлебными крошками на основе местоположения, — это то, как обрабатывать страницы с несколькими родителями.Мы протестировали ряд различных хлебных крошек с группой из 25 пользователей в каждой, в каждом случае мы показывали пользователям макет страницы, единственной разницей в котором был макет навигационной крошки, а затем спрашивали пользователей, где они находятся в структуре иерархии. сайт. Главная> Родительский 1 или Родительский 2> Текущий элемент Пользователи обычно сообщали, что находятся в разделе под названием «Родительский 1 или Родительский 2», что указывает на то, что большинство из них рассматривают ИЛИ не как логическое разделение, а как часть единого элемента. Домой> Родительский 1 или Родительский 2> Текущий элемент Некоторые пользователи сочли это логическим заявлением, некоторые посчитали это опечаткой, большинство по-прежнему считали это единой группой. На главную> Родительский 1> Текущий элемент Другие пользователи определили, что это два разных пути к одному и тому же элементу, однако он считался сложным и плохо масштабировался для большего количества элементов. Главная> Родитель 1: Родитель 2> Текущий элемент Некоторые пользователи все еще рассматривали это как единую группу контента, однако некоторые правильно определили его как два разных родительских элемента. Мы рассматривали возможность тестирования хлебной крошки, полностью состоящей из тегов, однако на этом тестирование прекратилось. Ни один из вариантов, которые мы разработали или протестировали, не мог изящно масштабироваться до элементов с более чем 50 родителями, что было необходимо в нашем случае использования. На сегодняшний день мы не реализовали ни одно из этих решений, но вместо этого решили переработать нашу модель контента, чтобы создать отдельную страницу для каждого экземпляра общего контента.Это давало каждому экземпляру уникальное название и навигационную цепочку. У нас все еще есть версия с несколькими родителями, но, основываясь на приведенном выше тестировании, мы теперь вообще избегаем отображать это пользователю в хлебных крошках. По сути, это гибрид хлебных крошек на основе местоположения и хлебных крошек на основе пользовательского пути, что может запутать, если вы когда-либо просматривали несколько версий, однако в нашем случае большинство пользователей обычно видят только одну версию или не идентифицируют разные версии как дубликаты. Просто поделиться на случай, если другие столкнутся с проблемой. Мы используем формат RDFa для отображения хлебных крошек, используя примеры, предоставленные Настройка: Какой правильный формат для последнего элемента Сообщение об ошибке для последнего элемента с использованием кода сверху: Необходимо указать значение поля элемента. Сообщение об ошибке при использовании Значение, указанное для элемента.id должен быть действительным URL. TL; DR : оказывается, что даже при всей шумихе вокруг машинного обучения компьютеры плотны , когда дело доходит до понимания того, что означают конкретные данные и как это связано с остальной частью Интернета . Ману Спорни отлично справляется с объяснением концепции связанных данных в своем видео о том, какие данные связаны ?, проверьте это, если хотите углубиться;) Если вы этого не сделаете , то все, что вам нужно знать, это то, что при таком большом количестве контента в сети ботам сложно понять, о чем говорит каждая страница, не говоря уже об отношениях между ними. Например, если сообщение в блоге цитирует Джера Болсонару и связывает его с URL-адресом, сканеру будет сложно определить, относится ли ссылка к личному веб-сайту этого человека или, скажем, к новостной статье о том, что монстр этот манипулятор (не связанный, но отлично читаемый, не дайте фашизму победить!). Чтобы помочь компьютеру, вы можете использовать один из доступных синтаксисов, чтобы сообщить компьютерам, о чем именно говорит ссылка, например:
Жаир Болсонару ,
член партии PSL ,
является чудовищным политиком с
Мнения очень противоречивые .
Это дает понять, что «человек» Жаир Болсонару — чудовищный политик из партии PSL, URL-адрес которого является новостной статьей. В этом руководстве я намерен показать, насколько это актуально и как его использовать, но это далеко не супер полное и проверенное руководство, поэтому не стесняйтесь оставлять отзывы и читать больше из ссылок в этой статье;) Что ж, помимо того, что мы вносим свой вклад в улучшение Интернета за счет правильного связывания релевантного контента, у нас есть очень важная и полезная причина для структурирования и связывания данных: SEO и социальных сетей . Сеть знаний Google основана на этих идеях, что означает, что вы можете следовать их рекомендациям, чтобы лучше позиционировать свой веб-сайт в результатах поиска и лучше отображать данные. Хотите отображать цены на свои товары? Выделить конкретные ссылки на вашем сайте? Тогда вам, вероятно, придется использовать для этого Rich Snippets! Я не уверен в точных преимуществах ранжирования SEO, но, предоставляя пользователям более структурированный и полный результат, вы, вероятно, увидите увеличение рейтинга кликов.Я, например, всегда нажимаю на быстрые ссылки haha OpenGraph Protocol, способ Facebook понять релевантный контент веб-страницы для отображения на своих платформах социальных сетей, также используется Twitter и LinkedIn и является обязательным для использования, если вы ссылки когда-либо будут публиковаться в социальных сетях, если вы не хотите, чтобы отображение ссылок было скучным с одним заголовком;) Вы можете использовать JSON-LD, RDFa или Microdata (https: //www.w3.org/TR/microdata/), чтобы структурировать / связать ваши данные, и они могут использоваться взаимозаменяемо в одном документе.Не стесняйтесь изучать примеры Schema.org (прокрутите до конца страницы) и прочитайте документацию по каждому синтаксису, чтобы выяснить, какой из них лучше всего подходит для вас. Ниже приведены некоторые соображения, которые у меня есть для каждого: JSON-LD: это структура описания ресурсов (подробнее о RDF в Википедии) на основе JSON, который: Пример кода JSON-LD : RDFa: еще одна структура описания ресурсов, но привязанная к разметке: Пример кода RDFa : Поскольку это единственный метод работы, который не является RDF, метод работы с микроданными кажется наименее надежным из трех. Это похоже на реализацию, ориентированную на менее технических людей — что здорово, легко достижимо для маркетологов и дизайнеров — но тот факт, что она на некоторое время замерзла, прежде чем стать рекомендацией W3C, заставляет меня немного неудобно ее использовать.Тем не менее, это определенно заслуживающая доверия спецификация — даже Нил Патель использует ее, так что не стесняйтесь использовать ее, если вам нравится синтаксис. Пример кода микроданных : Как вы можете видеть, с точки зрения синтаксиса нет большой разницы между RDFa и Microdata, а JSON-lD отделен от разметки, поэтому моя концепция выбора того, что следует использовать просто: Ну, честно говоря, Я пишу эту статью в основном для того, чтобы привыкнуть к этим идеям. — пока что эффективное решение для вас … Что я могу вам посоветовать, так это постепенно начинать встраивать схему в свой HTML-код, пока вы не освоитесь с ней.Словарь схемы очень обширен и труден для понимания (например, wtf — это разница между BlogPost и BlogPosting?), И я лично все еще трачу часы, пытаясь понять это каждый раз, когда мне нужно разметить простую вещь, но в конце концов она начинается включить в свою работу. Если вы разрабатываете повторно используемые компоненты для своих приложений и веб-сайтов, вы можете позволить себе роскошь создания идеальной разметки, поскольку это окупится в других проектах. В противном случае вам не обязательно быть идеальным, но, по крайней мере, пометьте свою страницу аннотациями схемы для всей страницы, например
Руководство по схеме
id должен быть действительным URL. BreadcrumbList | Примеры
Как реализовать схему BreadcrumbList?
Примеры схемы Breadcrumb
Микроданные Пример схемы BreadcrumbList
RDFa Пример схемы BreadcrumbList
org/ListItem">
Мужская одежда
JSON-LD Пример схемы BreadcrumbList
Вывод:
Панировочные сухари — Выпущенные компоненты — Практикующие сообщества
На главную> Родительский 2> Текущий элемент
Это было определено как лучший баланс между удобством использования и практичностью из протестированных вариантов. Ошибка последнего элемента в Breadcrumblist от инструмента проверки структурированных данных: «Требуется значение поля элемента».
BreadcrumbList . Когда мы вставляем следующий пример в инструмент проверки структурированных данных Google, мы получаем следующие ошибки. в BreadcrumbList . в строке навигации отображается в виде обычного текста. при использовании формата RDFa? Образец кода
org/" typeof = "BreadcrumbList">
То, что мы пробовали, но не проверили
Структурирование и связывание данных на веб-страницах: зачем это нужно и как это сделать
.. но вы можете помочь им — и помочь себе в улучшении SEO в процессе — структурировав и связав свои данные с JSON-LD, RDFa и Microdata! Prelude: компьютеры нуждаются в разъяснении по содержанию
Зачем это нужно
JSON-LD против RDFa против микроданных
JSON-LD
{
"@context": "http://schema.org",
"@type": "BreadcrumbList",
"itemListElement":
[
{
"@type": "ListItem",
«позиция»: 1,
"пункт":
{
"@id": "https://example.com/dresses",
"name": "Платья"
}
},
{
"@type": "ListItem",
«позиция»: 2,
"пункт":
{
"@id": "https://example.com/dresses/real",
"name": "Настоящие платья"
}
}
]
} RDFa
Microdata
Выбор того, что использовать
Как включить это в свой рабочий процесс
https: // schema.org / Blog для домашней страницы вашего блога — чтобы хоть немного поднять SEO. Ссылки
schema.org Дизайн хлебных крошек поверх ItemList от Мартина Хеппа 20 сентября 2014 г. ([email protected] с сентября 2014 г.)
Re: schema.org Дизайн хлебных крошек поверх ItemList от Мартина Хеппа 20 сентября 2014 г. ([email protected] с сентября 2014 г.) Я бы предпочел - сохранить свойство хлебных крошек и
- либо используйте общий ItemList для хлебных крошек, либо тип BreadCrumbList Мартин 19 сентября 2014 г., в 22:17, Ярно ван Дриэль
> ...
>
> >
> Но, сохранив свойство «хлебные крошки», мы действительно сможем связать BreadcrumbList с веб-страницей:
>
> > > ...
>
> >
> Или это слишком много, и достаточно ли хороши и WebPage, и BreadcrumbList, являющиеся объектами верхнего уровня?
>
> 2014-09-19 21:15 GMT + 02: 00 Дэн Брикли >> ... на самом деле быть:
>>
> >>
>>
>> [1] https://support.google.com/webmasters/answer/185417
>>
>>
>> Пт, 19 сентября 2014 г., в 11:43 Дэн Брикли
> >>
> >>
> >>
> >> Микроданные:
> >>
> >>