Якорная ссылка

Якорная ссылка — это ссылка, которая при клике перемещает пользователя не на другую страницу, а к конкретному блоку внутри текущей. Она работает как навигационный якорь: «прыгает» к нужному месту на лендинге, в статье, в FAQ или любом длинном контенте

Пример:

На лендинге вверху есть кнопка «Отзывы». При клике страница автоматически прокручивается к блоку с отзывами, который находится внизу. Это и есть якорная ссылка — она содержит ссылку не на другой URL, а на внутренний идентификатор блока, например: #reviews. В коде этот блок будет отмечен как <div id=”reviews”>.

Или вот еще пример:

Ссылка href=”#reviews” указывает на блок с id=”reviews”.

При клике страница автоматически прокручивается к этому блоку.

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

Из этого примера якорной ссылкой является вот эта строка:

– href=”#reviews” — это указание якоря.

– #reviews — это идентификатор блока, к которому произойдёт прокрутка.

– <div id=”reviews”>…</div> — это цель, куда “прыгает” страница.

Когда пользователь кликает по ссылке, браузер прокручивает страницу к элементу с соответствующим id=”reviews” — без перезагрузки.

Применение и функция:

Якорные ссылки делают интерфейс чище и удобнее. Вместо перегруженной страницы с десятками кнопок — меню, где каждая ссылка ведёт к нужному фрагменту. Используются в одностраничных лендингах, FAQ, контентных статьях, квизах, лендингах-прокладках. Особенно полезны на мобильных — позволяют быстро добраться до нужного блока без лишнего скролла.

В арбитраже якорные ссылки ставят на кнопки вроде «Заказать», «Получить скидку», «Узнать подробнее». Так человек не уходит — а просто быстро летит к форме, к офферу, к апсейлу. Это снижает фрикцию и увеличивает шанс на целевое действие.

Еще информация:

Работает на HTML-атрибуте id.

Можно использовать плавную прокрутку (scroll-behavior: smooth), чтобы переход был мягким.

Якорь не перезагружает страницу — переход происходит мгновенно.

Учитывается в аналитике как внутренняя активность, а не как новый визит.

Можно использовать для автопрокрутки из других мест: например, нажал кнопку в меню — попал в конец формы или в условия оффера

.Вывод:

Якорная ссылка — это маленький навигационный элемент, который сильно улучшает юзерфлоу и удобство лендинга. Без неё пользователь скроллит сам, путается и может просто уйти. С ней — переходит ровно туда, куда нужно. Чем проще путь — тем выше шанс на конверсию.