Как сделать якорь на сайте одностраничнике

Здравствуйте друзья! Сегодня мы узнаем, как сделать якорь на сайте одностраничнике в программе Kompozer, что это такое и зачем это делается. С помощью якоря Вы сможете направить посетителя на конкретное слово или картинку в любом месте страницы.

Что представляет собой якорь на сайте?

Еще год назад, я сам не знал, что представляет собой якорь на сайте, но нужда заставила узнать это и даже реализовать это на практике. Как оказалось, это классный инструмент и им нужно пользоваться. Сейчас мной используются якоря на сайтах одностраничниках для обеспечения удобства пользователей. Поскольку одностраничники создаются мной в программе Kompozer, то в данной статье мы рассмотрим, как сделать якорь на сайте одностраничнике. Якоря удобно использовать при создании лэндингов в Инфобизнесе и в вопросах заработка через Интернет.

Итак, представим себе, что у Вас есть длинная продающая страница, Вы хотите с помощью ссылки в статье блога направить читателя на какую-то фразу, которая находится, например, в конце страницы. Зачем посетителю листать всю страницу, до нужной фразы он может и не дойти. Реализовать эту задачу очень просто, делается это с помощью якоря.

В нужном месте продающей страницы Вы устанавливаете якорь, даёте ему имя и создаёте ссылку. При переходе по этой ссылке, Вы точно попадете в то место, где установлен якорь. Если не всё понятно, Вы можете посмотреть видео, которое находится ниже в статье — иногда визуально понятнее.

к оглавлению ↑

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

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

После того, как мы создали подписную или продающую страницу, её лучше залить на хостинг (на свой блог). Это нужно для того, чтобы уже была готовая на неё ссылка. Далее загружаем эту же страницу с компьютера в программу Композер, выбираем то место, где нужно установить якорь, ставим курсор и нажимаем на изображение якоря в верхней панели программы Kompozer (смотрите скрин).

Слева всплывает небольшое окно, в нём нужно придумать и прописать имя якоря, название должно быть на латинице, можно прописать и цифрами, далее жмём кнопку «Ок». Название якоря нужно сохранить также в отдельном документе для создания ссылки.

Вы можете на одной странице создать якорей сколько угодно. После окончания работы по созданию якорей, страницу обязательно нужно сохранить. Теперь обновлённый файл index html необходимо заменить (обновить) на хостинге, куда мы раньше закачали свой одностраничник.

Теперь приступаем к созданию ссылки. Например, после закачки одностраничника на хостинг (на сайт), мы получили ссылку в виде:

bizisk.sviluppo.host/biblioteka_inforoduktov/sozdanie_site

Название якоря пусть будет primechanie. Теперь нужно к ссылке дописать решетку и название якоря – получится вот такая ссылка:

bizisk.sviluppo.host/biblioteka_inforoduktov/sozdanie_site#primechanie

Нужно проследить, чтобы в ссылке не было пробелов. Наша ссылка готова. Теперь идём в редактор блога, выбираем нужную нам статью или пишем её. Выбираем нужное слово или фразу и делаем обычную ссылку. Открывается окно, куда мы и вставляем полученную ссылку на одностраничник с якорем. Обновляем запись, открываем страницу в браузере, находим созданную нам ссылку и нажимаем на неё. У Вас откроется одностраничник, в том месте, где установлен якорь. Подробнее о том, как сделать якорь на сайте показано в прилагаемом видео:

к оглавлению ↑

Заключение

Итак, теперь Вы узнали, как сделать якорь на сайте, зачем это нужно и как это работает. При необходимости Вы сможете сделать это самостоятельно. Единственное, нужно быть внимательным, бывает так, что забыл обновить страницу, и якорь не работает, внимательно нужно делать и ссылку, не допуская пробелов.

Якоря можно использовать и в обычных статьях на блоге, Вы сможете отправлять читателя к нужному разделу статей или к нужному участку текста другой статьи или страницы. Правда делается это немного иначе. Если эта тема будет для Вас интересна, могу подготовить отдельную статью на блоге.

Если Вы еще не знаете, как работать в программе Kompozer, могу посоветовать Вам, скачать мой бесплатный курс «Как сделать подписную страницу новичку» или платный недорогой видео-курс «Как создать подписную и продающую страницу за три шага новичку», они дополняют друг друга.

На тему работы в программе Композер на блоге есть несколько статей, найти их можете через поле «Поиск по блогу». Если Вы занимаетесь Инфобизнесом или вопросами заработка через Интернет, то Вам пригодится данная информация. Удачи Вам!

С уважением, Иван Кунпан.