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

Виды ссылок

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

 

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

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

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

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

Вот так выглядит анкорная ссылка приведенная мною выше:
[stextbox id=»grey» caption=»HTML вид анкорной ссылки:»]<a href=»https://seo4y.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 , чтобы узнавать первыми о выходе новых статей на моем блоге.

Блог [SEOjedi]
Добавить комментарий

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

  1. elimS

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

    Ответить
  2. Сергей

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

    Ответить
    1. MasterYoda автор

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

      Ответить
  3. Mauhem

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

    Ответить
  4. Княгиня

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

    Ответить
    1. MasterYoda автор

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

      Ответить
      1. Княгиня

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

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

        Ответить
  5. Igor

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

    Ответить
  6. Саша

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

    Ответить
  7. Михаил

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

    Ответить
  8. Мариуполец

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

    Ответить
  9. empirewsh

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

    Ответить
  10. Gamer

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

    Ответить
  11. kostik

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

    Ответить
  12. Дмитрий

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

    Ответить
  13. Водолаз

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

    Ответить
    1. MasterYoda автор

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

      Ответить