Микроразметка Schema.org простого и многоуровневого меню 👍 Диджитал-агентство OptimizeSEO

03.03.2022

Микроразметка меню сайта нужна обязательно, если Вы хотите показывать структуру основных категорий меню в результатах выдачи поисковых систем. Обратите внимание, что речь идёт не о так называемых «быстрых ссылках», а именно о структуре сайта. Этот блок показывается в результатах поиска сразу после description.

В статье рассматривается два примера, отличающиеся степенью сложности, а именно: простое одноуровневое меню и сложное многоуровневое (вложенное) меню.

Для обоих случаев будут приведены образцы HTML кода с готовой микроразметкой, которые Вы можете использовать в качестве образцов для своего сайта. Обращаем Ваше внимание, что приведённые образцы не привязаны к реализации микроразметки меню Schema.org для конкретной CMS.

Микроразметка простого меню Schema.org

<nav itemscope="" itemtype="http://schema. org/SiteNavigationElement">
	<ul itemprop="about" itemscope="" itemtype="http://schema.org/ItemList">
		<li itemprop="itemListElement" itemscope="" itemtype="http://schema.org/ItemList">
			<a href="/" itemprop="url">Главная</a>
			<meta itemprop="name" content="Главная" />
		</li>
		
		<li itemprop="itemListElement" itemscope="" itemtype="http://schema.org/ItemList">
			<a href="/information/" itemprop="url">Информация</a>
			<meta itemprop="name" content="Информация" />
		</li>
		
		<li itemprop="itemListElement" itemscope="" itemtype="http://schema.org/ItemList">
			<a href="/kontakty/" itemprop="url">Контакты</a>
			<meta itemprop="name" content="Контакты" />
		</li>
	</ul>
</nav>

Обратите внимание на тег

<nav>

, в который обёрнуто всё меню. Данный тег по правилам HTML соответствует навигационным элементам страницы. Внутри находится само меню, которое представляет собой список (это наиболее логичный вариант построения меню).

Микроразметка многоуровневого меню Schema.org

<nav itemscope="" itemtype="http://schema.org/SiteNavigationElement">
	<ul itemprop="about" itemscope="" itemtype="http://schema.org/ItemList">
		<li itemprop="itemListElement" itemscope="" itemtype="http://schema.org/ItemList">
			<a href="/" itemprop="url">Главная</a>
			<meta itemprop="name" content="Главная" />
		</li>
		
		<li itemprop="itemListElement" itemscope="" itemtype="http://schema.org/ItemList">
			<a href="/information/" itemprop="url">Информация</a>
			<meta itemprop="name" content="Информация" />
			
			<ul itemprop="itemListElement" itemscope="" itemtype="http://schema.org/ItemList">
				<li itemprop="itemListElement" itemscope="" itemtype="http://schema.org/ItemList">
					<a href="/information/uchebnye-stati/" itemprop="url">Учебные статьи</a>
					<meta itemprop="name" content="Учебные статьи" />
				</li>
				
				<li itemprop="itemListElement" itemscope="" itemtype="http://schema. org/ItemList">
					<a href="/information/spravochnyj-centr/" itemprop="url">Справочный центр</a>
					<meta itemprop="name" content="Справочный центр" />
				</li>
			</ul>
		</li>
		
		<li itemprop="itemListElement" itemscope="" itemtype="http://schema.org/ItemList">
			<a href="/kontakty/" itemprop="url">Контакты</a>
			<meta itemprop="name" content="Контакты" />
		</li>
	</ul>
</nav>

Если Вы сравните этот код с HTML простого меню то увидите следующую разницу: если пункт имеет подпункты, то все подпункты обёрнуты в

<ul>

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

Tags: 

Schema.org

schema.org

• 
  Популярные
• 
  Последние
• 
  Без ответа

• org/Article»>
  
  
  
  
  
  
  
  
  
  
  
  







• 
  
  
  
  
  
  
  
  
  
  

  Отсутствует минимальная или максимальная оценка

  Столкнулся с тем что в google. webmaster у меня вот такая проблема, как на скриншотах.
  
  http://rghost.ru/52478186/image.png
  http://rghost.ru/52478191/image.png
  
  Вопрос как проставить рейтинг «aggregateRating», или как убрать ошибку? Как…

  
  







• 
  
  
  
  
  
  
  
  
  
  

  Ругается валидатор разметки Google (хотя не должен)

  Всем привет. Есть сайт rem52.ru, он на движке ShopScript, тема MegaShop 2.0. Тема по умолчанию предусматривает наличие микроразметки для поисковых систем, но Google ругается на эту разметку в своем валидаторе. Пример товара:…

  
  







• 
  
  
  
  
  
  
  
  
  
  

  Устранить ошибки YML-файлов для турбо страниц

  Добрый день!1.Требуется устранение ошибок YML-файлов для турбо страниц яндекс.Проверить разметку Schema.org для картинокПроверить, формируются ли сниппеты для интернет-магазинаПодготовьте товарный фид в формате YML через плагин «Яндекс…

  
  







• org/Question»>
  
  
  
  
  
  
  
  
  
  

  description schema.org

  Есть вот такая строка, задающая description для микро разметки в list-thumbs.html
  
  {if $microsheme}<meta itemprop=»description» content=»{if…

  
  







• 
  
  
  
  
  
  
  
  
  
  

  +1Перекрестные продажи, schema. org, отсутствует поле «name»
  
  
  Исправлено
  
  

  Здравствуйте! В теме дизайна «Дефолт 3.0» 3.3.16 (default) если включить перекрестные продажи (Cross-selling), то google ругается на микроразметку schema.org но не на сам товар, а на рекомендуемые товары у них в разметке отсутствует поле…

  
  







• 
  
  
  
  
  
  
  
  
  
  
  
  







• org/Question»>
  
  
  
  
  
  
  
  
  
  

  Google Search Box (Schema)

  Получается у кого-нить настроить разметку для поиска в гугле? 
  <div itemscope itemtype=»https://schema.org/WebSite»>
  <meta itemprop=»url» content=»https://sport-dealer.ru/»/>
  <form…

  
  







• 
  
  
  
  
  
  
  
  
  
  

  Schema
  
  
  Есть решение
  
  

  Попытался сделать разметку для категории, не подскажите как лишние нули убрать.
  <div itemscope itemtype=»http://schema.org/Product»>
  
  <meta itemprop=»name»…

  
  







• 
  
  
  
  
  
  
  
  
  
  

  Описание товара

  Как сделать, если у товара нет описания товара, но нужно передать описание из мета в разметку schema.org?Сейчас так:<!— Описание —>
  {if $product.description}
  <span itemprop=»description»…

  
  







• org/Question»>
  
  
  
  
  
  
  
  
  
  

  Исправить ошибки в микроразметке schema.org

  В микроразметке есть много ошибок (а именно на карточке товара) — https://search.google.com/structured-data/testing-…Нужно сделать:исправить ошибки;настроить правильную работу микроразметки для интернет-магазина (цена, наличие, рейтинг, картинка).Жду…

  
  







• 
  
  
  
  
  
  
  
  
  
  

  schema разметка характеристик товаров

  Здравствуйте. Гугл ругает мою микроразметку…Если характеристика не подпадает под значения schema.org — пишет ошибкуНапример: http://duduka.ru/product/lego-ninjago-70608-nindzyago-bitva-garmadona-i-mastera-vu/Возможно как то этим характеристикам…

  
  







• 
  
  
  
  
  
  
  
  
  
  

  Настроить корректно Микроразметку по стандарту schema.org/Product
  
  
  Есть решение
  
  

  Исправить ошибки на сайте согласно https://webmaster. yandex.ru/tools/microtest/ и https://www.w3.org

  
  







• 
  
  
  
  
  
  
  
  
  
  

  Ошибка при проверке микроразметки от Google

  Друзья!При проверке структурированных данных нашего сайта comcopy.ru Google`ом возникает 1 ошибка imageНеобходимо указать значение для поля image.и 1 ПредупреждениеwarningpriceRangeРекомендуется заполнять поле priceRange. Укажите значение, если оно…

  
  







• org/Question»>
  
  
  
  
  
  
  
  
  
  

  Микроразметка schema.org и цена
  
  
  Есть решение
  
  

  Всем привет!Гугл ругается на микроразметку цены соответствующим образом:замечу, что вполне обоснованная ругань.Собственно, проставляется разметка так:<meta itemprop=»price» content=»{shop_currency($sku.price,…

  
  







• org/Question»>
  
  
  
  
  
  
  
  
  
  

  Разметка схема орг

  Помогите пожалуйста с разметкой главной страницы — хочу сделать разметку schema.org для главной страницы — на сайте стоит вывод последних 6 постов из блога. Нужно к ним прикрепить разметку «BlogPosting «. С датами и названиями я уже…

  
  







• 
  
  
  
  
  
  
  
  
  
  
  
  







• org/Article»>
  
  
  
  
  
  
  
  
  
  

  +1Ошибка микроразметки Schema.org

  Тема дизайна: Default 3.0 (возможно, в других тоже самое).В файле присутствует строка<div itemscope itemtype=»http://schema.org/{if $action ==…

  
  







• 
  
  
  
  
  
  
  
  
  
  

  11 ошибок про проверке микроразметки. Это нормально?
  
  
  Есть решение
  
  

  Проверял карточку товара в сервисе Гугл. Тема дефолт 3.0.Стоит ли на эти красные ошибки обращать внимание? или можно характеристики товаров как-то скорректировать согласно микроразметке?

  
  

itemprop — HTML: Язык гипертекстовой разметки

Глобальный атрибут itemprop используется для добавления свойств к элементу. Каждый элемент HTML может иметь указанный атрибут itemprop , а itemprop состоит из пары имя-значение. Каждая пара имя-значение называется свойством , а группа из одного или нескольких свойств образует элемент . Значения свойств представляют собой либо строку, либо URL-адрес и могут быть связаны с очень широким диапазоном элементов, включая , ,