Что такое якорная ссылка и как ее сделать в WordPress

Здесь поговорим как создать якорную ссылку или попросту «якорь» для перемещения внутри статьи сайта на WordPress.

Что такое якорная ссылка и для чего нужна

Представим себя читателями.

Обратили внимание, какими стали длинными информационные статьи? Порой встречаются до 25 тысяч знаков, рука устает листать.  Очень много избыточной информации. Благо добросовестные вебмастера оформляют оглавление к своим статьям. Кликнул по интересующему пункту в этом самом оглавлении и готово: читай то, что тебе необходимо в данный момент. Прочитал, воспользовался кнопкой «Наверх» в правом нижнем углу монитора или полосой прокрутки и снова выбирай в «Оглавлении» интересное.

А что делать если дочитал статью до конца, а кнопки «Наверх» нет? Приходится долго тянуть полосу прокрутки или еще хуже — крутить колесико мыши. Как в таком случае вернуться наверх быстро?

Очень хорошо, если автор позаботился: в конце статьи вставил якорную ссылку, возвращающую к оглавлению. Нажми на нее и… дома.

Так вот. Что это такое?

«Содержание», по сути, это те же «якоря» – только формируются они автоматически при помощи специального плагина или встроенными в тему функциями.

Для чего нужны якорные ссылки?

1. Для перемещения:

• по статье от пункта к пункту или
• к информации, которую автор предлагает повторить;
• в самый конец статьи
• или в начало.

2. Это дополнительная внутренняя перелинковка и элемент юзабилити:

• для комфорта читателям и
• удовольствия поисковикам.

А теперь вспомним, что мы вебмастера, работаем с сайтом на Вордпресс, и озадачимся вопросом: как же сделать «якоря». Что для этого требуется?

Как сделать якорную ссылку в WordPress

Рассмотрим на примере классического редактора.

Упс. Штатный классический редактор WordPress нам такую возможность не предоставляет. Т. е. там можно сделать ссылку, но на другую статью, или другой сайт. Это будет уже не «якорь».

Помним, что якорной называют ссылку-навигатор внутри одной статьи.

Поэтому, устанавливаем хороший и бесплатный плагин «Advanced Editor Tools (ранее TinyMCE Advanced)». Он расширяет возможности и классического редактора, и Gutenberg.

Вот скриншот панели управления, которую этот плагин нам предоставляет:

В ней мы видим значок «Флажок» с выскакивающей подписью «Якорь». Он то нам и нужен.

Якорь устанавливается в то место текста, куда мы будем переходить. Если нам требуется перейти с конца текста куда-то выше, то выше мы и будем устанавливать «Якорь».

Выделяем нужную строку в тексте левой кнопкой мыши (ЛКМ), в том числе это может быть заголовок пункта. Жмем на «Флажок». Монитор затемняется, выскакивает окно «Якорь» с полем для ввода его имени. Вводим в эту строку латиницей любой текст, например «ajda» (отображаться он нигде не будет). Жмем «Ок».

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

Переходим к ней и печатаем: «Читайте здесь», «Жмите здесь для перехода». Или любой другой текст, из которого будет понятно: «нажав сюда, вы перейдете к желаемой информации».

Выделяете нужное сочетание слов лкм, в панели управления выбираете инструмент «Ссылка» (на картинке под № 1). Выскакивает окно с предложением ввести URL или слово для поиска. Вводим # (хэш) и наше слово «ajda» без пробелов, жмем голубую стрелку «Применить».

Все. Пробуйте. Якорная ссылка создана и работает, быстро перемещая вас к строке с «якорем».

А вот, кстати, пример. Жмите здесь, чтобы вернуться к определению, что такое якорная ссылка.

Как удалить якорную ссылку

Предположим, что в «якоре» на странице отпала необходимость и вы хотите его удалить.

Что ж, нет ничего проще.

В строке со значком якоря в квадратике, выделите сам символ щелчком левой клавиши мыши. Потом на клавиатуре жмите «Delete». Значок исчез. Удалите ссылку, ведущую на якорь, просто выделив ее ЛКМ и кликнув по значку удаления в панели инструментов (на рисунке под № 2) или в выскакивающем окошке.

В завершение

Ссылки на статье — это важно, но еще важнее между статьями. Их расстановка между материалами сайта является одним из элементов перелинковки. О важности которой вы, наверняка, слышали. Поэтому, чтобы вы не испытывали в этом затруднений, авторы подготовили и предлагают ознакомиться с записью: «Как в WordPress сделать ссылку на другую статью«.

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

Применяйте якорные ссылки. Делитесь с друзьями. До новых встреч.