микроразметка

[sproekt]

вопрос по по хлебным крошкам
сайт https://paket.kiev.ua/
вроде в админке все есть нро гугл ругается что нет ни на одной из страниц[/img][/img][/img]
Строки навигации
Отсутствует поле "itemListElement"
type
BreadcrumbList

а также пишет Главная страница не соответствует требованиям AMP!

просьба помочь как исправить

[sproekt]

ктото имеет опыт как исправить?

[https://shaerware.github.io/ru/]

itemListElement

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

[Val_Ery]

из тех что я посетил

Хлебные крошки там есть...
Нет, не так. Для хлебных крошек установлен специальный плагин woocommerce breadcrumbs. Но вот как он используется и что там выводится, я, если честно, не понял...

[spoiler]

[/spoiler]

вроде в админке все есть нро гугл ругается что нет ни на одной из страниц

itemListElement реально нет. Вот смотрите, код хлебных кошек со странице на скриншоте:
[spoiler]

Код Выделить Развернуть


<nav class="woocommerce-breadcrumb text-right" itemscope="" itemtype="http://schema.org/BreadcrumbList">
    <a href="/">Главная</a>
    <span class="delimiter"><i class="tm tm-breadcrumbs-arrow-right"></i></span>
    <a href="/pokupatelyu">Покупателю</a>
</nav>
[/spoiler]

У вас имеется itemscope - область применения. С указанием, что это хлебные крошки в соответствии с разметкой shema.org. Внутри - две ссылки и рaзделитель

Теперь для сравнения переходите на страницу http://schema.org/BreadcrumbList (атрибут в вашей же разметке). Спускаетесь в самый низ к примеру, нажимаете на вкладку Microdata и видите
[spoiler]

Код Выделить Развернуть


    <ol itemscope itemtype="https://schema.org/BreadcrumbList">
      <li itemprop="itemListElement" itemscope
          itemtype="https://schema.org/ListItem">
        <a itemprop="item" href="https://example.com/dresses">
        <span itemprop="name">Dresses</span></a>
        <meta itemprop="position" content="1" />
      </li>
      <li itemprop="itemListElement" itemscope
          itemtype="https://schema.org/ListItem">
        <a itemprop="item" href="https://example.com/dresses/real">
        <span itemprop="name">Real Dresses</span></a>
        <meta itemprop="position" content="2" />
      </li>
    </ol>
[/spoiler]

Это всего лишь пример. HTML может быть таким, какой вам проще использовать. Самое важное здесь - должна быть область применения + элементы списка, связанные с этой областью itemprop="itemListElement" itemscope.
itemprop="item" - это "базовая единица" (так назовем)

Что делать дальше, уже, наверное, видно?..

P.S. Плагинами не пользуюсь. Поэтому относительно вашего woocommerce breadcrumbs не подскажу.
По идее, на странице настроек плагина вам должны дать возможность расставлять теги, добавлять атрибуты... Попробуйте... Если не получится, выложите скрины настроек плагина. Посмотрим)
Добавлено: 10-11-2023, 22:58:47

Еще 

Если с настройками плагина не разберетесь, можно сделать тупо:

[spoiler]

Код Выделить Развернуть


const crumb = dоcument.querySelector('.woocommerce-breadcrumb');
const itemList = crumb.querySelectorAll('a');

if ( crumb ) {

  itemList.forEach( (i) => {
    i.setAttribute('itemprop', 'itemListElement');
    i.setAttribute('itemtype', 'https://schema.org/ListItem');
    i.setAttribute('itemscope', '');
  })

}
[/spoiler]

Здесь константы - из вашей разметки. Поэтому, если никаких тегов добавлять не будете - будет работать.
Что делает: находит все гиперссылки (тег a) внутри "контейнера" ваших хлебных крошек (тег nav) и для каждой добавляет атрибуты itemprop, itemtype и itemscope
Если крошек нет на странице (например, на главной), ничего добавлять не будет.

Код можно вставить в самый конец вашего script.js

Валидатор получаемой разметки от shema.org (https://validator.schema.org/) ошибок в результате не находит

[sproekt]

спасибо буду пробовать отпишусь

[https://shaerware.github.io/ru/]

Хлебные крошки там есть...
Нет, не так. Для хлебных крошек установлен специальный плагин woocommerce breadcrumbs. Но вот как он используется и что там выводится, я, если честно, не понял...

эээ, ну и в чем я не прав?)

[Val_Ery]

эээ, ну и в чем я не прав?)

Таки о вашей неправости - ни слова.
А вот я не прав - это точно...

[sproekt]

Добрый вечер
очень благодарен за участие и помощь
но видно я что то не так сделал не изменилось отношения гугла
не тот файл или не так вставил
в вложении исходный поправите пожалуйста
Добавлено: 21-11-2023, 22:37:38

хотя пишет что проверка начата наверное еще не закончило
Добавлено: 21-11-2023, 22:39:35


Добавлено: 21-11-2023, 22:40:03

как проверит пришлю результат
Добавлено: 21-11-2023, 22:52:49


Добавлено: 21-11-2023, 22:53:27

все ругается(

[Val_Ery]

sproekt, доброго времени!

Я правильно понимаю, что ваш последний скриншот - это после вставки приложенного мною скрипта?
В принципе, они правы: мы с вами добавили только один itemListElement...

Попробуйте немного переделанный вариант
[spoiler]

Код Выделить Развернуть


// Выбираем элементы
const crumb = dоcument.querySelector('.woocommerce-breadcrumb');
const itemList = crumb.querySelectorAll('a');

// Если на странице есть .woocommerce-breadcrumb
if ( crumb ) {
 
  // Перебираем ссылки
  for ( let n = 0; n < itemList.length; n++ ) {
   
    // meta описание: размещение + очередность в списке
    const meta = dоcument.createElement('meta');
    meta.setAttribute('itemprop', 'position');
    meta.setAttribute('content', n+1);
   
    // создаем внутренние элементы для добавления атрибутов item и name
    const span = dоcument.createElement('span');
    const innerSpan = dоcument.createElement('span');
    span.setAttribute('itemprop', 'item');
    span.classList.add('item');
    innerSpan.setAttribute('itemprop', 'name');
   
    // перемещаем заголовки пунктов навигации из тега a во вложенный span
    innerSpan.innerText = itemList[n].innerText;
    itemList[n].innerText = '';
   
    // вставляем созданные элементы в разметку
    span.append(innerSpan);
    itemList[n].append(span);
    itemList[n].append(meta);
   
  }
}

[/spoiler]
Там в коде есть комментарии, что оно делает

Проверка валидатором дает такой результат:
[spoiler]

[/spoiler]

Код, конечно, дебильный... Извините  Пришлось создавать несколько доп. элементов... И результат, как бы, семантически не правильный:
- у нас itemListElement не элемент списка, а ссылка
- а item это не ссылка, а создаваемый span
То есть, чтобы построить правильно названную микро разметку хлебных крошек, надо бы посмотреть, как эти хлебные крошки формируются в вашей теме. Работал с тем, что было доступно 

Код вставляется в самый-самый конец вашего script.js.

P.S. Отпишитесь после того, как опробуете, ОК?

P.P.S. Вы используете эту тему https://themeforest.net/item/techmarket-multidemo-electronics-store-html-template/20977771?s_rank=23? Если не сложно, покажите настройки хлебных крошек в админке, если они там есть...

Просто на сайте есть явная проблема с ними...
Сморите, у вас в боковой панели два виджета (?), которые выводят категории. Если переходить по ссылкам первого виджета (типы пакетов и пeчати), у хлебных крошек отсутствует ссылка верхнего уровня (на Главную). А там, где "Покупатели" - все гуд, с Главной.

[sproekt]

добрый вечер
очень благодарен за участие и помощь
почти все получилось - на одной странице проверил
одну ошибку всеравно чего то ругает
Добавлено: 23-11-2023, 21:53:07

не могу скриншоты выслать пишет не более 256 кб хотя файл меньше(
Добавлено: 23-11-2023, 21:56:58


Добавлено: 23-11-2023, 21:59:13

чтото в данной смс трудно разобраться где исправлять ошибки
и бытые ссылки есть а в дoкументах и шаблоне из нет
может на другой движок сайт перекинуть