Навигация, дружественная поиску

🧭

Googlebot заходит на сайт

«Главная страница загружена. Теперь мне нужно найти все остальные страницы. Где ссылки? Если навигация сделана на Flash или через onclick без href — я ничего не найду.»

📌 Search-friendly навигация — меню и ссылки, которые одинаково хорошо работают и для пользователей, и для поисковых роботов. Ключевое требование: все ссылки должны быть обычными HTML-тегами <a href="...">.

Что делает навигацию дружественной поиску?

✅ Хорошо	❌ Плохо
HTML-ссылки `<a href="/page/">`	Ссылки через JavaScript onclick
CSS-выпадающие меню	Flash-навигация
Хлебные крошки (breadcrumbs)	Навигация только через формы и кнопки Submit
Ссылки в основном тексте страницы	Бесконечная прокрутка без URL-состояния

Хлебные крошки — двойная ценность

Breadcrumbs (хлебные крошки) — навигационная цепочка вида: Главная → Категория → Страница. Они решают две задачи одновременно:

Для пользователя: понимает где находится и может быстро вернуться на уровень выше
Для Google: получает структурный сигнал о иерархии + показывает их в сниппете выдачи вместо URL

Чек-лист SEO-навигации:

☐ Все ссылки меню — HTML <a href>
☐ Хлебные крошки на всех внутренних страницах
☐ Schema.org BreadcrumbList разметка
☐ Ссылки в тексте страниц на связанный контент
☐ Нет «битых» ссылок в меню (проверь в GSC)
☐ Карта сайта в футере для дополнительной краулинговой цепочки

🧑‍💻

Алекс добавляет breadcrumbs

«Добавили Schema.org BreadcrumbList и поменяли JavaScript-навигацию на обычные ссылки. Через 3 недели Google начал показывать breadcrumbs в сниппетах. CTR вырос на 12%.»

🎯 Правило: если пользователь не может найти страницу за 3 клика от главной, и если ссылка требует JavaScript для перехода — для Google этой страницы практически не существует.

🎮 Проверь себя: какой элемент навигации помогает Googlebot понять иерархию?

🎯

Задание к уроку

Проверьте понимание и получите +20 XP

← Архитектура сайта

Урок 4 из 22

Перейти к заданию →