{"type":"doc","content":[{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","marks":[{"type":"bold"}],"text":"“Breadcrumbs” (хлебные крошки)"},{"type":"text","text":" — это элемент навигации на сайте, показывающий "},{"type":"text","marks":[{"type":"bold"}],"text":"путь пользователя от главной страницы до текущей"},{"type":"text","text":"."},{"type":"hardBreak"},{"type":"text","text":"Он помогает понять, "},{"type":"text","marks":[{"type":"bold"}],"text":"где именно находится пользователь"},{"type":"text","text":" в структуре сайта, и быстро вернуться на предыдущие уровни."}]},{"type":"horizontalRule"},{"type":"heading","attrs":{"textAlign":null,"level":3},"content":[{"type":"text","text":"🔹 Пример отображения:"}]},{"type":"codeBlock","attrs":{"language":"javascript"},"content":[{"type":"text","text":"Главная → Каталог → Электроника → Смартфоны → iPhone 15\n"}]},{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","text":"Пользователь видит, что он находится в разделе «Смартфоны» внутри «Электроники» и может кликнуть на любой из предыдущих пунктов."}]},{"type":"horizontalRule"},{"type":"heading","attrs":{"textAlign":null,"level":3},"content":[{"type":"text","text":"🔹 HTML-пример:"}]},{"type":"codeBlock","attrs":{"language":"html"},"content":[{"type":"text","text":"\n"}]},{"type":"horizontalRule"},{"type":"heading","attrs":{"textAlign":null,"level":3},"content":[{"type":"text","text":"🔹 Зачем нужны хлебные крошки:"}]},{"type":"orderedList","attrs":{"start":1,"type":null},"content":[{"type":"listItem","content":[{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","marks":[{"type":"bold"}],"text":"Удобство навигации."},{"type":"text","text":" Пользователь быстрее ориентируется в структуре сайта."}]}]},{"type":"listItem","content":[{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","marks":[{"type":"bold"}],"text":"Снижение количества кликов."},{"type":"text","text":" Можно вернуться на любой предыдущий уровень одним нажатием."}]}]},{"type":"listItem","content":[{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","marks":[{"type":"bold"}],"text":"SEO-польза."},{"type":"text","text":" Поисковые системы (Google, Яндекс) используют их для отображения структуры страниц в результатах поиска."}]}]},{"type":"listItem","content":[{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","marks":[{"type":"bold"}],"text":"UX-ориентир."},{"type":"text","text":" Показывает пользователю контекст — где он находится и как сюда попал."}]}]}]},{"type":"horizontalRule"},{"type":"heading","attrs":{"textAlign":null,"level":3},"content":[{"type":"text","text":"🔸 Вывод:"}]},{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","marks":[{"type":"bold"}],"text":"Breadcrumbs (хлебные крошки)"},{"type":"text","text":" — это цепочка навигационных ссылок, отображающая иерархию страниц от главной до текущей."},{"type":"hardBreak"},{"type":"text","text":"Они делают сайт понятнее, удобнее и полезнее для SEO."}]}]}

Что такое “breadcrumbs” (хлебные крошки)?

Комментарии