Как выглядит фрагмент URL
URL
https://site.ru/article/#faqВ этом примере #faq — это фрагмент URL. Браузер ищет на странице элемент с идентификатором faq и прокручивает страницу к нему.
Из чего состоит URL с фрагментом
| Часть URL | Пример | Что означает |
|---|---|---|
| Протокол | https:// | Способ соединения. |
| Домен | site.ru | Адрес сайта. |
| Путь | /article/ | Страница сайта. |
| Фрагмент | #faq | Переход к блоку внутри страницы. |
Где используют фрагменты URL
- переход к FAQ;
- переход к форме заявки;
- переход к блоку цен;
- переход к отзывам;
- оглавление длинных статей;
- документация и справочники;
- глоссарии и базы знаний;
- лендинги с навигацией по секциям;
- интерфейсы SPA, где hash используется для состояния приложения.
Фрагмент URL и сервер
Важная особенность: фрагмент после # обычно не отправляется на сервер в HTTP-запросе. Он обрабатывается браузером на стороне пользователя. Сервер получает адрес страницы без части после #.
Это значит, что https://site.ru/page/#reviews и https://site.ru/page/#faq обычно являются одной и той же страницей для сервера, но открывают разные места внутри неё для пользователя.
Фрагмент URL и SEO
В классическом SEO фрагмент URL обычно не создаёт отдельную индексируемую страницу. Поисковая система оценивает основной URL страницы, а якорь помогает пользователю быстрее попасть к нужному блоку.
Фрагменты полезны для UX и могут косвенно помогать SEO: длинная статья становится удобнее, пользователь быстрее находит ответ, улучшается навигация по странице, а внутренние ссылки могут вести к конкретным разделам материала.
Якорные ссылки
Чтобы фрагмент работал, на странице должен быть элемент с соответствующим id. Например, ссылка ведёт на #faq, а на странице есть блок с идентификатором faq.
HTML
<a href="#faq">Перейти к FAQ</a>
<h2 id="faq">Вопросы и ответы</h2>Такая навигация особенно полезна для больших материалов, где пользователь может быстро перейти к нужному разделу.
Фрагменты и одностраничные приложения
В старых SPA-сайтах hash часто использовали для маршрутизации: разные состояния приложения открывались через адреса с #. Для SEO это может быть проблемой, если основной контент не доступен как нормальные индексируемые URL.
Для современных SEO-проектов лучше, чтобы важные страницы имели полноценные адреса без зависимости от hash-навигации. Фрагменты стоит использовать для переходов внутри страницы, а не для создания основных посадочных URL.
Фрагмент URL и GEO
Для GEO фрагменты полезны в длинных экспертных материалах. Они помогают ссылаться на конкретные части статьи: определение, примеры, FAQ, таблицу, чек-лист или
Частые ошибки
- ссылка ведёт на #faq, но элемента с id faq нет;
- id повторяется несколько раз на странице;
- якорь закрывается фиксированной шапкой сайта;
- важные посадочные страницы создаются только через hash;
- аналитика не учитывает переходы по якорям;
- используется слишком много непонятных фрагментов;
- якорные ссылки ломаются после редизайна;
- фрагменты путают с параметрами URL.
Чек-лист фрагментов URL
- Фрагмент ведёт к существующему id.
- id уникален на странице.
- Якорь не перекрывается фиксированной шапкой.
- Важные страницы имеют полноценные URL.
- Фрагменты используются для навигации внутри страницы.
- Длинные статьи имеют оглавление.
- Контент доступен без сложной hash-маршрутизации.
- Переходы по важным якорям можно отследить в аналитике.
Комментарий эксперта
Фрагмент URL — это хороший инструмент навигации внутри страницы, но плохая замена нормальной структуре сайта. Если блок важен для SEO или GEO, он должен быть частью полноценной индексируемой страницы. Якорь помогает пользователю быстрее добраться до ответа, но не должен быть единственным способом показать важный контент.
Комментарий эксперта. Это делает страницу удобнее как источник знаний.
Но важный смысловой блок должен быть доступен в основном HTML страницы. Нельзя прятать ключевой контент так, чтобы он появлялся только через сложный JavaScript после клика по hash-ссылке.
Вопросы и ответы о фрагменте URL
Фрагмент URL — это часть адреса после символа #, которая обычно ведёт к определённому месту внутри страницы.
Обычно нет. Часть после # обрабатывается браузером и используется для навигации внутри страницы.
Обычно он не создаёт отдельную индексируемую страницу, но помогает UX и навигации по длинному материалу.
Это ссылка, которая ведёт к конкретному элементу на странице через фрагмент URL, например #faq или #price.
Для важных SEO-страниц лучше использовать полноценные URL. Hash-навигация подходит для внутренних переходов, но не для основной архитектуры сайта.
Связанные термины
- URL;
- якорная ссылка;
- адрес страницы;
- SPA;
- JavaScript;
- внутренняя перелинковка;
- UX;
- SEO-аудит;
- GEO.

