Ссылки анкоры: какие бывают виды анкоров и как грамотно составить анкор-лист ⚖️

20 Фев 2021   | Разное

Содержание

Анкор: что такое, зачем нужен anchor ссылки и почему важен для SEO

Анкор (перев. с англ. anchor) — часть ссылки, находящаяся между открывающим тегом «a» и закрывающим тегом «/a».

Ссылками пронизан весь Интернет — они объединяют между собой все сайты. Прописываются они следующим образом: <a href =”адрес сайта”>текст ссылки</a>. Выделенное словосочетание и есть анкор в HTML-коде. Они оказывают влияние на позиции сайта в зависимости от ключевиков в нем, поэтому они учитываются при продвижении. Правильно написанный анкор играет немаловажную роль в ссылочном ранжировании. Интернет-ресурсы, в описании или в сниппете которых есть надпись «Найден по ссылке», даже если их страницы нерелевантны запросу, все равно будут демонстрироваться пользователям, потому что данные страницы являются релевантными по ссылочному ранжированию и анкорному тексту.

Типология анкоров

По типу написания анкоры делятся на следующие виды:

Разбавленные — в анкор, кроме ключевого слова, входит текст. Например, для запроса «продать машину», разбавленный анкор – это «продать машину в Москве цена».

Неразбавленные — только ключевое слово, то есть анкор «продать машину».

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

Чтобы поисковые системы не посчитали ссылки спамом, анкор должен быть правильно составлен, а для этого необходимо придерживаться следующих правил:

1) Количество. Анкоры с одним и тем же текстом не принесут пользы. Учитывается и соотношение разбавленных анкоров к неразбавленным: 70-75% к 25-30%. Например, для анкора «купить машину» можно составить такие анкоры, как «купить подержанную машину», «купить недорогую машину», «купить отечественную машину» и т.д.

2) Читабельность. Анкор должен быть построен по принятым грамматическим правилам, например, анкор «купить машину в Москве Казани дешево» будет, скорее всего, забракован вебмастером, а поисковой системой принят за спам.

3) Тематичность. HTML-cсылка с анкорным текстом «купить машину» не должна размещаться на сайте, посвященном вопросам религии. Хотя многие оптимизаторы до сих пор пренебрегают тематичностью при покупке ссылок.

4) Грамотность. Присутствие грамматических или пунктуационных ошибок – лишний повод отказать в размещении ссылки.

5) Желательно отсутствие повторов ключевых слов. Ссылка с анкором «купить машину, купить машину», вероятно, не будет размещена, а сам интернет-ресурс из-за такой ссылки рискует попасть в black-лист вебмастера.

6) Уникальность. Чтобы избежать «склейки анкоров», как часто данное явление называют оптимизаторы, они должны различаться, в частности, за счет разнообразных прилагательных. Например, «купить недорогую машину», «купить подержанную машину» и т.д.

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

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

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

что это такое и как сделать. Создавать правильные ссылки с анкором

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

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

Анкор может быть разбавленным или неразбавленным. В первой случае предполагается указание как ключевого запроса, так и сопутствующего текста. Во втором случае предусмотрено исключительно использование прямого вхождения. Если рассматривать фразу «купить смартфон», то неразбавленный анкор будет выглядеть как «купить смартфон. Разбавленный смартфон это «купить смартфон в Москве» или «купить смартфон недорого».

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

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

Как правильно составить анкор и околоссылочный текст

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

  1. Уникальность. Ссылки не должны сопровождаться одинаковым текстовым контентом. В противном случае поисковая система попросту «склеит» одинаковые анкоры, сочтя их как один. Таким образом эффект от наращивания ссылочной массы будет снижен, что крайне плохо отразиться на процессе продвижения. Чтобы обеспечить уникальность, можно воспользоваться прилагательными и прочими частями речи. Анкор «купить смартфон» может быть разбавлен как «купить современный смартфон», «купить бюджетный смартфон». 2.
  2. Все должно быть читабельно. Очень важно, чтобы анкор обладал смысловой нагрузкой. Если разбавлять сопровождение к ссылке как «купить современный смартфон в Санкт-Петербурге Уфе недорого заказать», то поисковые системы непременно расценят это как спам. Оптимизатор обязательно должен отсеивать такие анкоры. 3.
  3. Количество анкоров. Очень распространенное мнение, будто применение одинаковых анкоров чревато серьезными последствиями. Также принято считать, что в процессе продвижения необходимо пользоваться разбавленными и неразбавленными анкорами. Идеальное сочетание таких анкоров – 1:3. Прямое вхождение ключевых запросов должно быть использовано в 30 процентах случаев. Остальные анкоры должны сопровождаться всевозможными фразами. Но такой подход будет справедливым только для запросов с высоким уровнем конкурентности. Низкочастотный запрос может продвигаться при помощи двух-трех линков с прямым вхождением ключевого запроса. 4.
  4. Анкор должен соответствовать тематике. Нельзя размещать внешнюю ссылку, имеющую анкор «купить смартфон» для авторитетного интернет-казино или интернет-магазина, занимающегося продажами дверей под заказ. 5.
  5. Все должно быть предельно грамотно. Если анкор располагает даже простой пунктуационной ошибкой, вам могут отказать в размещении линка. 6.
  6. Ключи не должны повторяться. Анкор нельзя составлять из повторяющихся фраз наподобие «купить смартфон, смартфон купить». Таким образом можно значительно увеличить шанс сайта на попадание в черные списки поисковой системы.

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

Как правильно составлять анкоры

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

Чтобы правильно составить анкоры, необходимо использовать статистику по запросам от передовых систем поиска. На сегодняшний день это Гугл и Яндекс (в русскоязычном интернете). Например, зайдя в Вордстат и прописав там определенные запросы, вы получите разбавленные и близкие тематические фразы в большом количестве. С учетом частотности вы получаете возможность оперативного составления уникального, читабельного и грамотного анкора.

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

Околоссылочный текст

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

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

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

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

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

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

Пример

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

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

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

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

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

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

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

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

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

что это и зачем нужны анкоры ссылок

Анкор – это одно слово или словосочетание, которое используется в виде ссылки, ведущей на релевантную страницу. Имеет иностранное происхождение (anchor) и в переводе с английского значит «якорь». Анкорная ссылка размещается между тегами <a href =”адрес сайта”>текст анкора</a>. Применение ссылок помогает упростить навигацию сайта или другого интернет-ресурса, а также оказывает влияние на поисковое продвижение. Это достаточно эффективный инструмент, если правильно его применять.

Особенности составления правильных анкоров

Для того чтобы добиться максимального эффекта при ссылочном ранжировании, используются разбавленные и неразбавленные анкоры. Неразбавленный anchor – это ключевая фраза, которая вписывается между тегами и является ссылкой на нужный раздел или страницу, сторонний ресурс. Разбавленный анкор – это что такое? Это ключевая фраза, которая разбивается разными сторонними словами. Например, ключевой запрос «купить окна» будет неразбавленным анкором, а «купить недорогие пластиковые окна» – разбавленным. Что нужно учесть, чтобы подобрать и составить анкоры ссылок:

  • количество на странице онлайн-ресурса. Не рекомендуется использовать ссылки с одинаковыми текстами, иначе поисковые системы могут расценить это как спам и снизить рейтинг ресурса или же совсем убрать его из органической выдачи. Есть даже соотношение, которого рекомендуется придерживаться: соотношение разбавленных ссылок к неразбавленным – 70 %/30 % или 75 %/25 %;
  • Релевантность (соответствие содержанию). При составлении текста для HTML-cсылки нужно следить за тем, чтобы она вела на страницу или ресурс, тематика которого совпадает с этим содержанием;
  • читабельность. Неестественные запросы, которые просто повторяют наиболее популярные ключи, но не редактированные в соответствии с правилами русского языка («мебель дешево купить Москва» и т. п.), с высокой вероятностью будут восприняты поисковым роботом как спамные;
  • грамотность. То же самое касается анкоров, которые написаны с грамматическими и/или пунктуационными ошибками;
  • отсутствие повторов. Анкор должен быть грамотным, читабельным и не содержать повторов слов или ключевых запросов. Например, ссылка «купить недорого стройматериалы, купить стройматериалы в Москве» будет отклонена веб-мастером или попадет под фильтр поисковых систем;
  • уникальность между собой. Чтобы ссылки не «склеивались», похожие словосочетания уникализируют, заменяя, например, синонимами. Например, ключ «купить б/у авто» можно по-другому написать как «заказать подержанное авто», «купить машину с пробегом» и т. п.;
  • наличие околоссылочного текста. Это тоже один из способов сделать текст ссылки более уникальным и читабельным. Например, запрос «купить телефон» разбавляют околоссылочным текстом «недорого купить телефон в Москве», и так он выглядит более привлекательным и несет больше информации о продукте.

Грамотное написание и применение анкоров

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

Другие термины на букву « А»

Все термины SEO-Википедии

Теги термина

Голосов 7, рейтинг 5

Анкор. Текст ссылки. Прямые анкоры. Разбавочные анкоры. Создание анкоров и анкор-лист.

Анкор (в переводе с английского «якорь») – понятие, которое обозначает текст ссылки. Таким образом, анкоры используются для перехода к необходимой странице внутри ресурса или на внешний ресурс, где содержится некая информация, соответствующая тексту анкора. Данный инструмент является удобным не только для пользователей, но и играет важную роль в продвижении ресурса.

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

 

Создание анкоров и анкор-лист

В поисковой оптимизации используется такой термин как «анкор-лист». Анкор-лист – это совокупность всех анкоров, которые планируется размещать на сторонних ресурсах для повышения рейтинга сайта. Анкор-лист составляется на основе семантического ядра веб-ресурса, он содействует качественной  и эффективной внешней поисковой оптимизации.

Как правило, анкор-лист включает в себя следующие типы анкоров для внешних ссылок:

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

Разбавочные анкоры представляют собой анкоры которые содержат в своей структуре  ключевую фразу. Которая разделяется дополнительным словом. Это слово является так называемым «разбавляющим элементом».

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

 

Типы анкоров

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

«Разбавленные» анкоры кроме ключевых слов содержат также некоторое описание или уточнение. В данном случае, примером «разбавленного» анкора будет «установка дверей в Москве», или «установка металлических дверей», или «установка дверей недорого, качественно».

Помимо наличия дополнительной информации, анкоры делятся также и в зависимости от вида поискового запроса.  По этому фактору выделяются высокочастотные, среднечастотные и низкочастотные анкоры.  Как правило, пользователи создают короткие запросы, в которых содержится основная информация, т.е. ключевые слова. Таким образом, высокочастотные анкоры практически совпадают с «неразбавленными» («установка дверей»). С «разбавленными» анкорами в свою очередь совпадают среднечастотные («установка дверей в Москве»), т.к. такие запросы встречаются довольно часто, но реже, чем в первом случае.  Низкочастотные анкоры содержат максимальную информацию и используются в запросах  относительно редко («установка дверей в  Москве, дешево, качественно»).  

 Советы по составлению анкоров

Прежде всего, стоит отметить, что каким бы ни был анкор, он должен быть написан грамотно. К сожалению, в наше время нередко можно обнаружить грамматические ошибки на страницах интернет-сайтов. Однако ошибки в анкоре обойдутся дорого: вряд ли люди  доверятся рекламе, сделанной неграмотно.  Кроме грамматики, нужно также следить и за синтаксисом (строением анкора, набором слов).  Анкор, полностью состоящий из несвязанных слов («двери, установка, дешево, качественно, Москва»), вряд ли принесет пользу.  В данном случае есть вероятность даже попасть под спам-фильтр.  Таким образом, анкор должен легко восприниматься пользователем, гармонично сочетаться  с окружающим текстом и не содержать грамматических ошибок.

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

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

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

Анкор. Определение и краткое описание. Словарь web-терминов

Анкор (Anchor) — текстовое содержимое ссылки, расположенное между соответствующими тегами.

Анкор применяют, чтобы показать, куда попадет пользователь (при этом в качестве анкора выступает адрес сайта) либо для предоставления первичной информации относительно темы страницы, куда может быть сделан переход.
Например: студия Box Brothers – профессиональное художественное видео и фото для свадеб.
Анкоры – важный инструмент для поискового продвижения сайтов.

Анкоры ссылки в SEO

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

  1. Соответствие странице, куда ведет ссылка. Это, во-первых, увеличивает количество целевых посетителей, а, во-вторых, более благосклонно воспринимается поисковыми системами.
  2. Текст анкора должен содержать ключевые слова, соответствующие продвигаемой странице.
  3. Релевантный анкор позволяет пользователям находить продвигаемые веб-ресурсы способом «Найден по ссылке», что обеспечивает приток дополнительных посетителей на сайт.
  4. SEO-специалисты оперируют таким понятием как «анкор-лист». Он представляет собой список внешних ссылок и соответствующих анкоров, которые ведут на продвигаемый сайт либо конкретную его страницу. Требования к листу достаточно жесткие:
  • Одинаковые тексты ссылок «склеиваются» поисковыми системами. Соответственно, если вы оперируете большим количеством внешних ссылок для одной продвигаемой страницы по одному запросу, ключевые слова целесообразно разбавлять дополнительными словами-спутниками.
    Например: запрос для продвижения главной страницы – «создание сайтов». «Разбавленные» ключевики будут выглядеть так: «создание и продвижение сайтов», «создание сайтов недорого» и т. д.
  • В анкор-листе должны присутствовать не только ключевые слова. Например, «читать далее», «подробности здесь» либо просто адрес сайта.
  • Около 5% текста ссылок полезно разбавить редко употребляемыми словами. К примеру, «создание сайтов эксклюзив».

Соблюдение данных советов поможет создать естественный анкор-лист, «захватив» большое количество низкочастотных запросов и оказав позитивное влияние на продвижение отдельной страницы либо сайта в целом.


К списку терминов

Что такое Анкор

Анкор — текстовое сопровождение ссылки, которое заключается в HTML-теге <a>. Чем важен для продвижения сайта? Узнай…

Анкор (от английского слова anchor — привязка или якорь) — текстовое сопровождение ссылки, которое заключается в HTML-теге <a>. Все веб-ресурсы глобальной сети связаны друг с другом разветвленной паутиной ссылок, которые имеют вид — <a href = «URL-адрес”>текст</a>. Причем «текст» в данном случае и является анкором.

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

 

Разновидности

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

Также анкоры можно разделить на высоко-, средне- и низкочастотные или ВЧ, СЧ, НЧ — в соответствии с типами запросов. Обращаясь к указанному выше примеру, можно сказать, что «купить магнитолу» — это ВЧ-анкор. Если запрос состоит из 2-4 слов — то он, как правило, СЧ («купить магнитолу в Тюмени»). НЧ-запросы — используются (фигурируют в поиске) реже всего — это обычно максимально разбавленные словосочетания.

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

 

Как составлять анкоры и околоссылочный текст?

При подборе и написании анкора (anchor) необходим ответственный подход. Неграмотно составленные анкорные ссылки не окажутся на авторитетных площадках. Они могут стать причиной санкций со стороны поисковых систем. Также при неправильном текстовом сопровождении, ссылка не обеспечит придание дополнительного «веса» продвигаемому веб-ресурсу. Именно поэтому важно учитывать многочисленные требования. Вот основные:

  1. Уникальность. Текстовые сопровождения ссылок не должны быть одинаковыми. Иначе поисковики «склеят» идентичные анкорные ссылки в одну, что снизит эффект от наращивания ссылочной массы и продвижения в целом. Для обеспечения уникальности можно использовать прилагательные и другие части речи. Как примеры, анкор «купить телефон», можно разнообразить: «купить стильный телефон», «купить дешевый телефон»…

  1. Читабельность. Обязательное требование к анкору — смысловая нагрузка. Разбавленное сопровождение к ссылке вроде «купить металлоконструкцию в Самаре Москве дешево оформить заказ» должно быть отсеяно оптимизатором, поскольку может быть воспринято поисковиками спамом.

  1. Численность анкоров. Популярно мнение, что использованием одинаковых анкоров нельзя злоупотреблять. Также считается, что для раскрутки важно соотношение разбавленных и неразбавленных анкоров. В идеале оно должно быть 1 к 3, то есть с прямым вхождение ключа — 25-30% от общего числа, а остальные с дополнительными фразами. Но все это справедливо лишь для конкурентных запросов. Для НЧ-запроса в общей сложности достаточно 2-3 линка с прямым вхождением ключа.

  1. Соответствие теме. Предлагать размещение внешней ссылки с анкором «купить планшет» авторитетному развлекательному порталу или сайту по продаже окон не стоит.

  1. Грамотностью. Любые ошибки в анкоре, даже пунктуационные, — это веская причина отказа в размещении линка.

  1. Без повтора ключей. Правильные анкоры не должны состоять из повторяющихся фраз, к примеру «купить игрушки, игрушки купить». Это повышает шансы ресурса на попадание в черный список поисковых систем.

 

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

 

Составление анкоров

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

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

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

 

Текст возле ссылки

Сейчас важную роль при составлении анкорных ссылок играет не только текст, заключенный в соответствующий тег, но и контент, который расположен возле линка — перед и после.


В фразе «Предложение автомобильных запчастей на разборке в Белгороде — это возможность купить запчасти по самым доступным ценам» при условии, что анкором является фраза «купить запчасти», окружающий текст будет не только читабельным, но и тематическим. Это правильный подход к составлению контента для ссылочного продвижения. И наоборот, простой набор ключей в тексте до и после анкорной ссылки — это верный путь к отказу от размещения линка или же санкций со стороны поисковиков. Создавать правильною ссылучную массу трудно, без глубоких познаний. 

Создание якорных ссылок — Справка Squarespace

Разделы

    Якорная ссылка (или «переход по странице») — это специальный URL-адрес, по которому вы попадете в определенное место на странице. Например, оглавление в этом руководстве содержит якорные ссылки, которые ведут к каждому заголовку.

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

    Шаг 1. Создайте ссылку

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

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

    Шаг 2. Добавьте URL-адрес и ярлык страницы

    Для некоторых якорных ссылок этот шаг не является обязательным, но мы рекомендуем его для большинства ссылок.

    В поле веб-адреса добавьте:

    1. URL вашего сайта
    2. Слаг страницы, на которую вы ссылаетесь (даже если это та же самая страница)
    3. Дополнительная косая черта (/)

    Должно получиться так:

     https: // сайт примеров.ru / pageslug /

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

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

    Шаг 3 — Создайте уникальный идентификатор

    После заголовка страницы введите хэштег ( # ), а затем текст. Создаваемый вами текст — это ваш уникальный идентификатор.

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

    После добавления уникального идентификатора URL-адрес должен выглядеть так:

     https://examplesite.com/pageslug/#unique-id

    Щелкните Применить , чтобы сохранить ссылку.

    Шаг 4. Свяжите уникальный идентификатор с разделом на своей странице

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

    Заменить слова Привет, мир! с нужным текстом на странице. Затем добавьте

     id = "уникальный-идентификатор"

    внутри первого тега, вставив ваш собственный уникальный идентификатор между кавычками, например:

     
     Здесь ссылка перейдет на
    Совет : Не включайте заголовок страницы или хэштег из своей якорной ссылки.

    Щелкните Применить .

    Шаг 5 — Сохранить

    Наведите указатель мыши на Готово , затем нажмите Сохранить .Ссылка, созданная на шаге 1, теперь будет перенаправлять посетителей к тексту, который вы установили на шаге 4.

    Используйте разные типы ссылок

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

    Для всех типов ссылок добавьте URL-адрес и создайте уникальный идентификатор, как показано в шагах 2 и 3 выше, используя следующий формат:

     https: // сайт примеров.ru / pageslug / # unique-id

    Форматировать текст посадки

    Чтобы отформатировать целевой текст как нечто иное, чем основной текст, измените теги

    и

    на шаге 4. Если вы не знакомы с HTML, попробуйте использовать теги заголовка 1:

    При использовании разных тегов добавьте уникальный идентификатор, как на шаге 4:

    Заголовки страниц и якорные ссылки

    В большинстве случаев мы рекомендуем добавлять URL-адрес и заголовок страницы перед уникальным идентификатором.Если якорная ссылка не имеет ярлыка страницы, она не будет работать:

    • В Internet Explorer
    • Если ваша ссылка является навигационной ссылкой
    • Если вы переходите на другую страницу

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

    Если вы знаете, что ни один из ваших посетителей не использует Internet Explorer или мобильный браузер Safari, и вы ссылаетесь на место на той же странице (например, прокручивая вниз до нижнего заголовка), вы можете использовать # unique-id в вашей ссылке без заголовка страницы или URL.

    Совет : Чтобы узнать, какие браузеры используют ваши посетители, просмотрите панель «Аналитика трафика».

    Ссылка на топ

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

    1. Добавьте текст и ссылку привязки в нижнюю часть страницы или нижний колонтитул, как описано в шагах 1–3, но не включайте URL-адрес своего сайта или косую черту (/) перед уникальным идентификатором. Вы можете использовать Back to top в качестве текста и #top в качестве уникального идентификатора.
    2. В главном меню щелкните Настройки , щелкните Advanced , затем щелкните Внедрение кода .
    3. В поле Заголовок добавьте этот код: . Если при настройке ссылки вы использовали уникальный идентификатор, отличный от #top, убедитесь, что вы заменили его в первом теге .
    4. Нажмите Сохранить .

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

    Ограничения и передовой опыт

    Якорные ссылки могут быть мощным инструментом, помогающим посетителям перемещаться по вашему сайту, но стоит помнить о некоторых вещах.

    Идентификатор можно использовать только один раз на каждой странице

    Например, после того, как вы используете ID panda на своей домашней странице, вы не сможете добавить panda в качестве идентификатора позже на своей домашней странице.Вы можете использовать его на другой странице, но не на главной странице.

    ID чувствительны к регистру

    Если в вашем HTML-коде указано id = «Panda» , но в вашей ссылке указан идентификатор как #panda , ваша ссылка не будет работать.

    Уникальный идентификатор становится частью URL-адреса после щелчка по ссылке привязки

    Когда посетитель нажимает якорную ссылку, уникальный идентификатор отображается в конце URL-адреса сайта.

    Вы можете использовать любой текст для своего уникального ID

    Создание запоминающегося идентификатора может упростить процесс установки и помочь в устранении неполадок, если что-то пойдет не так.Запоминающиеся идентификаторы часто имеют логический смысл, например, использование #top для ссылки «Вернуться к началу».

    Якорные ссылки также могут добавить юмора и индивидуальности вашему сайту. Имейте в виду, что посетители будут видеть идентификатор в конце URL-адреса.

    Раздел, на который вы ссылаетесь, будет отображаться в верхней части браузера

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

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

    с неразрывными пробелами в копию целевого текста.В HTML размер неразрывного пробела составляет & nbsp;

    Каждый набор из

    & nbsp;

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

    Поиск и устранение неисправностей

    Если якорная ссылка не работает, убедитесь:

    • Вы добавили ярлык страницы, как описано в шаге 2, включая два символа /. Это особенно важно для навигационных ссылок, ссылок с других страниц и в Internet Explorer.
    • Уникальный идентификатор точно такой же в вашей ссылке и в тексте лендинга. Если есть какая-либо разница в написании или использовании заглавных букв, ссылка не будет работать.
    • Целевой текст HTML настроен правильно. Например, если ваш уникальный идентификатор — #bamboo, ссылка, которую вы добавите в целевой текст HTML, будет иметь вид id = «bamboo»
      • .
    • Вы добавили www. в начале вашего URL, если ваш основной домен включает его.

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

    • Если он использует встроенный домен вашего сайта, и вы тестируете его, войдя в систему.Вместо этого проверьте его в браузере в режиме инкогнито.
    • Если страница уже использует этот идентификатор. Попробуйте использовать другой идентификатор или изменить регистр букв.
    Примечание : Пользовательские модификации кода выходят за рамки нашей поддержки. Это означает, что мы не сможем помочь с настройкой или устранением неполадок. Кроме того, с решением на основе кода мы не можем гарантировать его функциональность или полную совместимость с Squarespace. Это включает в себя то, как он работает с нашим адаптивным дизайном, особенно его внешний вид на мобильных устройствах, и работает ли он со всеми шаблонами.Пользовательский код также может вызвать проблемы с отображением при будущих обновлениях нашей платформы. Хотя мы ничем не можем помочь, есть много ресурсов, которые могут указать вам правильное направление:

    Ajax и якорные ссылки (версия 7.0)

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

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

    Якорные ссылки на индексную страницу (версия 7.0)

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

    Что такое якорная ссылка? А как вы их создадите в 2021 году?

    Что такое якорная ссылка?

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

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

    Как создать якорные ссылки?

    Существует два способа создания якорной ссылки (простой и жесткий), наиболее подходящий из которых зависит от платформы, на которой вы создаете свой веб-сайт, и вашего уровня технических навыков.

    Метод 1. Ручное кодирование якорной ссылки

    «Сложный способ» добавления якорных ссылок — это вручную закодировать их в свой текст, добавив код.

    Код, необходимый для вставки HTML-ссылки и якорного текста:

       [ANCHOR TEXT]

    Ввод этого кода на свой HTML-сайт (при замене [ URL] с желаемым URL и [ANCHOR TEXT] с желаемой ссылкой привязки) создаст желаемую ссылку.

    Например, вы можете использовать приведенный ниже код для создания текста привязки Best LLC Service.

       Best LLC Service

    Если вам нужно добавить якорную ссылку на свой веб-сайт, скопируйте этот код и замените URL-адрес и текст привязки своими данными.

    Метод 2: позвольте системе управления контентом выполнять тяжелую работу

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

    Технология создания веб-сайтов значительно продвинулась вперед с развитием систем управления контентом. Это такие платформы, как WordPress, SquareSpace и Wix, которые позволяют создавать веб-сайты без каких-либо знаний в области программирования, поскольку они управляют всей тяжелой работой по созданию веб-сайтов в своих проприетарных системах.

    Сюда входит вставка ссылок.

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

    Вот наглядное пособие:

    Шаг 1. Выделите текст

    Выделите текст, который вы хотите превратить в якорную ссылку. В данном случае я выбрал «Лучший зарегистрированный во Флориде».

    Шаг 2. Нажмите кнопку ссылки

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

    Шаг 3. Вставьте желаемый URL-адрес

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

    Шаг 4. Окунитесь в теплое сияние победы

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

    Примерно так: я ищу лучшего зарегистрированного агента во Флориде, который поможет мне вырастить…

    В заключение

    Якорная ссылка — это интерактивная текстовая ссылка на вашем веб-сайте, которая ведет с одной страницы на другую в Интернете. (либо на вашем сайте, либо на другом сайте).

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

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

    Ссылки: Ссылка на странице

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

    Знак # перед местом ссылки указывает, что ссылка указывает на привязку на странице. (Якорь означает определенное место в середине вашей страницы).

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

    • Создать ссылку, указывающую на привязку
    • Создать саму привязку.


    Якорь создается с помощью тега .
    Если вы хотите создать привязку с именем chapter4, вы просто добавляете эту строку в том месте, где должна быть привязка:

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

    Щелкните здесь , чтобы прочитать главу 4.

    Примечание:
    При создании ссылки на привязку на странице вам необходимо поставить # перед привязкой .

    При создании ссылки на якорь на той же странице просто введите

    blabla

    При создании ссылок на якоря на внешних страницах используйте следующий синтаксис:

    blabla

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

    Что такое якорная ссылка и как ее использовать?

    Якорная ссылка — это ссылка, которая помогает ссылаться на контент на той же странице, к которой прикреплен якорь. Это уникальный идентификатор (идентификатор) , прикрепленный к блоку контента или конкретному элементу. Чтобы добавить якорь, вы должны иметь возможность редактировать CSS элемента или иметь инструменты, позволяющие это делать.

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

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

    Что такое якорная ссылка

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

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

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

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

    Как создать якорные ссылки

    С технической точки зрения якорная ссылка состоит из двух частей.Первая часть — это сам якорь — уникальный идентификатор, который вы можете прикрепить к элементам страницы. В CSS привязка представлена ​​как id = «unique-id» и может использоваться как ссылка на элемент в CSS или JavaScript.

    Вторая часть представляет собой актуальную ссылку. Разница в том, что URL-адрес состоит из хеш-символа и вашего уникального идентификатора — # unique-id .

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

    Первым делом нам нужно добавить к абзацу уникальный идентификатор, например, «полное описание». Найдите элемент и добавьте id = «full-description» к открывающему тегу элемента.

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

    Полное описание

    .

    Готово? Поздравляем, ваша первая привязка добавлена ​​и работает.

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

    Создание якорных ссылок в WordPress ничем не отличается.

    Примечание: Мы будем использовать классический редактор WordPress с TinyMCE.

    1. Во-первых, нам нужно создать привязку на нашей странице:
    2. Переключитесь в текстовый режим TinyMCE;
    3. Перейдите к той части содержимого, к которой вы хотите прикрепить привязку;
    4. Добавьте идентификатор с уникальным именем привязки (например, id = ”anchor-name”) . Вы можете применить идентификатор к любому элементу в вашем макете.

    Теперь пришло время связать якорь, который вы создали:

    1. Выберите текст, который будет работать как ссылка, и нажмите «Выбрать / изменить ссылку»;
    2. Вы увидите всплывающее окно для редактирования параметров ссылки;
    3. Добавьте символ решетки вместе с именем созданной привязки;
    4. Сохраните изменения.

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

    Если вы хотите создать ссылку на привязку из вашей навигации:

    1. Перейдите к Внешний вид — Меню на панели администратора WordPress ;
    2. Выберите, чтобы добавить новый раздел в ваше меню;
    3. Добавьте ссылку на вашу целевую страницу;
    4. Добавьте хэш-символ вместе с идентификатором элемента к вашей ссылке;
      Пример: https: // visualcomposer.com / features / # design-options
    5. Сохраните изменения.

    Если вы работаете с редактором Гутенберга, обязательно проверьте, какие блоки Гутенберга имеют атрибут id элемента. Хотя вы все еще можете добавить привязку к текстовому блоку, наличие опции id для элемента может расширить ваши возможности.

    В остальном следуйте тем же принципам вставки ссылки с указанным символом хеширования и идентификатором элемента.

    Как создавать ссылки привязки в Visual Composer

    Visual Composer позволяет добавлять привязки к любому элементу макета.Это означает, что вы создаете якорные ссылки на свои разделы, изображения, таблицы цен, вы называете это.

    Хитрость в том, что каждый элемент Visual Composer имеет атрибут идентификатора элемента, доступный из коробки.

    Чтобы добавить привязку к элементу или разделу:

    1. Выберите элемент, который вы хотите «перескочить» на (он же пункт назначения) ;
    2. Открыть окно редактирования элемента;
    3. Добавьте уникальный «идентификатор элемента» (не используйте пробелы) .

    После добавления идентификатора элемента самое время добавить ссылку привязки:

    1. Откройте окно редактирования для элемента, в который будет добавлена ​​ссылка привязки (например, Basic Button) ;
    2. Нажмите «Выбрать URL»;
    3. Добавьте уникальный «идентификатор элемента»;
      Примечание: убедитесь, что используются только буквы и цифры без пробелов.
    4. Выберите «custom» в раскрывающемся списке URL.

    Вот и все. Вы создали якорную ссылку с помощью Visual Composer Website Builder.

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

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

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

    Оглавление

    Как и в книгах, легче перемещаться по статье с оглавлением.

    Пример оглавления от InVision

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

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

    Призыв к действию

    По мере построения воронки продаж все действия на вашем сайте должны вести к следующему шагу.

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

    Пример якоря с призывом к действию от Elivi Hotels

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

    Те же принципы можно применить к таблицам цен или формам заказов.

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

    Целевые страницы и макеты одной страницы

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

    Пример одностраничного сайта с привязкой от Vegoshi

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

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

    Прокрутка к началу

    Хотя во всех приведенных выше примерах используется подход сверху вниз, мы можем пойти в противоположном направлении. Помните случай, когда вы прокрутили страницу вниз и поняли, что вверху что-то есть? Чтобы вернуться, вам нужно было прокрутить все вверх…

    Пример прокрутки вверх с веб-сайта CN100

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

    Фактически, многие магазины электронной коммерции используют подход Scroll to Top для улучшения взаимодействия с пользователем.

    Выводы

    Якорные звенья могут быть мощным инструментом у вас под рукой. Его легко реализовать, и он может улучшить ваш коэффициент конверсии, UX и SEO.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    Важная копия

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

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

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

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

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

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

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

    Сценарии использования

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

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

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

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

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

    Форма захвата свинца

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

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

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

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

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

    Кнопка CTA

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

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

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

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

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

    : элемент привязки — HTML: язык разметки гипертекста

    HTML элемент (или элемент привязки ) с его атрибутом href , создает гиперссылку на веб-страницы, файлы, адреса электронной почты, местоположения на той же странице или что-либо еще, что URL может адрес.Содержимое внутри каждого должно указывать место назначения ссылки. Если присутствует атрибут href , нажатие клавиши ввода при фокусировке на элементе активирует его.

    Исходный код этого интерактивного примера хранится в репозитории GitHub. Если вы хотите внести свой вклад в проект интерактивных примеров, клонируйте https://github.com/mdn/interactive-examples и отправьте нам запрос на перенос.

    Атрибуты этого элемента включают глобальные атрибуты.

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

    URL-адрес, на который указывает гиперссылка. Ссылки не ограничиваются URL-адресами на основе HTTP — они могут использовать любую схему URL-адресов, поддерживаемую браузерами:

    hreflang
    Указывает на человеческий язык связанного URL.Нет встроенного функционала. Допустимые значения такие же, как у глобального атрибута lang .
    пинг
    Список URL-адресов, разделенных пробелами. При переходе по ссылке браузер отправит запросов POST с телом PING на URL-адреса. Обычно для отслеживания.
    referrerpolicy Это экспериментальный API, который не следует использовать в производственном коде.
    Сколько реферера отправлять при переходе по ссылке.Смотрите Referrer-Policy для получения информации о возможных значениях и их последствиях.
    отн.
    Отношение связанного URL как типов ссылок, разделенных пробелами.
    цель
    Где отображать связанный URL, как имя контекста просмотра (вкладка, окно или