Как сделать якорь на лендинге?

Иллюстрация: vitor lançoni

Роль быстрых ссылок для лендинга очень высока. Они благоприятно влияют на кликабельность объявлений, CTR, цену клика. Их основная роль – направить клиента на ту часть страницы, которая ему необходима. Рассмотрим пример: пользователь ищет кузовной ремонт авто. Перед ним появляется объявление

Человек видит 4 быстрых ссылок. Если ему необходимо прочитать отзывы, то он может кликнуть на быструю ссылку «Отзывы клиентов» и на лендинге он перейдет сразу к блоку, где отображаются отзывы.

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

Якорь представляет собой некую закладку с уникальным именем в определенном месте страницы. Она предназначена для создания перехода к ней по ссылке.

Для создания якоря сначала необходимо сделать закладку на странице. Закладке присваивается имя с помощью атрибута name тега a. Закладка имеет вид

<a name="1"></a>

Вместо единицы можете писать любое слово или цифру.

Пример

Блок, которому нужно сделать якорь начинается так:

<section class="block5"></section>


Чтобы сделать закладку, перед данной строчкой необходимо добавить

<a name="5"></a>

Адрес к данному блоку будет иметь следующий вид http://ваш_сайт.ru/#5

Теперь просто делаем закладки на необходимые части страницы и адреса прописываем в быстрых ссылках в директе.

Вот так, очень просто, с помощью якорей мы сделали быстрые ссылки в директе на лендинг.

Александр Писклов
Руководитель студии. Опыт работы - 8 лет. Компетенции: дизайн, веб-разработка, front-end.
Расскажите о вашей задаче

    Сайт использует файлы cookies и сервис сбора технических данных его посетителей.

    Продолжая пользоваться сайтом, вы автоматически соглашаетесь с использованием данных технологий.