HTML ссылка – или как «бросить якорь» в нужном месте…

html ссылкаHTML ссылка имеет два формата.  Первый – это перенаправление на нужный  пост. Этот  формат известен всем.

Второй формат – перенаправление в определенную  точку  страницы. Такая ссылка называется – якорной.

.То есть, мы отправляем посетителя, прошедшего по этому линку, к «якорю», который установлен либо

на этой же странице либо на другой, нашего блога.

А зачем нам это надо? Давайте обсудим.

1. Конкретная отправка читателя  к нужной точке  статьи, которая имеет большие размеры. Представьте, что Вы публикуете  большой, информативный пост, с несколькими подпунктами, разбирающий  какие-то последовательные моменты. Ваш читатель  к концу публикации, хотел что-либо повторить или уточнить. (Здесь очень важно Вам, как автору, почувствовать возможные проблемы читательской аудитории). Созданная  якорная перелинковка   к конкретной точке  статьи, очень будет полезна.

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

2. Отправка читателя  к определенному месту на другой странице.
Здесь совсем просто. Вам, например, необходимо отправить посетителя к конкретному месту прайс листа, который опубликован на другой странице. Нет ничего проще. Вы применяете ссылку  – идентификатор или, как ее еще называют – якорную.

Разобрались . Теперь давайте приступим к практике.

Случай 1. Перенаправление  в рамках одного поста.

1.1   Устанавливаем «якорь».  Заходим в редакцию поста  и находим нужную точку, то место куда должен попасть читатель.

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

<a name=”1”></a>

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

<a href=”#1”>АНКОР </a>

Теперь давайте проверим. Я создала такую ссылку на пункт 1 моей статьи.

 

Случай 2. Перенаправление  посетителя  в рамках блога.

2.1 Устанавливаем  «якорь».  Принцип тот же. Только не забудьте поменять идентификатор.

<a name=”2”></a>

2.2  Публикуем пост  с идентификатором и копируем ссылку на эту страницу.

2.3 Создаем ссылку. Выбираем релевантный  текст для анкора и заключаем его в ссылку следующего вида

<a href=”адрес_страницы#2”>АНКОР</a>

Вот  такую ссылку я сделала на страницу  «Правильно создаем анкор ссылки» п.1

А теперь давайте посмотрим короткое видео по этому вопросу.


Related Posts Plugin for WordPress, Blogger...

About Смирнова Ирина

Очень рада приветствовать Вас на своем сайте! Моя задача - помочь начинающим интернет-предпринимателям пройти путь к поставленной цели без потерь. Смело перенимайте мой опыт! УДАЧИ!
Строим блог, , Permalink

2 комментариев к HTML ссылка – или как «бросить якорь» в нужном месте…

  1. В результате все оказалось не так и просто, так как нужно внимательно следить за количеством кавычек в теге. Но в итоге все получилось! Дополнительно важно не забыть сделать дополнительное действие, используя стандартную функцию редактора WP, чтобы ссылка открывалась в новом окне и посетитель имел возможность вернуться к исходному материалу. Благодарю, Ирина! Видео очень помогло!

  2. Оказывается, так это просто! А вещь-то очень и очень полезная! Я точно буду пользоваться, так как это может очень облегчить «жизнь» читателю! Благодарю, Ирина!

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