Структура и навигация сайта

Архитектура ссылок и адресов: внутренняя перелинковка, анкоры, пагинация, URL и нормализация адресов.

Термины словаря

Навигация сайта: маршруты между страницами

Навигация сайта — система переходов, которая помогает находить разделы, понимать положение в структуре и возвращаться к связанным материалам.

Внутренняя ссылка: навигация внутри сайта

Внутренняя ссылка ведёт на другую страницу того же сайта. Она помогает посетителям переходить между материалами и поисковым роботам обнаруживать адреса.

Анкор: текст ссылки и его назначение

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

Гиперссылка: переход к ресурсу

Гиперссылка связывает документ с другим ресурсом или фрагментом страницы. В HTML обычную ссылку создаёт элемент a с атрибутом href.

Nofollow: как обозначить отношение к ссылке

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

Pagination: страницы каталога и доступность ссылок

Pagination: определение, практический пример и проверка. Пагинация — разделение списка результатов на страницы с навигацией между ними.

URL: адрес ресурса и его составляющие

URL: определение, практический пример и проверка. URL — адрес ресурса, который может содержать схему, хост, порт, путь, параметры и фрагмент.

URL encoding: специальные символы в адресе

URL encoding: определение, практический пример и проверка. Кодирование URL позволяет представить символы в форме, пригодной для конкретного компонента адреса.

Нормализация URL: последовательная форма адреса

Нормализация URL — приведение адресов к согласованному представлению по определённым правилам. Универсального безопасного удаления всех параметров не существует.

Query string: параметры после вопросительного знака

Query string: определение, практический пример и проверка. Query string — часть URL после вопросительного знака, содержащая параметры запроса.

H1: основной заголовок содержимого

H1 — HTML-заголовок первого уровня. Обычно он обозначает главную тему страницы и помогает организовать содержимое вместе с заголовками следующих уровней.

Элемент HTML: определение и проверка

Элемент HTML — структурная единица документа, которая задаёт смысл или поведение части страницы.

Материалы журнала

Инструкция

Как получить чистый HTML из текста из Word и Google Docs

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

Инструкция

Как проверить страницу перед публикацией

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

Инструкция

Параметры URL и дубли: как выбрать решение

Сначала выясните, меняет ли параметр содержание страницы. Рекламная метка, сортировка и фильтр решают разные задачи и не должны автоматически получать одинаковые правила обработки.

Инструкция

Переезд страницы: редирект, ссылки и sitemap

Перенос страницы требует не только редиректа: нужно проверить соответствие нового материала, обновить ссылки и согласовать canonical с картой сайта. Итог проверяют на старом и новом URL.

Инструкция

Как спроектировать структуру информационного сайта

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

Инструкция

Перелинковка блога: как выбрать следующий переход

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

Инструкция

Title, H1 и Description для четырёх типов страниц

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

Инструкция

Почему Google меняет заголовок и описание страницы

Google формирует заголовок-ссылку и сниппет автоматически. Чтобы разобраться в изменении, сопоставьте конкретный запрос, содержимое страницы, метаданные и время обработки.

Инструкция

Пагинация, «Показать ещё» и бесконечная прокрутка

Дополнительные элементы списка должны быть доступны по понятным URL и ссылкам. Поисковый робот не обязан нажимать кнопку «Показать ещё» или прокручивать страницу как посетитель.

Инструкция

Хлебные крошки: навигация, HTML и микроразметка

Хлебные крошки показывают положение материала в структуре сайта. Видимая цепочка, реальные ссылки и BreadcrumbList должны описывать один и тот же маршрут.

Инструкция

Mobile-first: что мобильная версия не должна потерять

Сравните содержание, метаданные и доступные ссылки на телефоне и компьютере. Мобильное отображение может быть компактнее, но не должно случайно терять основной материал.

Инструкция

Две языковые версии сайта: URL, canonical и hreflang

Запускайте языковые версии как полноценные страницы с согласованной адресацией и взаимными аннотациями. Hreflang не переводит содержание и не заменяет canonical.