Редактировать: мое понимание проблемы улучшилось, когда я писал вопрос, но я все еще не все прояснил, поэтому я все еще спрашиваю:
Я познакомился с панировочными сухарями сегодня, и я все еще не совсем уверен, что понимаю их правильно (и я был бы очень благодарен всем, кто помогает мне лучше понять это).
Мне интересна SEO-часть панировочных сухарей: я не хочу, чтобы они отображались где-либо на моем сайте. Поэтому я не хочу, чтобы что-то выглядело так:
home > products > kids > pants
У меня уже есть обычное меню (пример):
_________________________________________________________________________________________________
LOGO About us Services Products Contact us
_________________________________________________________________________________________________
И каждая ссылка в вышеприведенном меню имеет подсылки. Я только забочусь о том, что SEO часть хлебных крошек будет реализована в уже существующем (выше) меню. Имею ли я смысл?
Если так, то как именно я должен это реализовать? Я на самом деле пытался следовать примеру внизу этой страницы: https://schema.org/BreadcrumbList - JASON-LD. Но у них есть простой пример:
HTML:
<ol>
<li>
<a href="https://example.com/dresses">Dresses</a>
</li>
<li>
<a href="https://example.com/dresses/real">Real Dresses</a>
</li>
</ol>
JSON -LD:
<script type="application/ld+json">
{
"@context": "http://schema.org",
"@type": "BreadcrumbList",
"itemListElement":
[
{
"@type": "ListItem",
"position": 1,
"item":
{
"@id": "https://example.com/dresses",
"name": "Dresses"
}
},
{
"@type": "ListItem",
"position": 2,
"item":
{
"@id": "https://example.com/dresses/real",
"name": "Real Dresses"
}
}
]
}
</script>
Как я понимаю, выше только один «путь» в иерархии, что, вероятно, означает, что мне нужно пересоздать код для всех возможных путей? Я попытался сделать это для более сложного составленного меню, чтобы поместить его в этот вопрос:
HTML (мой):
<div class="main-navigation">
<div class="logo"><a href="https://www.haveabiscuit-potter.com/">Have a Biscuit, Potter</a></div>
<!--not a real website -->
<div class="menu-links">
<div class="dropdown">
<a href="https://www.haveabiscuit-potter.com/about-us" class="droptitle">About Us</a>
<div class="dropdown-content">
<a href="https://www.haveabiscuit-potter.com/about-us/our-journey">Our Journey</a>
<a href="https://www.haveabiscuit-potter.com/about-us/part-in-fandom">Our Part in the Fandom</a>
</div>
</div>
<div class="dropdown">
<a href="https://www.haveabiscuit-potter.com/discussion" class="droptitle">Discussion</a>
<div class="dropdown-content">
<a href="https://www.haveabiscuit-potter.com/discussion/harry-needs-biscuit">Why Harry Needs a Biscuit</a>
<a href="https://www.haveabiscuit-potter.com/discussion/dumbledoor-still-good">Dumbledoor is still good: an Introduction</a>
<a href="https://www.haveabiscuit-potter.com/discussion/luna-lovegood-revenclaw">Luna Lovegood: Always a Revenclaw</a>
</div>
</div>
<div class="dropdown">
<a href="https://www.haveabiscuit-potter.com/contact-us" class="droptitle">Contact Us</a>
</div>
</div>
</div>
JSON -LD (мой) - это охватывает как 3 ссылки из меню выше. Я даже не уверен, верно ли это удаленно, но здесь мы go:
<script type="application/ld+json">
{
"@context": "http://schema.org", //or should I change this to https://haveabiscuit-potter.com -?
"@type": "BreadcrumbList",
"itemListElement": [{
"@type": "ListItem",
"position": 1,
"item": {
"@id": "https://www.haveabiscuit-potter.com",
"name": "Home"
}
},
{
"@type": "ListItem",
"position": 2,
"item": {
"@id": "https://www.haveabiscuit-potter.com/about-us",
"name": "About Us"
}
},
{
"@type": "ListItem",
"position": 3,
"item": {
"@id": "https://www.haveabiscuit-potter.com/about-us/our-journey",
"name": "Our Journey"
}
}
],
"itemListElement": [{
"@type": "ListItem",
"position": 1,
"item": {
"@id": "https://www.haveabiscuit-potter.com",
"name": "Home"
}
},
{
"@type": "ListItem",
"position": 2,
"item": {
"@id": "https://www.haveabiscuit-potter.com/about-us",
"name": "About Us"
}
},
{
"@type": "ListItem",
"position": 3,
"item": {
"@id": "https://www.haveabiscuit-potter.com/about-us/part-in-fandom",
"name": "Our Part in the Fandom"
}
}
],
"itemListElement": [{
"@type": "ListItem",
"position": 1,
"item": {
"@id": "https://www.haveabiscuit-potter.com",
"name": "Home"
}
},
{
"@type": "ListItem",
"position": 2,
"item": {
"@id": "https://www.haveabiscuit-potter.com/discussion",
"name": "Discussion"
}
},
{
"@type": "ListItem",
"position": 3,
"item": {
"@id": "https://www.haveabiscuit-potter.com/discussion/dumbledoor-still-good",
"name": "Dumbledoor is Still Good"
}
}
]
}
</script>
// Верно ли вышеизложенное?
Теперь мы подошли к тому моменту, когда мое понимание улучшилось: увидев, что писать код для каждой ссылки утомительно, я прибегнул к гуглу «Генератор хлебных крошек JSON -LD» - и нашел тот, который делает вещи проще: https://technicalseo.com/tools/schema-markup-generator/
Однако я снова получаю только один путь между тегами <script>. Так вот как я должен это генерировать? Будут ли на выходе сотни <script> элементов, каждый из которых будет охватывать только один путь? Или я могу собрать их вместе, как я делал выше? И в любом случае, должен ли я вставлять огромный код JSON -LD в нижний колонтитул каждой страницы моего сайта?
Очень благодарен, что вы прочитали это далеко, и я очень ценю любую помощь.