23.09.2020

Анкорные и якорные ссылки

Виды ссылок

Анкорные (безанкорные) ссылки vs. Якорные ссылки

 

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

Анкорная ссылка.

Самый простой способ объяснить, что такое анкорный текст — это видимый текст ссылки.

Например, мы говорим о внутренней перелинковке страниц сайта.  В этой статье, можно упомянуть о пользе внутренних ссылок для ранжирования сайта и сослаться на похожие статьи, опубликованные вами ранее.
Обратите внимание, как я поставил анкорную ссылку в тексте говоря о внутренней перелинковке страниц сайта. Та же самая ссылка, но безанкорная будет выглядеть так: «https://promotiger.ru/seo-prodvizhenie/vnutrennyaya-perelinkovka-stranic-sajta.html«. Щелчок по таким ссылкам и вы уже читаете статью о внутренней перелинковке. Это тот же процесс используется при размещении анкорных (безанкорных) ссылок на внешние ресурсы, т.е. другие сайты.

Вот так выглядит анкорная ссылка приведенная мною выше:

HTML вид анкорной ссылки:
<a href=»https://promotiger.ru/seo-prodvizhenie/vnutrennyaya-perelinkovka-stranic-sajta.html»> внутренней перелинковке страниц сайта </a>

Якорная ссылка.

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

Первым делом устанавливаем «якорь» в том месте текста, на который хотим сделать якорную ссылку.

HTML вид якоря
<a name=»nazvanie»> </a>

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

HTML вид якорной ссылки
<a href=»#nazvanie»> Текст </a>

Ну и непосредственно пример работы «якорной ссылки» под названием Наверх:

Наверх

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

17 комментариев к «Анкорные и якорные ссылки»

  1. Здравствуйте, Водолаз! Анкор (от англ. anchor – якорь, привязка) – это текст ссылки, который располагается между открывающим тегом < а > и закрывающим тегом < /а >. Все сайты в Интернете связаны между собой большой паутиной ссылок, представленных в виде: < а href =”адрес сайта”>текст ссылки< /а >. Фраза “текст ссылки” и называется анкором. Соответственно якорь — это тоже анкор 🙂

  2. Анкор — это якорь? как тогда называются ссылки, которые на одной и той же странице ведут на разные части текста?

  3. Подскажите пожалуйста какая акнорная текстовая ссылка должна быть для gogetlinks?

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

  5. Я даже и не знал о существовании якорных ссылок, спасибо тебе, Fima Korolev! Вещь очень интересная, буду пробовать у себя ставить якорные ссылки)

  6. Статья хорошо и подробна написана, теперь я понял как пользоваться анкорными ссылками.

  7. «всеобщая СЕО образованность» у меня лично вызывает умиление). доступно и хорошо написали.

  8. По незнанию использовал в качестве анкорных ссылок слова: тут, здесь, читать далее. Теперь по возможности использую ключевые слова для этого. А вот якорные ссылки использовать, пока, не приходилось.

  9. Я не понял “здесь”, “тут”, “далее” это все таки анкорные ссылки? А адрес сайта — безакорная?

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

  11. Ну, признаюсь, если он до сих пор так популярен, то это печально. Я с таким редко встречаюсь вблизи. Замечу, что Вордпресс заменил шило на мыло, используя в качестве метки пустой спан: span id=»more-1080″ — это, кстати, из кода вашей страницы пример. Но тут понятно, потому что заранее неизвестно, к какому элементу цеплять айди, пустую метку проще создать.

    Про A HREF=”#codeword” не поняла: что в нём такого особенного?

  12. Добрый день, Княгиня. Спасибо вам за комментарий. Спорить не буду, прогресс не стоит на месте. Я так же слышал и о такой команде — A HREF=»#codeword». Просто приведенный мной способ наиболее популярен и применим на практике.

  13. Прошу прощения за занудство, но в наш просвещённый век можно создать метку (якорь), не используя ссылки с атрибутом name. Достаточно назначить элементу, к которому делается переход, айди. Например, div id=»go-here», и, соответственно, ссылка: a href=»#go-here». Это более прогрессивный способ, потому что код не засоряется лишним пустым элементом.

  14. Хорошая статья, написанная простым и понятным языком. Очень часто к безанкомрным ссылкам относят ссылки вида «здесь», «тут», «далее» и т.п., хотя по сути анкор то у них есть.

  15. В том месте, на которое должна указывать ссылка при клике, ставите <a name=”nazvanie”> </a> — это и есть «якорь». В кавычках пишите любое название, но латинскими буквами. А в тексте ставите ссылку (<a href=”#nazvanie”> Текст </a>) на этот «якорь», в кавычках название того якоря, на который ссылаетесь. Значок # говорит о том, что переход осуществляется в рамках данного материала …

  16. Я не понял по вот этому хеш тегу — #nazvanie. Как мне его указывать в тексте статьи, чтобы при проставлении его в анкоре и нажатии на него, текст переносился именно на то место, которое я имел ввиду (раздел)?

  17. С первых слов понял о чем будет идти речь =) Также встречал людей которые путают эти термины. Я было даже специально полез читать определения, ато уже задумался — раз столько людей думаю что это одно и то же, то может я неправ?) Хороший пример якорных ссылок — меню в Википедии.

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

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