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

Виды ссылок

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

 

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

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

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

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

Вот так выглядит анкорная ссылка приведенная мною выше:
[stextbox id=»grey» caption=»HTML вид анкорной ссылки:»]<a href=»https://promotiger.ru/seo-prodvizhenie/vnutrennyaya-perelinkovka-stranic-sajta.html»> внутренней перелинковке страниц сайта </a>[/stextbox]

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

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

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

[stextbox id=»grey» caption=»HTML вид якоря»]<a name=»nazvanie»> </a>[/stextbox]

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

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

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

Наверх

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

Поделиться с друзьями
Блог [SEO Jedi]
Добавить комментарий

  1. SEOjedi автор

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

  2. Водолаз

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

  3. Дмитрий

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

  4. kostik

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

  5. Gamer

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

  6. empirewsh

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

  7. Мариуполец

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

  8. Михаил

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

  9. Саша

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

  10. Igor

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

  11. Княгиня

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

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

  12. SEOjedi автор

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

  13. Княгиня

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

  14. Mauhem

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

  15. SEOjedi автор

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

  16. Сергей

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

  17. elimS

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