Способы заработка через Интернет Инфобизнес
Как сделать якорь на сайте одностраничнике

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

Оглавление:

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

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

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

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

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

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

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

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

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

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

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

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

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

biz-iskun.ru/biblioteka_inforoduktov/sozdanie_site

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

biz-iskun.ru/biblioteka_inforoduktov/sozdanie_site#primechanie

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

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

Заключение

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

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

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

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

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

P.S. Без привлечения подписчиков, без работы с ними не обойтись. Если у Вас есть трудности с работой в этом направлении, можете скачать бесплатный мастер класс по Инфорассылке. Там же можете скачать бесплатную интеллект карту с пошаговым планом создания и монетизации серии писем.

Просмотров: 868
Получайте новые статьи блога прямо себе на почту. Заполните форму, нажмите кнопку "Подписаться"
Ваше имя: *
Ваш e-mail: *
Вы можете почитать:
13 комментариев
  1. Григорий:

    Якорь вещь полезная и нужная. Хорошо читаются блоги с ними. Удобно, практично, без суеты.

    Ответить
    • Иван Кунпан:

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

      Ответить
      • Юлия:

        да действительно только у Вас так удобно статью просматривать, сколько времени у Вас уходит на создание лендинга в этой программе

        Ответить
        • Иван Кунпан:

          Вы не совсем правильно поняли. В статьях якори я не использую, а вот в каталоге инфопродуктов да. Что это даёт? Например, Вы кликаете по ссылке и Вам открывается продукт под номером 19, а всего их на странице 35. Согласитесь удобно, не надо листать, искать…

          Ответить
  2. Иван:

    Отличные советы. Я не знал как это делается, а Вы подробно объяснили и показали.

    Ответить
    • Иван Кунпан:

      Иван, попробуйте сделать один раз и Вам понравится.

      Ответить
  3. Алина Таранец:

    Я тоже пользуюсь якорями — это удобно и современно. Но до сих пор я просто прописывала код. А теперь узнала способ установки якоря в Композере. Спасибо, Иван!
    С уважением, Алина Таранец, автор блога ПУТИ К ЗДОРОВЬЮ.

    Ответить
    • Григорий:

      Алина Таранец

      Если вы владеете версткой. Продолжайте. Это правильно

      Ответить
      • Иван Кунпан:

        Алина, Вы молодец! Далеко не все «молодые» блоггеры умеют и хотят этим заниматься.

        Ответить
        • Григорий:

          Согласен! Не смотря на WP, знание эйчьтимиэль не только полезно, но и нужно. Тем более в баре есть простор для творчества. Да и не только в баре…

          Ответить
          • Иван Кунпан:

            Да, HTML (его основы) нужно знать, не бегать же по каждому пустяку на фриланс?

            Ответить
    • Иван Кунпан:

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

      Ответить
Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

ЛУЧШЕЕ РЕШЕНИЕ ДЛЯ НАЧИНАЮЩИХ
«Как начать зарабатывать в интернете без вложений»