1. Что такое крошка или крошка по-английски?
2. Каковы сильные и слабые стороны крошки Йоста? Его полезность
3. Настройте свою крошку с Yoast SEO
4. Как вставить крошку в вашу тему
5. Настройте свою крошку, чтобы сделать ее видимой с помощью CSS

Вкладка «Дополнительно» заслуживает того, чтобы ее вырезать и, следовательно, отступить от прокрутки наших руководств по Yoast. Давайте начнем с крошки, которая важна для SEO, но особенно с точки зрения пользовательского опыта, поскольку она позволяет пользователю, особенно на крупных сайтах, легко находить себя на основе категорий, страниц, на которых он есть. По умолчанию темы предлагают хлебные крошки (по большей части); Однако не все шаблоны так хороши для SEO. Yoast SEO предлагает интересную версию этого пути навигации. Пояснения.

1. Определение крошки
2. Мнение: сильные и слабые стороны, полезность
3. Настроить с помощью Yoast SEO
4. Как установить хлебную крошку
5. Настроить с помощью CSS

Что такое крошка или крошка по-английски?

Навигация по страницам, след от крошки - это древний компонент веб-эргономики. Это позволяет пользователям вашего сайта отражать, где они находятся на вашем сайте . Так что для WordPress хлебные крошки должны появляться во всех элементах и ​​компонентах темы; поэтому вы должны интегрировать его в homes.php, single.php и другие archive.php. Появляясь горизонтально на страницах, он кликабелен и позволяет, например, этому блогу найти родительскую категорию для статьи или даже вернуться домой.

С точки зрения SEO, это облегчает поисковым системам чтение и определение приоритетов контента. Это компонент оптимизации SEO в нашем значительном смысле с заголовки мета тегов , заголовки страниц и в меньшей степени URL.

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

Последствия в результатах поиска Google:

Каковы сильные и слабые стороны крошки Йоста? Его полезность

В сильной точке радиуса, простота установки, как мы видим ниже. Возможность также настроить его дешево. Быстро настроить так!

Но, прежде всего, его реальная сила в том, что он предлагается в метабоксе, когда он активирован:

Это означает, что у вас есть возможность разместить что-то еще, кроме заголовка <h1> вашей страницы или статьи блога . Это дополнительная работа, но она имеет смысл, если вы стремитесь играть на семантике, изменяя прилагательные, множественное число / единственное число и т. Д. Кроме того, с точки зрения пользователя, также возможно уменьшить размер панировочных сухарей для небольших экранов. Мы иногда на расширенные названия, когда мы делаем блог.

С другой стороны, и не в последнюю очередь (если вы будете следовать нашим учебникам по Yoast, вы заметите, что улучшения все еще возможны), крошка Yoast не содержит микроданных из schema.org. Вместо того, чтобы разрабатываться с помощью желаемых микроданных для определения приоритетов категорий, он находится в RDFa. В ожидании другого учебного пособия или изменений, внесенных самими командами Yoast, и если вы все равно не будете его использовать, давайте перейдем к его конфигурации .

Настройте свою крошку с Yoast SEO

Прежде всего, давайте уточним, что вам нужно настроить дочернюю тему чтобы не перезапускать каждое обновление 🙂

В вашем бэк-офисе WordPress перейдите на вкладку «Дополнительно» и нажмите «Активировано»:

Теперь вы можете выбрать тип разделителя, который вы хотите , текст Inker для домашней страницы, префикс для категории хлебных крошек, префикс для страниц поиска и для 404.

Мы предлагаем вам размещать тексты, если это возможно, по-разному, даже весьма оригинально (исключить термин «архивы», например, «чистый крошка архивов»). Поместите последнюю страницу жирным шрифтом, чтобы напомнить посетителю, что он находится в поиске, который он сделал.

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

Как вставить крошку в вашу тему

По умолчанию хлебные крошки Yoast, даже если они включены, не будут отображаться. Для этого нужно либо зайти в ваш редактор WordPress, либо пройти через FTP, чтобы внести изменения в ваши страницы. Здесь вы должны интегрировать следующий код в <head> соответствующих файлов:

<? php if (function_exists ('yoast_breadcrumb')) {yoast_breadcrumb ('<p id = "breadcrumbs">', '</ p>'); }?>

Reacrumb Yoast code (панировочные сухари)

Каждая тема часто предлагает разные файлы (портфолио, сервисы и т. Д.), Вот пример с файлом Twenty Sixteen single.php:

<? php get_header (); ?> <-> Поместите код после <--->

Хлебные крошки в сингле.

Размещение кода после отправки <header> дает нам что-то вроде этого:

Но очевидно, что вы также можете поместить этот кусок кода в header.php, чтобы не размещать его где-либо еще.

Настройте свою крошку, чтобы сделать ее видимой с помощью CSS

Видна красивая хлебная крошка, она более кликабельна и, кроме того, важен размер текста. Вот пример того, что вы можете поместить в ваш файл .css вашего сайта WordPress из класса #breadcrumb, но, очевидно, ваше творчество более примечательно:

# хлебные крошки a: hover {color: red; размер шрифта: 20 пикселей; }

А ховер оптом и красный ?!

Который дает прохождению мыши категорию статьи побольше и красным цветом:

Этот урок по крошке Йоаста закончен, у вас есть возможность продолжить настройку плагина SEO, подойдя к параметризация постоянных ссылок ,

Добавьте крошку в WordPress с помощью Yoast SEO Последнее обновление: Ксавье Делоффр

[Всего: 6 Среднее: 5/5]