Как сделать якорную ссылку в WordPress: пошаговая инструкция

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

WordPress

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

Якорная ссылка в WordPress может перенаправлять на любой блок статьи – абзац, список, заголовок, таблицу, изображение и всё остальное. Ссылка может перенаправлять как на часть текущей страницы, так и часть другой страницы на сайте. Чтобы сделать якорную ссылку, совершите такие шаги:

Для начала выберите, на какой блок в редакторе будет осуществляться перенаправление. Кликните на него мышкой, в правой колонке разверните секцию “Дополнительно”, находясь во вкладке “Блок”, и заполните поле “HTML-якорь”. В нём можно писать только латинскими буквами и цифрами, без пробелов.

HTML-якорь

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

Звено

Напишите в качестве URL для перенаправления символ решётки и заданный ранее якорь, например, #part-1. Затем нажмите клавишу Enter или на стрелку в поле добавления ссылки.

Создание ссылки

И всё, ссылка будет работать. Если вы кликните по ней, то произойдёт переход к блоку, на котором вы установили якорь.

Так делают якорные ссылки в WordPress, которые переводят на другой блок в пределах одной страницы. Если вы хотите сделать перевод на другую страницу вашего сайта, то при создании ссылки надо сначала добавить URL страницы, а потом через символ решётки дописать якорь, например, https://example.com/page#part-1.

Сделать якорную ссылку можно не только внутри сайта, но и на страницы других сайтов. Но для этого на другом сайте должен быть установлен заранее якорь в нужном месте страницы. Делать внешние якорные ссылки на WordPress можно на сайты, сделанных на других CMS или конструкторах. Главное, чтобы был добавлен HTML-якорь.

Когда использовать якорную ссылку и как она влияет

Что такое обычная ссылка все знают – кликаешь на выделенное слово и просто переходишь в начало какой-то другой страницы. Якорная же ссылка переводит на конкретное место статьи. Это удобно, особенно в случае, когда статья слишком длинная и пользователю было бы сложно искать в ней нужное место.

Например, у вас на сайте имеется две статьи: первая о том, как правильно выбрать ноутбук, а вторая о том, какие бывают дисплеи ноутбуков. В первой статье перечисляются разные параметры ноутбука, которые влияют на работу, в том числе там есть раздел о диагонали дисплея. Во второй статье рассказываются разные параметры дисплеев ноутбука, в том числе там есть раздел о диагонали, в котором этот параметр расписан подробнее. И в таком случае вы из первой статьи, из раздела про диагональ дисплея ноутбука, можете сделать якорную ссылку на вторую статью, но не на всю, а сразу на тот раздел, где рассказывается о том, какие бывают диагонали. И тогда читателю не придётся в статье про разные параметры дисплеев искать место именно про диагонали. Звучит сложно, но на практике это очень удобно.

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

2 комментария

Оставить комментарий
  1. Галина Калинина

    Спасибо большое за подробную инструкцию, очень удобная ссылка, будем пользоваться и всем рекомендовать

  2. Благодарю Вас за подробный рассказ о создания якорной ссылки. Все ясно, понятно и без воды. Буду рекомендовать вас своим знакомым и друзьям

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

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