Как использовать якорные ссылки в записях и страницах WordPress?

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

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

Якорные ссылки также хороши для SEO, так как они будут отображаться в результатах поиска Google! Добавьте несколько изящных якорных ссылок в свои подзаголовки, и Google предоставит прямые ссылки на ваши якорные теги прямо из результатов поиска Google.

Итак, теперь, зная преимущества использования якорных ссылок в WordPress, давайте посмотрим, как вы можете включить их в записи и страницы WordPress.

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

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

Здесь вы можете добавить свою якорную ссылку, используя ‘#’ в качестве префикса, а затем текст slug или идентификатор якорной ссылки, который вы хотите использовать. Например, назовем якорную ссылку

#anchor_link

Использование атрибута Anchor ID для ссылок

Затем вы берете текст, на который хотите перейти по ссылке. Чаще всего это какой-либо подзаголовок.

Нажмите на кнопку расширенные параметры на панели инструментов и выберите опцию редактировать как HTML.

Затем возьмите HTML-тег в коде и добавьте к нему атрибут id с текстом slug нашего якорного идентификатора. Помните, что вам нужно добавить этот идентификатор в HTML-тег без префикса»#».