Грудка в сухарях: Блюда с панировочными сухарями и куриной грудкой: 36 рецептов что приготовить с панировочными сухарями и куриной грудкой

Микроразметка хлебных крошек, схема организации, хлебные крошки

В этой статье расскажем о навигации на сайте в виде хлебных крошек, и как внедрить элемент в этот микроразметку.

Что такое хлебные крошки?

Хлебные крошки — это последовательность ссылок, отражающая иерархия сайта и указывающая позиция текущей страницы в структуре сайта. Как правило, этот блок сообщений вверху страницы.

Например, их часто используют в интернет-магазинах в виде:

Главная — Каталог — Смартфоны — Смартфоны Samsung — Смартфон Samsung Galaxy M20

В этом примере пользователь находится на странице конкретного товара, но всегда может перейти по активным ссылкам на один или несколько уровней иерархии вверх.Название взято из сказкиев Гримм, где дети братья заблудились, птицы склевали, хлебные крошки, они размечали свой путь. Чтобы пользователи не заблудились на вашем сайте, и следует использовать эту технологию.

Хлебные крошки не только удобны, но и помогает поисковой оптимизации сайта:

• улучшает поведенческие факторы, когда пользователь делает больше переходов внутри ресурса;
• способствуют правильной внутренней перелинковке сайта;
• представление сайта в поисковой выдаче.

Вот на последний пункт мы и обратим особое внимание в статье.

Зачем нужна разметка ХБ?

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

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

Google понимает несколько форматов микроразметки. Яндекс пока не поддерживает разметку хлебных крошек, но ее наличие все равно благотворно сказывается на ранжировании.

Как сделать микроразметку ХБ?

Существует три основных формата разметки:

• микроданные;
• RDFA;
• JSON-LD.

Широкое распространение получили первые два типа микроразметки. Рассмотрим, как их применить на практике.

Разметка с микроданными

При разметке с микроданными можно использовать словарь schema.org или Data Vocabulary. Рассмотрим пример использования более современного schema.org.

Возьмем такую ​​«хлебную» цепочку:

Главная — Смартфоны Samsung — Samsung Galaxy M20

Вот как выглядит код хлебных крошек (хлебных крошек) на сайтеexplеcrosh.com

1. Главная
2. Смартфоны Samsung
3. Samsung Galaxy M20

А дальше уже хлебные крошки с микроразметкой.

В первой строчке указываем поисковикам, что у нас разметка schema.org. Здесь:

• Itemscope — указывает на то, что блок задает элемент;
• Тип позиции — тип элемента, здесь навигационный;
• BreadcrumbList — список пунктов в хлебных крошках.

Параметр itemprop, которому присваивается «itemListElement», означает, что перед нами пункт списка элементов.

Разметка с RDFA

Возьмем цепочку:

Главная — Смартфоны Samsung — Samsung Galaxy M20

Здесь разметка выглядит следующим образом.

• атрибут xmlns: v = ”http: // rdf.data-vocabulary.org/# дает понять поисковику, что он имеет дело с разметкой RDF;
• все области крошек заключены в тег span с атрибутом typeof = ”v: Breadcrumb”;
• атрибут rel = ”v: url” прописывает ссылку пункта;
• атрибут property = ”v: title” прописывает наименование товара.

Особенности микроразметки

Следует обязательно проверить микроразметку на правильность. Проверка соответствует на соответствующем сервисе Гугл:

https: // поиск.google.com/structured-data/testing-tool

Здесь нужно ввести адреса всех страниц сайта, где есть хлебные крошки второго и всех уровней иерархии.

Для использования разметки хлебных крошек в CMS можно использовать специальные плагины или написать самостоятельно функцию функции. Например, для WordPress используют популярный плагин Breadcrumb NavXT. Такая функция есть также в пакете WordPress SEO от Yoast.

Микроразметка хлебных крошек — простой и эффективный механизм улучшения сайта.Затратив небольшие усилия можно получить красивый информативный сниппет и признание пользователей и поисковых машин.

Как сделать хлебные крошки для WordPress

Для тех, кто не знает, хлебные крошки — это способ навигации, который показывает ваше текущее расположение на сайте (кстати, они используются не только на сайтех) и путь, по которому к нему можно попасть, начиная с главной страницы.

Для того, чтобы добавить хлебные крошки на сайт на WordPress, вам не нужен специальный плагин «хлебные крошки», не нужно самому долго и мучительно придумывать как «сделать» хлебные крошки на сайте, не нужно долго мучить поисковики различными мудрёными фразами, а достаточно скопировать и вставить эту строчку в то место в шаблоне, куда вам нужно.

Теперь распишем саму функцию, сразу говорю, готовьтесь, что будет много кода.

Дело в том, что я выкладываю полностью законченный и 100% рабочий вариант. Здесь учтены все типы страниц, которые могут быть на WordPress: посты, страницы, вложенные (архив любого количества уровней вложенности), рубрики, подрубрики (неограниченное количество вложений), теги, ы, поиск страницы страницы с записью какого-либо одного автора.

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

сначала начнём с относительно несложного варианта хлебных крошек, и чуть ниже в этом же уроке я вам расскажу, как их модифицировать под какую-то свою определенную задачу. Для начала добавить код functions.php :

 function the_breadcrumb () {

// получаем номер текущей страницы
$ pageNum = (get_query_var ('paged'))? get_query_var ('paged'): 1;

$ separator = '& raquo; '; // »

// если главная страница сайта
if (is_front_page ()) {

if ($ pageNum> 1) {
echo ' Главная '. $ Separator. $ PageNum. '-Я страница';
} else {
echo 'Вы находитесь на главной странице';
}

} else {// не главная

echo ' Главная '. разделитель $;


if (is_single ()) {// записи

the_category (','); echo $ separator; the_title ();

} elseif (is_page ()) {// страницы WordPress

the_title ();

} elseif (is_category ()) {

single_cat_title ();

} elseif (is_tag ()) {

single_tag_title ();

} elseif (is_day ()) {// архивы (по дням)

echo ''. get_the_time ('Y'). ''. $ separator;
echo ''. get_the_time ('F'). "". разделитель $;
эхо get_the_time ('д');

} elseif (is_month ()) {// архивы (по месяцам)

echo ''. get_the_time ('Y'). "". разделитель $;
эхо get_the_time ('F');

} elseif (is_year ()) {// архивы (по годам)

эхо get_the_time ('Y');

} elseif (is_author ()) {// архивы по авторам

global $ author;
$ userdata = get_userdata ($ author);
echo «Опубликовал (а)».$ userdata-> display_name;

} elseif (is_404 ()) {// если страницы не существует

echo 'Ошибка 404';

}

if ($ pageNum> 1) {// номер текущей страницы
echo '('. $ pageNum. '-я страница)';
}

}

} 

• 4 — при помощи get_query_var () мы платим, находимся ли мы на странице постраничной навигации, знаю, что это можно сделать при помощи is_paged (), но нам же ведь ещё и номер страницы понадобится.
• 6 — разделитесь между ссылками в хлебных я решил записать в переменную, вы можете использовать что угодно, например стрелки → → , запись его в переменную позволит нам быстро его поменять, если захотим.
• 9 — функция, точнее условный тег is_front_page () возвращает true , если мы находимся на главной странице, вне зависимости от той, какую роль она выполняет.
• 12 , 19 — функция site_url () динамически возвращает ссылку на главную страницу сайта.
• is_single (), is_page (), is_category (), is_tag (), is_day (), is_month (), is_year (), is_author (), is_404 () — различные условные теги, позволяющие легко определить, на каком типе страницы мы в данный момент находимся.
• 25 — я использовал функцию the_category (), для вывода списка рубрик для текущей записи через запятую. Обратите внимание, что эта функция не распределяет рубрики в зависимости от их иерархии. О том, как вывести их с соблюдением порядка иерархии, читайте ниже.
• 25 , 29 — функция the_title () отлично подходит для того, чтобы вывести заголовок текущей записи, страницы или записи произвольного типа.
• single_cat_title () и single_tag_title () — для вывода названия текущих рубрик или метки соответственно.

Как в хлебные крошки добавить родительские страницы?

Возможно вы заметили, что Страницы WordPress — это иерархичный тип записи, другими словами — Страница может иметь дочерние страницы, причем несколько штук и нескольких уровней.

Это можно хорошо вести в метабоксе Атрибуты страницы:

Если вы планируете разместить в своих хлебных крошках родительские страницы тоже, то вам нужно немного модифицировать соответствующие строчки в коде выше:

 глобальный пост;
// если у текущей страницы существует родительская
if ($ post-> post_parent) {

$ parent_id = $ post-> post_parent; // присвоим в переменную
$ панировочные сухари = массив ();

while ($ parent_id) {
$ page = get_page ($ parent_id);
$ breadcrumbs [] = ''. get_the_title ($ page-> ID). '';
$ parent_id = $ page-> post_parent;
}

эхо-соединение ($ separator, array_reverse ($ breadcrumbs)). разделитель $;

} 

То есть вставляете этот код на 27-й строчке ничего не удаляя из первоначального кода.

Как предполагать родительские рубрики?

В архивах рубрик

Тут ситуация похожа на ситуацию со страницей, но проще, так как существует функция get_category_parents ().

 $ current_cat = получить_queried_object ();
// если родительская рубрика существует
if ($ current_cat-> parent) {
echo get_category_parents ($ current_cat-> parent, true, $ separator). разделитель $;
} 

На страницах записей

Как я уже написал выше, наша функция the_category () не справляется с тем, чтобы вывести рубрики с учетом их иерархичности. Давайте попробуем разобраться, что с этим можно поделать.

Тут есть некоторые тонкости, но смотрите, есть очень классный способ, как можно это всё разрулить!

Прежде всего, обратите внимание, как вы добавляете пост в категории.

Нам подходит:

Не подходит:

После этого можно спокойно использовать функцию get_category_parents ():

 $ post_categories = get_the_category ();

// это и будет наша единственная рубрика, присвоенная к посту
if (! empty ($ post_categories [0] -> cat_ID)) {
echo get_category_parents ($ post_categories [0] -> cat_ID, true, $ separator). разделитель $;
}
the_title (); 

Что делать с произвольными типами постов и таксономиями?

На самом деле тут всё максимально максимально на код, который мы использовали для рубрик / меток и записей / страниц.

Хлебные крошки для архивов таксономии

Если без иерархии:

 if (is_tax ($ taxonomy_name)) {
single_term_title ();
} 

С иерархией:

 if (is_tax ($ taxonomy_name)) {
$ current_term = get_queried_object ();
// если существует родительский элемент таксономии
if ($ current_term-> parent) {
echo get_term_parents_list ($ current_term-> parent, $ taxonomy_name, array ('separator' => $ separator)). разделитель $;
}
single_term_title ();
} 

Хлебные крошки для произвольного типа постов

Если мы вообще не хотим отображать никаких таксономий, то наш пример становится очень похож на пример с обычными Страницами:

 if (is_singular ($ post_type_name)) {
the_title ();
} 

В случае, если нам нужно добавить какую-то произвольную таксономию:

 if (is_singular ($ post_type_name)) {
$ post_terms = get_the_terms (get_the_ID (), $ taxonomy_name);

if (! empty ($ post_terms [0] -> term_id)) {
echo get_term_parents_list ($ post_terms-> term_id, $ taxonomy_name, array ('separator' => $ separator)).разделитель $;
}
the_title ();
} 

Кстати, видел на блогах функцию хлебных крошек длиной в 5-10 строк 🙂 Люди копипастят даже не задумываясь, понятно, что у них очень урезанные варианты.

Миша

В последние годы я долго не знал, что мне делать с сайтом misha.blog, ведь он практически не приносит никакого профита, но недавно я осознал, что моя миссия — распространению WordPress. Ведь WordPress — это лучший движок для разработки сайтов — как тех, кто готов использовать конструкцию для этой CMS, кто предпочитает решения без головы.

Сам же я впервые познакомился с WordPress в 2009 году. Организатор WordCamp. Преподаватель в школах Epic Skills и LoftSchool.

Если вам нужна помощь с вашим сайтом или может даже разработка с нуля на WordPress / WooCommerce — пишите. Я и моя команда сделаем вам всё на лучшем уровне.