Анкоры в ссылках — термин, типы анкоров, пример анкор-листов
Проверить анкор-лист в linkbox.pro
Информация обновлена 19 ноября 2022 года
Анкор в ссылке — это кликабельный текст, текст ссылки, видимый читателю. Он должен дать понять юзеру и поисковой системе, что именно находится на странице, куда ведет ссылка. Технически анкор вписывают в тег ссылки следующим образом:
<a href="http://www.example.net">пример</a>
В данном коде текстовый анкор «пример» будет вести на страницу https://example.net/.
Анкоры во входящих ссылках, ведущие на сайт/страницу, являются важнейшим сигналом ранжирования. Правильно подобранный анкор-лист поможет вырасти по целевым ключам, повысить трастовость страницы. Конечно же, не стоит забывать, что это всего один из факторов ранжирования, а все они работают в комплексе.
А еще за неестественные анкоры, анкорный переспам и подобные вещи можно получить фильтр от Google.
Внутренние ссылки и анкоры на них считаются менее значимыми для ранжирования, однако качественная внутрення перелинковка все же может помочь улучшить индексирование страниц и их позиции.
Типы анкоров
Вебмастера делят ссылки в основном на 2 большие группы — анкорные и безанкорные. Вопреки названию, безанкорные ссылки все же технически имеют анкор, но об этом ниже=). Во внутренней перелинковке в основном используют анкорные ссылки, так как это не будет нарушением рекомендаций для вебмастеров и переспам тут не будет негативно влиять на ранжирование. Поэтому сейчас я буду рассказывать о типах ссылок и рекомендациях по их использованию именно для бэклинков. Рассмотрим подробнее каждую группу, а также оставшиеся типы ссылок.
Анкорные ссылки
Анкорные ссылки (также можно использовать термин money-анкоры или коммерческие анкоры) — это ссылки с целевыми ключами в анкорах, то есть такими ключами, под которые продвигают данную страницу.
- ✅ «анкор ссылка»;
- ✅ «анкор ссылки»;
- ✅ «анкор ссылки пример»;
- ✅ «анкор это как прописывать»;
- ✅ «что такое анкор»;
- ✅ «правильные анкоры» и подобное.
Общие рекомендации по анкорным ссылкам, которые используют большинство знакомых мне сео-специалистов, и которые на самом деле могут быть спорными:
- ⚠️ Для совсем новых сайтов не стоит несколько первых месяцев использовать анкорные ссылки.
- ⚠️ Анкорных ссылок не должно быть больше 40% (+-), потому что можно получить фильтр за это.
- ⚠️ ️Лучше не спамить отдельно взятыми анкорами, а делать ссылки максимально разнообразными.
- ✅ Чем лучше донор, тем лучший (более высокочастотный) лучше использовать.
- ✅ Чтобы быстрее получить трафик, лучше в качестве анкоров использовать те ключи, по которым есть больше всего видимость в Search Console.
Безанкорные ссылки
Безанкорные ссылки или ссылки с naked-анкором — это ссылки без прямых коммерческих ключей в анкорах. Они могут быть:
- ✅ С так называемым «общим безанкором», то есть общими словами типа «тут», «по ссылке», «перейти» и так далее.
- ✅ С анкором-доменом, например такими анкорами как example.net, https://example.net/, https://example.net.
Безанкорные ссылки считаются более безопасными в продвижении, однако и менее эффективными с точки зрения продвижения отдельно взятых ключей. Вебмастера также часто предпочитают взять домен с прямым вхождением ключа (emd-домен), чтобы продвижение безанкорными ссылками автоматически превратилось в анкорное продвижение.
Комбинированные типы ссылок
Комбинированные типы ссылок — это такие ссылки, в анкорах которых стоят как общие слова, так и прямые ключи. Например для моей страницы можно было бы использовать такой комбинированный анкор:
<a href="https://aboutseo.
Читать статью про анкор ссылки</a>
blog/ru/articles/anchor-text/">Соответственно, в этом комбинированном анкоре «анкор ссылки» — это ключ, а остальной текст является разбавочным.
Анкор в ссылках-картинках
В качестве ссылки может выступать не только текст/кнопка с текстом, но и картинка. Тогда «анкором» для бота принято считать alt картинки. Этот alt также может быть «naked» или «money». В консоли же ссылка с картинки отображается с «пустым анкором».
Спамные анкоры
Спамные анкоры используются конкурентами в черных нишах. На хороший сайт в топе с целью понижения его позиций могут поставить огромное количество ссылок, где в качестве анкора могут использовать ключи из адолт-ниши (всякие «порно…») или просто жесткий переспам релевантными ключами в большом количестве.
Гугл утверждает, что распознает подобные ссылки, проставленные конкурентами, и просто не учитывает их в своих алгоритмах.
Анкоры и рекомендации Google
Рекомендации Гугл сводятся к тому, что не стоит покупать ссылки и ставить коммерческие неестественные анкоры (что иногда опровергается реально ситуацией в SERP).
Вот что я могу порекоммендовать для изучения этой темы:
- Проиндексированные анкоры на dofollow ссылках на свой сайт удобнее всего смотреть в инструменте Ссылки в Search Console.
- Про спам ссылками и коммерческими анкорами есть информация тут.
- Инструкция по отклонению ссылок со спамными анкорами и много другой полезной информацмм тут.
Немного выводов
Имхо, нет таких понятий как «правильные анкоры» или «правильный анкор-лист». Также я не могу сказать, что есть «правильное» соотношение анкорных и безанкорных ссылок. Это все нужно продумывать индивидуально для каждого сайта/страницы после анализа выдачи и анализа уже существующих входящих ссылок.
Лично я придерживаюсь мнения, основанного на своем опыте, что больший урон могут нанести плохие доноры, чем переспам конкретно взятым анкором. Однако следует помнить, что чем естественнее выглядит анкор, и чем лучше он вписывается в контент на странице бэклинка, тем больше шансов, что он даст конкретный результат.
Быстрые ответы
Что такое анкор?
Анкор — это видимый текст ссылки, текст, который дает понять читателю, о чем страница/сайт, на который ведет эта ссылка.
Что такое анкорные ссылки?
Это ссылки с коммерческим (продвигаемым) ключевым словом/фразой в качестве анкора.
Что такое безанкорные ссылки?
Это ссылки без коммерческих ключей в анкорах.
Где проверить анкоры своих ссылок?
Рекомендую использовать Search Console, Ahrefs или Linkbox.pro.
Статьи по теме
Как массово проверить не удалены ли ссылки
Dofollow и nofollow ссылки
Поддержите Украину!🇺🇦
Мы боремся за нашу независимость прямо сейчас. Поддержите нас финансово. Даже пожертвование в 1 доллар важно.
Чем отличаются анкорные и безанкорные ссылки
Ссылочная масса – один из основных факторов ранжирования.
Внешняя оптимизация сайта включает размещение ссылок на схожих по тематике сайтах. При этом важно не только подобрать подходящий сайт, но правильно составить анкоры.
Любая ссылка в интернете состоит из двух частей:
- URL – адрес страницы, на которую она ведет;
- анкор – текст ссылки, который видит посетитель сайта.
Анкор – это кликабельный текст в статье. При нажатии на него вы переходите на другую страницу сайта или вообще на другой сайт. Анкор в переводе с английского — якорь. Обычно анкор содержит ключевое слово по которому идет СЕО продвижение сайта. Таким образом, поисковые системы понимают по каким словам надо выводить ту или иную страницу в поисковой выдаче.
Ниже Вы можете посмотреть как выглядит анкорная ссылка на странице блога нашего агентства:
Рис.2. Пример анкорной ссылки
Также анкор является одним из факторов ссылочного продвижения сайта. По нему поисковые роботы определяют качество ссылки, а пользователь заранее узнает, куда она ведет.
Специалисты делят все ссылки на анкорные и безанкорные. Они отличаются текстом анкора.
Рис.3. Виды ссылок
Анкорные ссылки
Текст анкора содержит ключевую фразу, соответствующую тематике продвигаемого сайта. Анкорную ссылку можно органично включить в страницу, не нарушая смысл и грамматику контента. По ней посетитель четко понимает, куда переходит. Количество лишних действий сводится к минимуму.
Анкорные ссылки бывают двух типов:
- Точный (неразбавленный) анкор – используется дословная ключевая фраза. Например, продвижение сайта, контекстная реклама, создание сайта;
- Неточный (разбавленный) анкор – словоформы ключевых фраз, их синонимы или описание тематики сайта. Например, раскрутить сайт, настроить контекстную рекламу, создать сайт.
В тексте анкора не должно быть ошибок. В противном случае поисковый робот считает его некорректно и приравняет к спаму.
Анкорные ссылки используют преимущественно для внутренней перелинковки сайта. Они помогают посетителям ориентироваться на ресурсе. Для размещения на внешних источниках применяются редко, так как поисковики часто считают их покупными и либо не учитывают их вес, либо банят сайт.
Безанкорные ссылки
В тексте анкора нейтральные слова, не содержащие ключи и прямо не указывающие на тематику сайта. Для таких ссылок есть несколько вариантов анкоров:
- общие – указательные или нейтральные фразы. Например, здесь, тут, на сайте, по ссылке;
- брендовые – название бренда, продукта или компании. Обычно такая ссылка ведет на главную страницу сайта компании. Например, Белая Ворона, интернет-магазин Адидас, Битрикс24;
- адрес – URL страницы, на которую ведет ссылка. Например, https://bvorona.su, bvorona.su;
- заголовок – название статьи или раздела. Больше подходят для блогов. Например, Яндекс Кью, Чат-боты в Битрикс24;
- изображение – ссылка, привязанная к картинке, анкором служит текст атрибута ALT.
Безанкорные ссылки считаются естественными. Именно в таком виде чаще всего их оставляют обычные пользователи. При продвижении сайта специалисты делают упор именно на них. Размещают их на внешних источниках, преимущественно на форумах и тематических площадках (крауд-маркетинг).
Каких анкоров стоит избегать
В Яндексе за ссылки отвечает алгоритм Минусинск, в Google – Пингвин. Среди прочих факторов они учитывают анкоры. За какие анкоры можно попасть под фильтры:
- написанные с нарушением правил русского языка. В некоторых случаях точная ключевая фраза противоречит правилам грамматики. Нельзя использовать ее в таком виде. Например, создание сайта недорого Чебоксары, контекстная реклама Директ настроить;
- содержащие коммерческие запросы. Поисковые роботы с высокой вероятностью посчитают спамом анкор со словами купить, заказать. Например, заказать продвижение сайта, купить контекстную рекламу;
- нерелевантные окружающему тексту. Если текст на странице про контекстную рекламу, а ссылка и анкор ведут на сайт со строительными материалами, то поисковик примет это за спам. Сейчас такой метод используют только совсем отчаянные сеошники;
- скрытые. Некоторые недобросовестные специалисты вместо анкоров вписывают точки, запятые и другие знаки препинания или специальные символы. Это откровенные спам.
Не следует один и тот же анкор применять много раз даже в разных источниках. Это противоречит логике поисковиков. Разные пользователи оставляют ссылки на понравившийся сайт с помощью разных анкоров. Один анкор встречается много раз – явная попытка повлиять на выдачу.
Соотношение анкорных и безанкорных ссылок в ссылочном профиле
Все ссылки влияют на все страницы, на которые они ведут. Внешние (с других сайтов) – отвечают за динамический вес. Именно на них строится ссылочное ранжирование. Внутренние (внутри сайта) – передают статистический вес. Они учитываются поисковиками и тоже влияют на рейтинг ресурса.
Главное правило поисковых систем – ссылки должны быть естественными. Таковыми являются безанкорные ссылки. Их можно размещать на форумах, блогах, в социальных сетях. В большинстве случаев это даже бесплатно.
Продвижение анкорными ссылками работает слабо, так как системы их обычно считают покупными. Их чаще используют для внутренних ссылок и навигации.
Хороший ссылочный профиль должен включать в себя все виды анкорных и безанкорных ссылок. Должны преобладать безанкорные ссылки. Примерное соотношение такое:
- безанкорные – 50%;
- неточные анкоры – 35%;
- точные анкоры – 15%.
Универсального процентного соотношения нет – каждый специалист опытным путем находит оптимальный вариант. Многое зависит от продвигаемого ресурса и от ниши.
Интересует продвижение сайта, но не хотите во всем этом разбираться?
Мы можем взять все работы по составлению ссылочного портфеля на себя. Предложим анкор лист из внутренних и внешних ссылок. Сделаем так, чтобы Ваш сайт выходил по «горячим» запросам в поисковой выдаче.
Как составить анкор-лист
Для успешного продвижения нужен анкор-лист – таблица с указанием ссылок, анкоров и их количества. Он позволяет отслеживать процентное соотношение разных типов анкоров и сохранять естественность ссылочного профиля.
Последовательность составления анкор-листа:
- Находим прямых конкурентов. В поиске забиваем ключевой запрос и смотрим первые 5 или 10 позиций;
- Анализируем ссылочный профиль конкурентов с помощью специальных сервисов. Например, Ahrefs покажет топ-5 анкоров бесплатно. Также подойдут сервисы Semrush, LinkPad, MegaIndex, Open Site Explorer, Majestic.com. Собственный сайт можно проанализировать бесплатно Вебмастером и Google Search Console;
- Разбавляем полученные ссылки брендовыми и собственными. Для этой работы можно нанять копирайтера или воспользоваться специальными сервисами – PromoPult, RooKee, WebEffector;
Вносим анкоры и ссылки в таблицу, проставляем необходимое количество для соблюдения процентного соотношения. Размещаем ссылки и отмечаем их в документе.
Резюме
Анкор – это текстовая часть ссылки, видимая пользователю. В зависимости от текста анкора ссылки бывают анкорными и безанкорными. У анкорных в тексте ключевая фраза или ее форма, у безанкорных – нейтральные слова, адрес или название сайта. Наряду с другими ссылочными факторами анкор учитывается поисковиками. За ошибки и спам в анкорах можно попасть под фильтр.
В ссылочном профиле должны преобладать безанкорные ссылки. Они считаются естественными. Их лучше всего размещать с помощью крауд-маркетинга. Анкорные ссылки больше подходят для внутренних ссылок.
Для сохранения пропорций разных типов ссылок необходимо создавать анкор-лист. В его составлении и анализе ссылочного профиля конкурентов помогут специальные сервисы.
Ссылочная масса – это лишь часть факторов ранжирования. Не нужно забывать и про остальные. Привести сайт в порядок помогут специалисты Белой Вороны. Оставьте заявку на сайте или позвоните нам. Приведем клиентов из интернета.
Автор
Александр Хмелев
Поделиться:
| Шаг 5: Откроется всплывающее окно. В текстовой области на странице должен появиться небольшой значок привязки. | Шаг 6 : | Шаг 7 : Откроется всплывающее окно «Вставить ссылку». В разделе окна Anchors щелкните раскрывающийся список и выберите уникальный идентификатор, который вы добавили из Шаг 6 , затем выберите OK . | Шаг 8: |
Как создавать якорные ссылки в WordPress: полное руководство
Ведение веб-сайта — это большая ответственность, и знание того, как создавать якорные ссылки в WordPress, станет важным навыком при создании контента, который понравится вашим посетителям. читать. Якорные ссылки помогут вам направить ваших читателей именно туда, где им нужно быть на вашем сайте. Использование якорных ссылок также может улучшить взаимодействие с пользователем и даже дать вам небольшое преимущество в SEO.
В этой статье мы покажем вам, как легко создавать якорные ссылки в WordPress и в каких ситуациях вы можете их использовать.
- 1
Что такое анкорные ссылки?
- 1.1 Анатомия анкорной ссылки
- 2
Почему вы должны создавать якорные ссылки в WordPress?
- 2.1 Пользовательский опыт
- 2.2 Меню навигации по сайту на одной странице
- 2.3 Содержание постов или страниц
- 2,4 Преимущества SEO
- 3 Плюсы и минусы использования якорных ссылок
- 4
Как создать якорные ссылки в WordPress: 6 способов
- 4.1 1. Создайте якорные ссылки вручную с помощью редактора блоков WordPress.
- 4.2 2. Создайте якорные ссылки вручную в HTML в классическом редакторе WordPress.
- 4.3 3. Добавляйте якорные ссылки автоматически с помощью плагина Anchor Link
- 4.4 4. Добавьте якорные ссылки в меню навигации
- 4,5 5. Создайте якорные ссылки на внешние страницы
- 4.6 6. Создавайте якорные ссылки в WordPress с помощью Divi
- 5 Заключение
С технической точки зрения якорная ссылка — это ссылка (или гиперссылка). На самом деле, в HTML элемент привязки (представленный как тег a ) является общим для всех ссылок, которые делают веб таким, каким мы его знаем, возможным. Тем не менее, термин «якорная ссылка» обычно является синонимом термина «ссылка для перехода», ссылка, которая переходит к определенному элементу на странице. Таким образом, основное различие между якорными ссылками (или переходными ссылками) и обычными ссылками заключается в назначении. Традиционные гиперссылки отправляют пользователей на страница , в то время как якорные ссылки отправляют пользователей в определенный раздел страницы . Якорные ссылки могут указывать на раздел на той же странице или на раздел на другой странице. Но, кажется, первое более распространено.
Якорные ссылки часто полезны для длинных статей. Но их также можно использовать для одностраничных навигационных меню или для создания оглавления постов или страниц.
Анатомия якорной связи
элементов изображения от Vector Stock Pro и Paul Craft / Shutterstock. com
Подобно любой гиперссылке в HTML, якорная ссылка работает благодаря двум основным компонентам.
- Элемент с определенным идентификатором привязки (якорь). Это элемент, к которому вы хотите перейти на странице.
- Ссылка на элемент с соответствующим идентификатором привязки (ссылка привязки). Эта ссылка будет «переходить» к якорному элементу, где бы он ни находился на странице.
Чтобы сделать ссылку на определенный фрагмент контента (якорь), вам нужно будет присвоить этому элементу якоря уникальный идентификатор, чтобы якорная ссылка имела место для перехода.
Это пример фрагмента HTML для заголовка (элемент h3) с идентификатором привязки, который мы можем использовать для ссылки привязки (идентификатор синего цвета):
Пример заголовка
Таким образом, мы можем создать якорную ссылку, которая переходит к этому элементу заголовка. Ключом к якорной ссылке является уникальное значение атрибута href . Вместо обычного URL-адреса вы должны включить знак решетки «#» перед соответствующим идентификатором привязки. В HTML это будет выглядеть так:
Нажмите здесь, чтобы перейти к заголовку
Обратите внимание, , что при ссылке на идентификатор привязки вы должны включать «#» в начале. Но при именовании элемента привязки с идентификатором привязки вы не включаете «#». Кроме того, имя идентификатора привязки должно быть одинаковым как для ссылки, так и для заголовка (кроме «#», конечно). Если это не так, ссылка не будет работать.
Кроме того, если вы хотите добавить якорную ссылку в определенный раздел внешней страницы, вам нужно будет включить URL-адрес страницы перед идентификатором якоря следующим образом:
Якорная ссылка
Это основа.
Существуют различные способы достижения того же эффекта в WordPress, все зависит от конфигурации вашего сайта. Прежде чем мы рассмотрим, как создавать эти якорные ссылки (наш любимый способ — это якорные ссылки в Divi Builder), давайте посмотрим, почему вы хотели бы рассмотреть возможность их использования.
Мы более подробно рассмотрим несколько основных причин использования якорных ссылок в WordPress, в том числе:
- Лучшее взаимодействие с пользователем
- Одностраничные меню навигации
- Содержание постов и страниц
- Преимущества SEO
Взаимодействие с пользователем
При создании веб-сайта важно думать о пользовательском опыте (UX). Один из способов улучшить UX — использовать якорные ссылки.
Якорные ссылки помогают улучшить взаимодействие с пользователем (UX), поскольку они позволяют пользователям легче перемещаться по странице. Они помогают пользователям находить конкретную информацию на странице с минимальными усилиями. При правильном использовании якорные ссылки могут сделать ваш сайт более удобным для пользователей и улучшить общее впечатление посетителей.
Одностраничное меню навигации по сайту
Якорные ссылкиобычно используются на одностраничных веб-сайтах и отдельных целевых страницах. Есть несколько причин, по которым использование якорных ссылок может быть полезным в таких случаях.
Во-первых, посетителя может немного раздражать посещение веб-сайта без навигации по меню. Даже на одностраничных сайтах. Поскольку люди так привыкли видеть этот элемент, было бы неплохо включить его, даже если нет других страниц, на которые можно было бы ссылаться.
Якорные ссылки на меню навигации также полезны для быстрого перехода людей вниз по странице к нужному содержимому. Целевые страницы часто используют это, чтобы привести потенциальных клиентов к точной информации, которую, по их мнению, им не хватает.
Якорные ссылки используются в качестве инструмента навигации на веб-сайтах и могут повысить показатель кликабельности вашего веб-сайта. CTR — важный показатель для оптимизации веб-сайта и оптимизации коэффициента конверсии (CRO). Добавляя якорные ссылки на свой веб-сайт, вы можете улучшить взаимодействие с пользователем и облегчить пользователям поиск контента, который они ищут. В конечном итоге это приведет к повышению CTR и рентабельности инвестиций для вашего сайта.
Содержание постов или страниц
Якорные ссылки используются для быстрого перехода к определенным разделам длинного документа или веб-страницы. Нажав на якорную ссылку, читатель автоматически попадает в раздел страницы, которому соответствует ссылка. Это может быть чрезвычайно полезно при навигации по оглавлению (TOC) с большим количеством глав и подразделов.
Содержание без якорных ссылок позволяет посетителю сайта быстро просмотреть содержимое. Но использование якорных ссылок в самом оглавлении позволяет им быстро подвести итоги и погрузиться в контент, который им нужен больше всего.
В целом, якорные ссылки — полезный инструмент для организации и навигации по длинному контенту. Обеспечивая быстрый и легкий доступ к определенным разделам документа, якорные ссылки могут помочь сделать сложную информацию более доступной и удобной для пользователя.
Чем мы можем помочь посетителям и клиентам!
Преимущества SEO
Якорные ссылки также могут играть роль в вашей стратегии SEO-ссылок. Они важны для SEO-контента, поскольку обеспечивают контекст для пользователей и поисковых систем и помогают с первого взгляда понять содержание страницы.
Используя якорные ссылки, вы можете помочь пользователям быстрее находить нужный им контент. Это может оказать положительное влияние на показатель отказов, что может улучшить общий рейтинг вашего сайта. Чем лучше страница привлекает внимание реальных пользователей, тем более оптимизированным для SEO становится ваш контент. Для достижения наилучших результатов убедитесь, что эти якорные ссылки имеют оптимизированный якорный текст, чтобы Google знал, как правильно его индексировать.
Якорные ссылки также могут использоваться Google и другими поисковыми системами для создания более интересных и полезных расширенных фрагментов для поисковой выдачи.
Когда Google считает, что внутреннюю якорную ссылку полезно показывать пользователям, выполняющим поиск, он может включать популярные якорные ссылки в фрагмент поиска. Это позволяет посетителю получить больше информации при принятии решения о просмотре вашей статьи или веб-страницы.
Чем более полезным Google находит ваш веб-сайт, тем выше его рейтинг — и это хорошая новость для вас.
Кроме того, оснащение вашей страницы якорными ссылками дает другим сайтам возможность ссылаться на определенный фрагмент контента на вашей странице, который более актуален для их читателей. Это, возможно, более полезно для третьих лиц, чем предоставление ссылки на длинную запись в блоге, которую пользователи должны прокручивать, чтобы найти соответствующую информацию. Таким образом, якорные ссылки могут помочь в вашей стратегии построения ссылок для получения большего количества обратных ссылок.
Основное соображение при использовании якорных ссылок заключается в том, чтобы знать, будут ли они полезны вашим посетителям в рамках определенного фрагмента контента. Если это не помогает, то плюсы и минусы использования якорных ссылок не имеют значения. Но, если они будут помогать посетителям сайта ориентироваться в вашей статье или странице, то стоит знать плюсы и минусы.
Плюсы:
- Использование якорных ссылок облегчает посетителям навигацию по вашему контенту
- Использование якорных ссылок добавляет дополнительную информацию поисковым системам для понимания вашего контента
- Использование якорных ссылок делает ваш контент более удобным для просмотра
Минусы:
- Якорные ссылки требуют больше времени для настройки после того, как вы закончите писать свой контент
- Пользователи могут потеряться в содержании, если они перешли к разделу, но не нашли то, что искали
- Отображение ссылок привязки без контекста может сбить с толку посетителей сайта, которые ожидали увидеть другую веб-страницу
Существуют различные способы создания якорных ссылок в WordPress.
Ниже мы рассмотрим 5 различных способов установки якорных ссылок независимо от того, как настроен ваш веб-сайт. Мы покажем вам, как создавать их на отдельных страницах, между страницами, в вашей навигации, с помощью плагинов и очень просто с помощью Divi Builder.
1. Создание якорных ссылок вручную с помощью редактора блоков WordPress
Якорная ссылка — это ссылка, позволяющая перейти к определенному разделу на странице. Чтобы создать якорную ссылку в редакторе блоков WordPress, вам нужно будет сделать следующее:
В редакторе блоков WordPress добавьте блок заголовков и введите текст заголовка.
В настройках блока заголовков (на вкладке «Дополнительно» блока «Заголовки») добавьте HTML-идентификатор в поле «Заголовок». Это будет использоваться в качестве цели якорной ссылки.
После того, как идентификатор элемента заголовка установлен, мы можем выделить текст и добавить гиперссылку. Вместо веб-адреса мы можем добавить знак решетки (#) и идентификатор нашего элемента. Нажмите Enter, и ссылка будет применена к этому тексту.
Сохраните изменения и просмотрите страницу, чтобы протестировать новую якорную ссылку.
2. Создание якорных ссылок вручную в HTML в классическом редакторе WordPress
Если вы хотите создать якорную ссылку в классическом редакторе WordPress, вам нужно добавить немного HTML. Но не волнуйтесь, это не сложно. Во-первых, вам нужно найти заголовок, на который вы хотите сослаться. В коде вашего сообщения или страницы (текстовая вкладка рядом с вкладкой визуального редактора) найдите тег заголовка вокруг текста, на который вы хотите сослаться.
Например, если вы хотите создать якорную ссылку на заголовок с надписью «Узнайте обо мне», вы должны найти тег h3 (второй заголовок) вокруг этого текста.
Ищите:
Обо мне
После того, как вы нашли тег заголовка, добавьте к нему атрибут id. Значение атрибута id должно быть уникальным, поэтому выберите то, что больше нигде на странице не будет использоваться. В нашем примере мы будем использовать «обо мне».
Измените тег заголовка на:
Обо мне
Далее вам нужно найти текст, по которому ваши посетители должны щелкнуть, чтобы перейти в закрепленный раздел. У вас есть возможность ввести HTML для новой ссылки привязки или вы можете использовать классический редактор, чтобы добавить функцию ссылки. Мы будем использовать редактор WYSIWYG, который находится на вкладке Visual, чтобы быстро создать ссылку.
Выберите текст (или изображение), на которое вы хотите добавить ссылку. Щелкните значок цепочки на панели инструментов редактора. Добавьте «#обо мне» в поле ввода ссылки и нажмите Enter, чтобы завершить создание ссылки.
Нажмите «Опубликовать» или «Предварительный просмотр», чтобы увидеть свою якорную ссылку в действии.
3. Автоматическое добавление ссылок привязки с помощью плагина ссылок привязки
В репозитории WordPress есть довольно много плагинов, которые могут помочь вам быстро создать оглавление с автоматически созданными якорными ссылками. Вы можете найти плагины Table of Contents в репозитории.
Хотя вы можете выбрать один из нескольких вариантов, мы рассмотрим, как использовать Easy Table of Contents by Magazine3.
Сразу после установки Easy Table of Contents вы получите оглавление на основе заголовков страниц и сообщений. Не нужно настраивать какие-либо параметры, чтобы увидеть, как это будет выглядеть. Загрузите плагин, а затем взгляните на свой последний пост.
Посмотрев на то, что он может сделать, разумно вернуться к его настройкам, чтобы адаптировать их к вашим потребностям. Для большинства людей, вероятно, все, что вам нужно, — это разрешить отображение TOC в сообщениях. Вы увидите, что Easy Table of Contents распознает все ваши пользовательские типы сообщений и различные шаблоны, которые вы можете включать и выключать.
Существует множество других вариантов, которые вы можете попробовать, но все зависит от вашего веб-сайта и потребностей. Мы предлагаем начать с создания TOC, используя только заголовки от h3 до h4 или, может быть, h5. Если в TOC слишком много элементов, это не будет так полезно, как вы надеялись.
Они предлагают профессиональную версию с большим количеством функций. Он также отлично работает с Divi!
Опять же, есть и другие плагины «Оглавление», которые могут вам пригодиться. Проведите исследование и протестируйте несколько из них, чтобы получить лучшие функции, соответствующие вашим потребностям.
Одностраничные веб-сайты и целевые страницы с ограниченным меню навигации могут быть очень эффективными. Часто мастера сайтов используют якорные ссылки в навигационном меню, чтобы перемещать посетителей вниз по странице.
Это очень полезно, когда веб-сайту не нужно много страниц, но все же нужно дать посетителю возможность просмотреть именно ту информацию, которая ему нужна.
Создание якорных ссылок для навигации — это то же самое, с чем мы уже работали, за исключением фактической ссылки. Ссылка войдет в вашу навигацию.
Прежде чем добавлять ссылки привязки в навигацию, вам все равно нужно добавить идентификатор привязки к заголовку (или элементу привязки), к которому вы хотите перейти. Обратитесь к приведенным выше инструкциям по вставке идентификатора привязки в редакторе WordPress.
Когда у вас есть этот набор, вы готовы добавить свою ссылку в меню навигации.
Откройте Внешний вид > Меню, чтобы увидеть меню вашего сайта. Убедитесь, что вы редактируете правильное меню, затем выберите «Пользовательские ссылки». В поле URL добавьте свой первый идентификатор привязки HTML, которому предшествует «#» (#example-anchor-link). Дайте своему пункту меню имя, заполнив поле «Текст ссылки». Это будет отображаться в самом меню. Нажмите «Добавить в меню» и «Сохранить меню».
При необходимости повторите процесс добавления дополнительных уникальных идентификаторов привязки к заголовкам и ссылкам привязки в меню.
Вы можете увидеть свои изменения в интерфейсе вашего веб-сайта, чтобы увидеть, как он выглядит.
5. Создание якорных ссылок на внешние страницы
Если вы хотите добавить якорную ссылку в определенный раздел внешней страницы, вам нужно будет указать полный URL-адрес страницы, за которым следует «#» и идентификатор якоря.
Якорная ссылка на определенный заголовок на внешней странице должна иметь следующую структуру:
Якорная ссылка
Это перенаправит пользователя на страницу, а также на определенный заголовок на этой странице.
6. Создавайте якорные ссылки в WordPress с помощью Divi
Divi — это невероятный конструктор тем и страниц, который упрощает разработку веб-сайта в WordPress. В Divi вы можете легко создавать якорные ссылки на любой элемент, не беспокоясь о HTML.
Чтобы добавить якорные ссылки в Divi, откройте редактор страниц и визуальный конструктор Divi. Первое, что мы сделаем, это присвоим разделу идентификатор привязки. Мы делаем это, открыв настройки раздела, перейдя на вкладку «Дополнительно» и нажав «CSS ID и класс». Вы можете добавить идентификатор привязки к любому элементу Divi, но ссылка на раздел может быть удобнее для пользователя, чем ссылка на тег заголовка.
Мы добавим наш идентификатор в поле идентификатора CSS и сохраним наши изменения. В этом примере мы присвоили нашему разделу идентификатор «offer».
После того, как мы настроили наш раздел с идентификатором, мы можем сделать ссылку, чтобы создать нашу ссылку. В этом примере мы используем наш основной призыв к действию в разделе героев. Эта кнопка прокручивает пользователя вниз до раздела «Подписаться на специальное предложение».
Отредактируйте кнопку и щелкните в разделе «Ссылка». Для нашей ссылки вместо URL мы добавляем якорную ссылку. Сделайте это, введя знак решетки (#) и желаемый идентификатор CSS. Для этого примера ссылка будет «#offer».
Опубликуйте изменения страницы, а затем перейдите на страницу во внешнем интерфейсе. Вы можете нажать кнопку и посмотреть, как она прокручивается до нужного раздела. Вот наш пример в действии:
Как видите, с помощью Divi очень легко управлять несколькими якорными ссылками на одной странице. Присвоить разделам и отдельным модулям идентификатор несложно.
Иногда положение прокрутки может быть неточным. У Divi есть опция темы, которую вы можете переключить, чтобы Divi использовал альтернативный метод. Откройте «Параметры темы», перейдите на вкладку «Навигация» и включите «Альтернативный метод прокрутки до привязки».
Чтобы узнать больше о том, что Divi может делать с якорными ссылками, ознакомьтесь с этими интересными вещами, которые вы можете делать с якорными ссылками!
Заключение
Каждая секунда, которую посетитель проводит на вашем сайте, бесценна. У людей короткая и требовательная продолжительность концентрации внимания. Конкуренция за все то же внимание постоянно растет. У вас есть всего несколько секунд, чтобы зацепить читателей и предоставить им контент, который они искали. В противном случае вы создаете незабываемые впечатления от веб-сайта и снижаете посещаемость.
Как мы узнали, якорные ссылки — отличный способ направить ваших читателей к определенным частям вашего контента.