Хлебные крошки. Как и зачем добавлять их на сайт. Вёрстка. Микроразметка #BreadcrumbList.

preview_player
Показать описание
Разбираемся со структурированными данными на сайте на примере навигационной цепочки. Вёрстка, разметка, валидация. Говорим просто о сложном #BlondieCode.
0:00 - Вступление
0:51 - Добрая детская сказка
04:35 - Экскурсия по HTML и CSS проекта
09:01 - А зачем вообще структурированные данные, и как описывать разметку?
09:30 - Валидна ли моя разметка?
10:33 - Описываем хлебные крошки: HTML, Microdata, RDFa, JSON-LD
14:04 - Добавляем разметку BreadcrumbList на свои страницы
20:15 - Выводы
21:26 - Ответ на самый главный вопрос
// -------------------------------------------- //
// -------------------------------------------- //
// -------------------------------------------- //
//-----------------------------------------------//
Больше видео на тему IT можно найти по тегу #ityoutubersru
Рекомендации по теме
Комментарии
Автор

Использование всяких span для последнего, неактивного элемента крошек - это моветон.
Атрибут href у тега a является необязательным по спецификации, поэтому можно сделать красивую и однородную разметку с тегами a,
И так как алгоритмы и требования у них разные порой бывает сложно найти компромисс, чтобы угодить обоим поисковикам.

semdevmaster
Автор

Почему-то так боялся их делать, а тут оказывается всё просто. Спасибо за видос, полезный. Влепил по заслугам! =)

FaYrUsinc
Автор

веселенький контент) спасибо за видос)

NeedForHeavyMetal
Автор

Спасибо большое, большее видео ) и историй создания и практики

mysteriousxcodesterio
Автор

Это самый лучший контент из всего что я когда либо видел! В этом видео прекрасно все!

seonofuckup
Автор

Спасибо огромное. Очень интересно :-)

gheasontech
Автор

То что искал. И всё понятно. Спасибочки!!!!

dkylctb
Автор

Нужная, понятная инфа. Спасибо огромное!

elenkarnaeva
Автор

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

cprtyko
Автор

Про ментос и колу шутейка топ))
спс за инфу!

iGotton
Автор

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

gmcjzqv
Автор

Дизайн топ. Пойду пробовать крошки на зубок)

GrandDenilay
Автор

Привет))) лови лукас от сео-гуру СЕООНЛИ

seoonlyRU
Автор

Спасибо. Очень вовремя) Давай больше про микроразметку JSON-LD. Сеиппеты с категориями, поле поиска в гугл выдаче очень интересуют!)

b.g.
Автор

Пишу приятный комментарий, лайкнул. Жду новое видео.

alexey
Автор

Как можно все рассказывать так мимимишно ))

tender
Автор

Спасибо за совет ставить разделители в псевдоэлемент *::after*

PhilippeRigovanov
Автор

Сказочная и многослойная подача материала- моя любимая, спасибо. Каков же секрет у "Королева вечеринки" на главной странице, почему она без хлебных крошек? Сеошник что-то мутит с ней чтобы поднять её в выдаче, фарширует её сторонними ссылками и поэтому внутренние не нужны?

shifronim
Автор

Ася, может вынесешь на голосование разбор работы с гит и гитхаб на примере твоего учебного сайта по хлебным крошкам? Я на всё согласен, на любой CLI, но упростить с интеграцией в VS Code было бы идеально. Тема канеш попсовая и большая, и есть много видосиков, но я люблю ТВОИ видосики - их пересматривать норм!

shifronim
Автор

2-19 Ну вот , под прикольным голоском оказылось непредвиденное моё серце разбито . Я, конечно, знал что у всех свои тараканчики ....но тут прям ТАРАКАНИЩА :))

adrtalladi