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

Fima Korolev

Виды ссылок

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

 

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

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

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

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

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

VN:F [1.9.22_1171]
Рейтинг статьи:
Rating: 6.0/7 (6 votes cast)
Анкорные и якорные ссылки, 6.0 out of 7 based on 6 ratings

17 комментариев »

  1. Водолаз:

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

    VA:F [1.9.22_1171]
    Rating: 0 (from 0 votes)
    • Здравствуйте, Водолаз! Анкор (от англ. anchor – якорь, привязка) – это текст ссылки, который располагается между открывающим тегом < а > и закрывающим тегом < /а >. Все сайты в Интернете связаны между собой большой паутиной ссылок, представленных в виде: < а href =”адрес сайта”>текст ссылки< /а >. Фраза “текст ссылки” и называется анкором. Соответственно якорь – это тоже анкор :)

      VN:F [1.9.22_1171]
      Rating: +1 (from 1 vote)
  2. Подскажите пожалуйста какая акнорная текстовая ссылка должна быть для gogetlinks?

    VA:F [1.9.22_1171]
    Rating: 0 (from 0 votes)
  3. kostik:

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

    VA:F [1.9.22_1171]
    Rating: 0 (from 0 votes)
  4. Я даже и не знал о существовании якорных ссылок, спасибо тебе, Fima Korolev! Вещь очень интересная, буду пробовать у себя ставить якорные ссылки)

    VA:F [1.9.22_1171]
    Rating: 0 (from 0 votes)
  5. empirewsh:

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

    VA:F [1.9.22_1171]
    Rating: 0 (from 0 votes)
  6. Мариуполец:

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

    VA:F [1.9.22_1171]
    Rating: 0 (from 0 votes)
  7. Михаил:

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

    VA:F [1.9.22_1171]
    Rating: 0 (from 0 votes)
  8. Саша:

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

    VA:F [1.9.22_1171]
    Rating: 0 (from 0 votes)
  9. Igor:

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

    VA:F [1.9.22_1171]
    Rating: +1 (from 1 vote)
  10. Прошу прощения за занудство, но в наш просвещённый век можно создать метку (якорь), не используя ссылки с атрибутом name. Достаточно назначить элементу, к которому делается переход, айди. Например, div id=”go-here”, и, соответственно, ссылка: a href=”#go-here”. Это более прогрессивный способ, потому что код не засоряется лишним пустым элементом.

    VA:F [1.9.22_1171]
    Rating: 0 (from 0 votes)
    • Добрый день, Княгиня. Спасибо вам за комментарий. Спорить не буду, прогресс не стоит на месте. Я так же слышал и о такой команде – A HREF=”#codeword”. Просто приведенный мной способ наиболее популярен и применим на практике.

      VN:F [1.9.22_1171]
      Rating: 0 (from 0 votes)
      • Ну, признаюсь, если он до сих пор так популярен, то это печально. Я с таким редко встречаюсь вблизи. Замечу, что Вордпресс заменил шило на мыло, используя в качестве метки пустой спан: span id=”more-1080″ – это, кстати, из кода вашей страницы пример. Но тут понятно, потому что заранее неизвестно, к какому элементу цеплять айди, пустую метку проще создать.

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

        VA:F [1.9.22_1171]
        Rating: 0 (from 0 votes)
  11. Mauhem:

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

    VA:F [1.9.22_1171]
    Rating: 0 (from 0 votes)
  12. Я не понял по вот этому хеш тегу – #nazvanie. Как мне его указывать в тексте статьи, чтобы при проставлении его в анкоре и нажатии на него, текст переносился именно на то место, которое я имел ввиду (раздел)?

    VA:F [1.9.22_1171]
    Rating: 0 (from 0 votes)
    • В том месте, на которое должна указывать ссылка при клике, ставите <a name=”nazvanie”> </a> – это и есть “якорь”. В кавычках пишите любое название, но латинскими буквами. А в тексте ставите ссылку (<a href=”#nazvanie”> Текст </a>) на этот “якорь”, в кавычках название того якоря, на который ссылаетесь. Значок # говорит о том, что переход осуществляется в рамках данного материала …

      VN:F [1.9.22_1171]
      Rating: +1 (from 1 vote)
  13. elimS:

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

    VA:F [1.9.22_1171]
    Rating: 0 (from 0 votes)

Оставить комментарий

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

Что-то типа КАПЧИ :) *

Вы можете использовать это HTMLтеги и атрибуты: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code class="" title="" data-url=""> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <pre class="" title="" data-url=""> <span class="" title="" data-url="">