Исправить Shopify Breadcrumbs - схема data-vocabulary.org устарела

В январе предупреждений было много - схема data-vocabulary.org устарела, желтые ошибки в Google Search Console и угроза отсутствия более богатых хлебных крошек в результатах поиска.

Вы можете проверить, есть ли на вашем сайте проблема, перейдя на подстраницу с хлебной крошкой. schema.org в тестирование Google инструмент: https://search.google.com/structured-data/testing-tool#

Как исправить устаревшую схему data-vocabulary.org в панировочных сухарях Shopify

Код хлебных крошек в Shopify находится в разделе сниппетов в файле breadcrumb.liquid:

Исходный код хлебных крошек Shopify, который у вас, скорее всего, будет (если у вас есть эта ошибка), будет содержать следующие ссылки:

Объявление типа элемента, что это схема хлебных крошек:

Ссылка на URL-адрес страницы:

Ссылка на заголовок страницы: {{'general.breadcrumbs.home' | t}}

Самый простой способ обновить этот код до приемлемой формы - использовать схему микроданных.

Вы можете найти пример кода из сайт schema.org здесь, который показывает, что вам нужны данные для URL-адреса, заголовка и позиции страницы в списке хлебных крошек:

Замена существующего кода новым форматом может отличаться в зависимости от темы, но сначала я дам вам общие принципы, а затем мой пример кода для справки.

Обновление кода - тип по типу

Итак, я собираюсь пройтись по каждому полю данных, которое требуется schema.org, и отметить, как оно изменилось, и как мы можем реализовать его в Shopify.

1. Объявление списка хлебных крошек Schema.org

Панировочные сухари обычно представлены в формате HTML со списком, и рекомендуется упорядоченный список (но не требуется, поскольку мы используем позицию).

Чтобы начать разметку, мы хотим объявить, что создаем список хлебных крошек, обернув все элементы хлебных крошек в родительский список, используя этот код:

И помните, будет отделка в конце обязателен тег.

Это должно быть добавлено в родительские блоки div, которые будут использоваться для их стилизации, в моем примере это:

Поэтому в моем примере я бы добавил

Шаг 1: Добавьте ссылку на хлебные крошки в html упорядоченного списка, как указано выше.

2. Удаление отдельных ссылок на словарные и данные из хлебных крошек

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

В Код Github, используемый здесь многими, каждая отдельная ссылка на страницу заключена в следующий div:

{{collection.title}}

Итак, теперь мы можем удалить линия.

Шаг 2. Удалите упомянутые выше блоки div.

3. Добавление каждого элемента списка

В каждом случае, когда мы удалили DIV в предыдущем разделе, теперь нам нужно добавить метку элемента списка для каждого из них.

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

{{collection.title}}

Как видите, теги обертывают данные URL-адресов.

Шаг 3. Оберните отдельные элементы списка в

4. Замените метки данных новой разметкой.

В микроданных не используются те же метки, что и в словарях данных, нам нужно обновить имена для URL и имени страницы.

Старые данные помечены URL для URL-адреса страницы и название для имени страницы:

{{collection.title}}

Теперь нам нужно заменить URL вместе с пункти заменить название вместе с имя, вот так:

{{collection.title}}

Шаг 4. Замените метки данных для URL и заголовка, как указано выше.

5. Добавьте позицию для каждого элемента

Последней обязательной ссылкой в ​​Microdata schema.org для хлебных крошек является позиция в списке для каждого элемента.

К счастью, в Shopify нет подкатегорий или подкатегорий, поэтому варианты позиции не так обширны.

Вы должны добавить код позиции непосредственно перед закрывающими / необработанными] тегами в каждом списке элементов. Позиция домашней страницы всегда равна 1, поэтому вы можете добавить ее в верхний ссылочный код следующим образом: [raw]

Позиция страницы коллекции всегда равна 2, а ПРОДУКТЫ позиция страницы - либо 2 (если в хлебных крошках нет коллекции), либо 3 (если в хлебных крошках есть ссылка на коллекцию).

Они добавляются так же, как и позиция на главной странице.

Шаг 5. Добавьте позицию для каждого элемента, как описано выше.

Полный пример кода Shopify Breadcrumb

Я загрузил полный пример кода для Google Диска здесь.

Помните, что это может работать не на 100% для вашей темы.

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

Если вам нужна помощь в этом или другом SEO вопросы, то вы можете написать мне на info@matt-jackson.com, мои консультационные услуги по SEO помогите таким компаниям, как ваша, увеличить посещаемость в Google и других поисковых системах.

Вы можете просмотреть мои последние результаты по клиенту здесь.