Якоря и их значение для навигации по сайту WordPress

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

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

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

Якоря в WordPress идеально подходят для того, чтобы размещать большие публикации. Без них поиск нужной информации у обычного посетителя занимал бы значительное время. Далеко не все готовы просматривать большой объём лишней информации, а якоря как раз помогают перескочить прямо к нужному месту.

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

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

Полезно: важность обновления движка и плагинов в WordPress

Как поставить якорь?

Расставить якоря под силу даже начинающему пользователю WordPress. Как правило, для этого предполагается следующая последовательность действий:

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

Теперь при клике на ссылку пользователь сразу попадёт в нужную часть публикации, сэкономив время и нервы. Безусловно, вы можете установить любое желаемое количество таких ссылок в тексте, тем самым обеспечив удобную навигацию.

Полезно: как определить ID поста, страницы и рубрики в WordPress

Ручной способ установки якорей

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

Для начала определите место в тексте, которое будет ссылкой на якорь. Обычно это одно или два слова. Их необходимо разметить с помощью простого кода <a href= “#place_in_text” >ваш текст</a>.

Как видим, ссылка указывает на якорь #place_in_text. Теперь переходим к месту, где должен оказаться пользователь после перехода по ссылке и прописываем якорь таким образом: <a id= “place_in_text”>место в тексте</a>. Не забудьте сохранить изменения и опубликовать статью, чтобы ваши ссылки заработали.

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

Плагины для установки якорей

Способ ручной установки якорей является самым простым, но при больших объёмах текста требует больших затрат времени. Частично автоматизировать разметку статей можно с помощью плагинов. Расскажем, как это работает на примерах:

  • Easy Table of Contents;
  • Scroll to Anchor;
  • и продвинутого редактора TinyMCE Advanced.

Easy Smooth Scroll Links обладает внушительным списком возможностей. Среди них наиболее важными являются: автоматическое создание оглавлений из заголовков и поддержка различных типов публикаций для которых можно активировать такую возможность. Для этого достаточно поставить несколько галочек в настройках. Также модуль поддерживает работу с популярными редакторами, включая Classic Editor, Gutenberg, Divi, Elementor, WPBakery Page Builder and Visual Composer. Кроме того, здесь можно выбрать формат оглавлений, а также создать для него сложную иерархию. Есть поддержка плавной прокрутки и тегов <!–nextpage–>.

Плагин регулярно обновляется и пользуется спросом у администраторов сайтов — его установили более 200 тыс. раз и оценили в среднем на 4,6 балла. Поддерживаются все актуальные версии WordPress, начиная с 5.3.

Полезно: очистка базы MySQL от мусорных файлов WordPress

Главная сила плагина Easy Smooth Scroll Links в его широких возможностях по настройке плавного скроллинга по якорным ссылкам. Всего здесь поддерживается 30 эффектов прокрутки, которые совместимы с популярными современными браузерами: Chrome, Firefox, Safari, IE. Помимо этого, можно задать индивидуальные параметры скорости прокрутки. Для установки якорных ссылок прямо в окне визуального редактора здесь предусмотрена специальная кнопка, которая позволяет обойтись без редактирования html-кода. Для начала выделите место, где планируете установить якорь. Затем свяжите его с текстом, который станет ссылкой.

Установить такой модуль можно на WordPress версии 3.8 и старше. 50 тыс. пользователей плагина оценили его в среднем на 4,5 балла.


Функционал  TinyMCE Advanced гораздо шире, чем редактирование якорей. По сути это продвинутая версия классического редактора публикаций для WordPress, которая отличается гибкими настройками. В частности, в разделе меню Insert здесь доступен инструмент Anchor, который позволяет быстро создавать ID для якорных ссылок. Благодаря возможности управлять расположением элементов интерфейса, на соответствующую кнопку можно вынести на панель инструментов. Альтернативой TinyMCE Advanced является использование инновационного редактора Gutenberg, в котором якоря можно устанавливать из бокового меню.

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

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

На практике с помощью якорей часто требуется не просто разметить отдельную статью, а дать в ней ссылку на другую публикацию с отметкой конкретного места. Сделать это очень просто. Для этого к URL целевой страницы следует добавить символ #, после которого прописать ID якоря: site.com/test.html#header1

Полезно: установка и настройка виджетов WordPress

Якоря и продвижение сайта

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

Полезно: 10 лучших SEO плагинов и инструментов WordPress в 2017 году

Подводные камни якорей

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

Заключение

Разметка больших публикаций с помощью якорных ссылок улучшает навигацию по ресурсу и делает его более удобным для пользователей. Устанавливать якоря можно как в ручном, так и автоматическом режиме. Для сокращения времени, выделяемого на структурирование публикаций, удобно пользоваться специальными плагинами или заменить стандартный редактор на TinyMCE Advanced или Gutenberg.