Исправить 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 устарела Google Search Console Shopify

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

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

Shopify расположение файла снипперов хлебной крошки в админке

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

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

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

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

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

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

Пример микроданных схемы listitem

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

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

Итак, я собираюсь пройтись по каждому полю данных, которое требуется 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 проблемы, тогда вы можете написать мне по адресу [электронная почта защищена], мои консультационные услуги по SEO помогите таким компаниям, как ваша, увеличить посещаемость в Google и других поисковых системах.

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

Насколько полезным был этот пост?

Нажмите на звезду, чтобы оценить это!

Средний рейтинг 4.5 / 5. Подсчет голосов: 2

Пока нет голосов! Будьте первым, кто оценит этот пост.

Мы сожалеем, что этот пост не был полезен для вас!

Давайте улучшим этот пост!

Расскажите, как мы можем улучшить этот пост?

Мэтт Джексон

SEO-специалист по электронной торговле с более чем 8-летним опытом анализа и исправления веб-сайтов онлайн-покупок. Практический опыт работы с Shopify, Wordpress, Opencart, Magento и другими CMS.
Нужна помощь? Напишите мне для получения дополнительной информации на [электронная почта защищена]

Этот пункт 0 Комментарии к сообщению

Оставить комментарий

Ваш электронный адрес не будет опубликован. Обязательные поля помечены *