Анкор ссылки что это: Что такое анкор ссылки и как его составить

Что такое анкор ссылки и как его составить

Анкор ссылки — это текст, к которому прикреплена ссылка, ведущая на сторонний ресурс, другую страницу сайта или отдельный блок текста на той же веб-странице.

Под анкором понимается исключительно связка: текст+ссылка.

 

20+ классных курсов по веб-аналитике и работе с данными — это хороший анкор.

https://www.unisender.com/ru/blog/idei/obuchayushchie-kursy-po-veb-analitike/ — а это просто ссылка, URL, она не является анкором. 

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

Как используют анкоры

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

В словаре Unisender можно прочитать про UX, а потом быстро перейти по ссылке и узнать про смежный термин «юзабилити»

Анкоры решают несколько важных задач: 

Создают навигацию и связи. С помощью гиперссылок с понятным текстом можно быстро перенаправить пользователя в другой раздел сайта или на потенциально интересный для него материал. 

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

На сайте TexTerra анкор интегрирован в отдельный блок и предлагает почитать другой материал. А еще есть блок с анкорами справа

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

Продвигают сайт на сторонних ресурсах. Анкоры нужны не только внутри одного сайта. Текст с гиперссылками размещают на других ресурсах, чтобы прорекламировать свой материал или статью — платно или в рамках партнерства. Это один из инструментов линкбилдинга. А еще анкоры приводят на сайт пользователей из других каналов — соцсетей, мессенджеров, email-рассылок.

Статья CEO Unisender Максима Соловьева на портале Cossa.ru. Анкор ведет в блог Unisender

Какие бывают анкоры

В зависимости от концентрации ключевых слов анкоры можно разделить на разбавленные и неразбавленные.

Неразбавленные содержат только прямое вхождение ключевой фразы без других слов:

«Создать Telegram канал» 

Разбавленные включают ключевик и дополнительный текст:

«Как создать Telegram канал для бизнеса. Полная инструкция»

Также существует несколько видов анкоров, которые различаются по популярности входящих в них поисковых запросов: 

  • высокочастотные — состоят из 1-2 слов и чаще всего совпадают с высокочастотными ключевиками, под которые оптимизирован сайт; 
  • среднечастотные — состоят из 2-4 слов, являются разбавленными;
  • низкочастотные — разбавленные анкоры, которые включают высокочастотные и среднечастотные запросы. Обычно содержат 7-8 слов.

Как сделать хороший анкор

Чтобы анкоры работали на репутацию сайта и были полезны пользователям, следуйте советам:   

Придумайте правильный текст ссылки. Самый значимый критерий. Хороший анкор легко читается и не выглядит как бессмысленный список ключевиков. 

Текст должен отражать суть материала, на который ведет анкорная ссылка. Пользователь должен понимать, какая информация его ждет после перехода. 

Поэтому SEO-шники не рекомендуют использовать формулировки в стиле «почитайте тут», «подробнее по ссылке». Они практически бесполезны с точки зрения ранжирования поисковиками и не вызывают доверия пользователей.  

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

Вот список возможных вариантов: 

  • Создать лендинг можно с нуля или с помощью шаблона.
  • Чтобы создать лендинг, нужно придумать главный оффер.  
  • Создайте свой сайт бесплатно в конструкторе Unisender. 

А подобные тексты лучше не использовать:

  • Тут я собрала лендинг за 10 минут.
  • Я долго пыталась сделать сайт, пока не зашла сюда

Вписывайте в контекст. Не нужно «тянуть за уши» и добавлять в публикацию совершенно нерелевантные ссылки. Если для анкора нужно «зайти издалека», долго подбирать слова, задумайтесь: а нужен ли он в этом материале? 

Настройте открытие по ссылке в соседней вкладке. Есть два способа открытия анкорной ссылки у пользователя вашего сайта: в той же вкладке браузера или в новой.

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

Настроить опцию можно в админке сайта:

В той же вкладкеВ новой вкладке
<a href=»https://……>текст ссылки</a><a href=»https:.
…………. target=»_blank»> текст ссылки</a>

Главные мысли

Анкор ссылки. Правильное составление — SEO на vc.ru

{«id»:13874,»url»:»\/distributions\/13874\/click?bit=1&hash=f8b9b151cf5c52bdb0658184a8a8339347f606beccf835cb91bcffc012421bc9″,»title»:»VK: \u043d\u0430\u0448\u0438 \u0430\u043b\u0433\u043e\u0440\u0438\u0442\u043c\u044b \u0443\u0434\u0435\u0448\u0435\u0432\u044f\u0442 \u043a\u043e\u043d\u0432\u0435\u0440\u0441\u0438\u044e \u0434\u043b\u044f \u0432\u0430\u0448\u0435\u0433\u043e \u0431\u0438\u0437\u043d\u0435\u0441\u0430 \u043d\u0430 30% «,»buttonText»:»\u041f\u0440\u043e\u0432\u0435\u0440\u0438\u0442\u044c»,»imageUuid»:»aa41bb24-6c2f-5556-b34c-2da8631a025e»,»isPaidAndBannersEnabled»:false}

SEO

SEO блиц

date» data-date=»1547450739″ data-type=»medium» title=»14.01.2019 10:25:39 (Europe/Moscow)»>14.01.2019

Анкор ссылки — это текст, который располагается между html тегами <a></a>. В браузере содержание данного тега визуально отличается от простого текста и при клике на него происходит переход на другую страницу. В каком виде отображается текст анкора ссылки зависит от дизайна сайта, как правило он отличается цветом и форматированием.

10 811 просмотров

Для того, чтобы сделать ссылку с анкором, необходимо заключить текст в html коде между тегами <a></a> и указать в атрубуте href=» » адрес страницы для перехода.

В качестве анкора может быть использован текст или изображение. При использовании изображения в качестве анкора, ссылка считается безанкорной.

Пример

<a href=»https://site.ru»>Анкор</a>

Почему важны анкоры у ссылок

Не секрет, что ссылочная масса сайта учитывается в ранжировании поисковыми системами, и от ее объема и качества зависит успешность продвижения, поэтому важно уметь составлять правильные анкоры ссылок (анкор-лист).

Вхождение ключевого запроса в анкор-лист повышает релевантность документа данному ключевому слову.

Важно отметить, что существует 2 вида анкор-листов:

  • внутренний — в него попадают анкоры ссылок со страниц, расположенных на внутренних страницах того же домена;
  • внешний — содержит анкоры ссылок, проставленные с других ресурсов.

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

  • анкорный текст должен содержать ключевые слова;
  • анкор должен быть естественно вписан в контекст предложения;
  • не злоупотребляйте прямыми вхождениями, анкор-лист должен быть разнообразным, в идеале все анкорные ссылки должны быть уникальными;
  • для повышения естественности ссылочного профиля рекомендуется использовать не менее 50% безанкорных ссылок;
  • в околоссылочном тексте рекомендуется использовать релевантные ссылке ключевые слова;
  • учитывайте длину анкора, большое количество ссылок с анкорами из 5 и более ключевых слов выглядят неестественно в ссылочном профиле.

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

Ждите новые заметки в блоге или ищите на нашем сайте.

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

Что происходит, когда вы бросаете якорь в воду?

Якорь держит лодку на месте, верно? У вас по-прежнему есть свобода перемещения на определенное расстояние от точки привязки в любом направлении, но независимо от того, в какую сторону вы идете, вы ограничены определенным радиусом.

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

Маркетологи любят эту технику веб-дизайна, потому что она позволяет им выделить определенные точки интереса, особенно на целевых страницах после клика, цель которых — побудить к действию. Для этого вам нужно разработать убедительную целевую страницу после клика с правильными оптимизированными элементами. В нашей новой электронной книге «Полное руководство по созданию убедительной целевой страницы после клика» об этом рассказывается более подробно: конвертировать на странице.

Что такое тег привязки?

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

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

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

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

Что могут выделять теги привязки на целевых страницах после клика?

Важная копия

Поскольку преимущества вашего продукта или услуги передаются через рекламу, идеально использовать якорную ссылку на конкретную рекламу. Constant Contact делает это на своей целевой странице после клика посередине страницы. Как только посетитель нажимает стрелку вниз, страница прокручивается для него:

SocialMediaCompanies.com — еще один бренд с якорной ссылкой, которая направляет посетителей в нижнюю часть страницы. В этом примере они хотят, чтобы посетители обратили внимание на ключевые области, которые компания оценивает и оценивает:

Каждый пример показывает, что, выделяя преимущества или важные детали вашего предложения с помощью целевого тега привязки, посетители с большей вероятностью прочитают (пробегут) текст.

Истории успеха клиентов

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

Чтобы истории успеха клиентов не остались незамеченными, Dynamic Yield использует прыгающую стрелку метки привязки, которая привлекает внимание и направляет посетителей в правильном направлении. Когда потенциальные клиенты нажимают на стрелку, они обходят логотипы брендов и попадают прямо к видеороликам с историями успеха:

Поскольку такого рода обзоры клиентов часто могут продать ваш продукт более эффективно, чем что-либо еще на странице, зачем рисковать тем, что ваши потенциальные клиенты пропустят их?

Варианты использования

Boardvantage немного отличается от предыдущих примеров. Здесь они определяют цель «Исследовать варианты использования» рядом с тегом привязки стрелки. Обратите внимание, как он окружен достаточным количеством белого пространства, чтобы выделить его. После нажатия посетители перенаправляются в раздел ниже сгиба, где компания выделяет основные функции и преимущества MeetX с минимальным текстом, короткими видеороликами и снимками экрана:

Этот конкретный раздел содержит основные точки продажи продукта, поэтому они хотели, чтобы посетители его видели. Умный ход от Boardvantage.

Дополнения к продуктам

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

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

Форма захвата потенциальных клиентов

Эта целевая страница Salesgenie после клика заполнена якорными тегами, каждый из которых направлен на то, чтобы посетители больше взаимодействовали со страницей. Каждая стрелка вниз отправляет людей дальше вниз по странице, а каждая оранжевая кнопка CTA направляет людей обратно вверх для заполнения формы:

Обратите внимание на кнопку CTA снова. Его ярко-оранжевый цвет привлекает внимание и использует привлекательный текст («бесплатно»), что, вероятно, приводит к большему количеству кликов. Когда посетители нажимают ее (или любую из совместных кнопок CTA), они возвращаются в верхнюю часть страницы, чтобы начать бесплатную пробную версию Salesgenie.

AppFolio также использует кнопку CTA для перенаправления потенциальных клиентов на форму захвата лидов. После того, как посетители прокрутят всю страницу, они увидят эту оранжевую кнопку CTA. Кнопка представляет собой якорную ссылку, которая перенаправляет на форму в верхней части страницы:

В нашем третьем примере кнопки CTA BambooHR выделяет свою кнопку CTA контрастным цветом, копия указывает, что демо-версия бесплатна, и есть даже стрелки, указывающие на него с обеих сторон:

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

Кнопка CTA

Есть много способов оптимизировать вашу кнопку CTA, но вы также можете создавать якорные ссылки, которые направляют посетителей прямо к ним. В приведенном ниже примере QuickBase компания создала навигацию по целевой странице после клика (три раздела внизу изображения), в которой все три ссылки являются тегами привязки. Когда потенциальные клиенты нажимают «История успеха» и «Что такое QuickBase», они перенаправляются в два разных раздела дальше по странице, в каждом из которых есть кнопка CTA:

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

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

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

Начните использовать теги привязки уже сегодня, добавив собственный код на целевые страницы после клика. Подпишитесь на демонстрацию Instapage Enterprise сегодня.

Как создать якорную (переходную) ссылку | Руководство по бренду и коммуникациям

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

Якорь — это фрагмент HTML-кода, который используется в качестве закладки для создания ссылки на определенный раздел на странице. Например, это может быть ссылка «наверх», которая ведет пользователя к началу текущей страницы, или это может быть ссылка, которая ведет пользователя непосредственно к определенному разделу, полностью расположенному в середине другой страницы.

Для обычной ссылки объект, на который вы хотите сослаться, имеет собственный URL-адрес. Однако для якорной ссылки (также известной как ссылка для перехода) страница, на которую вы хотите сделать ссылку, и страница, на которой находится ссылка, — это одна и та же страница. В этом случае вам нужно придумать имя для пункта назначения ссылки.

Анкерные ссылки — это двухэтапный процесс

  1. Создание якоря
  2. Ссылка на якорь


Создать якорь

В базовом блоке Beyond:

  1. Убедитесь, что текстовый формат в текстовом редакторе (или WYSIWYG) установлен на ПОЛНЫЙ. Если установлено значение «Базовый HTML», измените его на «Полный HTML».
  2. В поле body введите текст, который вы хотите отобразить.
  3. В текстовом редакторе щелкните ИСТОЧНИК.
  4. Перейдите туда, куда вы хотите вставить привязку.
  5. В HTML-код вставьте привязку, используя формат id=»anchor_name» в теге

    .

    • Примечание. Идентификаторы на странице должны быть уникальными и не могут использоваться повторно для других якорей.
  6. В текстовом редакторе еще раз щелкните ИСТОЧНИК, чтобы увидеть начало текста. Ваш код не должен быть виден во внешнем интерфейсе.
  7. Нажмите «Добавить» или «Обновить блок», чтобы сохранить его.

Примеры

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

Это абзац, на который я хочу сделать ссылку.

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

Заголовок Здесь

Какой-то неинтересный текст.

Больше текста, который недостаточно важен для якорной ссылки.

Это абзац, на который я хочу сослаться.

А вот еще неважный текст.

Пример 2

Использование заголовка в качестве привязки

Это привязка, которая также является заголовком.

В этом примере выполняется переход прямо к заголовку.

Это якорь, который также является заголовком.

Советы по созданию ссылок на заголовки

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

Затем добавьте якорную ссылку в тег заголовка. Пример 30109 Рекомендуется использовать слово или фразу, описывающую назначение ссылки.

  • Если вы используете фразу, используйте символы подчеркивания вместо пробелов в тексте ссылки привязки.
  • Добавить комментарий

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