Содержание

Анкоры ссылок — как сделать ссылку с анкором и как составлять анкоры

На продвижение сайтов в поисковых системах влияет множество факторов: тексты, структура интернет-проекта, уникальный дизайн, скорость загрузки страниц, ссылочная масса. Эти и другие вещи имеют определенное значение, один больше важны, другие – меньше. Долгое время оптимизация строилась вокруг покупки ссылок. Для вывода своего ресурса в топ-10 вебмастеры покупали ссылки – и через несколько апдейтов пожинали плоды своего труда. К донорам предъявлялись минимальные требования, главное – они должны иметь определенные показатели (тИЦ, PR и др.). Большое значение имели анкоры ссылок, в них достаточно было добавить ключевое слово, и таким образом передать вес на другую страницу. Сейчас ссылки также продолжают работать, поэтому их нужно использовать для продвижения.

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

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

Как выглядит анкор html-ссылки?

Если открыть исходный код страницы в «Инспекторе» или сочетанием клавиш Ctrl + U, то можно увидеть ссылки в html-коде страницы:

<a href=»http://site.ru/» title=»Заголовок ссылки»>текст ссылки</a>

Тегу <a> могут быть также присвоены и другие атрибуты, например, класс и т.д., но обязательным является только адрес – href. Текст между тегами <a> и </a> и есть пример анкора ссылки.

Могут ли быть ссылки без анкора? Да, если это картинки. В тег <a> можно заключить любое изображение, однако для SEO это не используется, а применяется только для удобства пользователей. Например, есть смысл поставить переход с баннера на целевую страницу сайта. Ссылки с анкором и без можно встретить почти на любых сайтах. Однако не стоит использовать линки такого типа:

<a href=»http://site.ru/» title=»Заголовок ссылки»> </a>

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

Как сделать ссылку с анкором?

Есть два способа, как можно сделать ссылку с анкором:

  • Прописать вручную в html-разметке;
  • Добавить через визуальный редактор.

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

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

<a href=»http://yoursite.com/article/02″ >http://yoursite.com/article/02</a>

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

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

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

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

  • Грамотным;
  • Читабельным;
  • Тематическим;
  • Без повторов ключевых слов;
  • Естественным;
  • Уникальным.

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

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

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

Содержание страницы

В этой статье я расскажу Вам, что такое анкор ссылки, как сделать ссылку с анкором и кое что ещё 🙂

Анкор ссылки — текст, на который мы кликаем, чтобы пройти по ссылке.

Ни один сайт не обходится без этого важного элемента. В SEO анкоры ссылок имеют особое важное значение.

Как сделать ссылку с анкором?

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

Например, нам нужно в нашей статье, чтобы со слова «SEO блог» пользователь попадал на главную страницу сайта. Обычно в коде пишется абсолютная ссылка, поэтому анкор ссылки html будет выглядеть так: <a href=»ССЫЛКА»>ТЕКСТ (АНКОР)</a>, а именно:

<a href="http://key-seo.com">SEO блог</a>

Визуально мы увидим такой анкор:

SEO блог

Анкоры внутренних ссылок можно писать без http://, если страница, на которую мы хотим сослаться, находится на сервере в той же папке, что и страница, с которой будет стоять ссылка. Например:

<a href="/dictionary-seo/">Словарь SEO терминов</a>

Визуально будет так:

Словарь SEO терминов

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

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

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

Точных вхождений ключевых слов в анкорах должно быть не более 10-20%. Чаще всего лучше использовать в качестве анкоров название сайта, или безанкорные (тут, здесь и т.п.). Это отдельная тема, обязательно разберём её позже детальнее.

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

Анкоры входящих ссылок

Что такое анкоры входящих ссылок — это текстовые фразы, с которых стоят ссылки на Ваш сайт (внешние ссылки). Определить их помогут как бесплатные (Backlinkwatch), так и платные сервисы (например, Ahrefs).

 

 

Ещё интересные статьи

В чем разница анкорной и безанкорной ссылки

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

Первая часть — URL страницы у них одинаковый, а вот анкоры отличаются.

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

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

Пример оформления:

Мы предлагаем: <a> href= http://mysite.ru

> купить автомобильные шины</a>

В нашем интернет-магазине возможно href= http://mysite.ru >купить автомобильные шины оптом

Теряетесь в выборе магазинов, где <a> href=http://mysite.ru > купить автомобильные шины оптом</a>

Безанкорные ссылки

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

Пример оформления:

купить автомобильные шины <a> href=http://mysite.ru >; здесь</a>

купить автомобильные шины оптом здесь <a> href=http://mysite.ru >

http://mysite.com </a>

ищите, где дешевле купить автомобильные шины? <a> href=http://mysite.ru> подробнее здесь</a>

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

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

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

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

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

  • 10% – анкорные ссылки;

  • 60% – безанкорные;

  • 30% – смешанные.

Смешанные ссылки — это низкочастотные ссылки в которых обязательно используется ключевой запрос.

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

Успехов в продвижении!


Что такое анкорные ссылки и безанкорные, как писать анкоры

Содержание статьи

От сеошников часто можно услышать всякую хрень про анкоры, анкорные ссылки, «безанкорку» и прочие похожие слова. Они обычно при этом рычат, порыкивают, урчат, пытаются показать, что именно они знают, как правильно покупать ссылки и работать с ними, а все остальные не знают ничего. Сам я считаю, что для продвижения гораздо более эффективно делать упор на что-то другое, но если вы хотите, чтобы ваше ссылочное продвижение давало вам преимущество не в 2,31%, а в 2,38%, то давайте я расскажу, как выжимать максимум из анкор-листа.

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

Анкор является текстовой частью ссылки, размещенной после url в html-коде. Пример:

<a href="https://znet.ru/raskrutka/filtryi-gugla/">Фильтры Гугла</a>

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

Чем отличается анкорная ссылка от безанкорной

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

Безанкорная ссылка может выглядеть как обычный адрес — https://znet.ru/raskrutka/filtryi-gugla, а может содержать любой другой альтернативный текст, картинку или символы.

Зачем нужно уметь писать анкоры

Дело в том, что раньше ссылки с правильными анкорами давали (особенно в Google) просто огромный плюс к продвижению страницы. Одно время можно было купить 50 ссылок с анкором «купить матрас», чтобы быть в топ-3 по запросу [купить матрас]. Сейчас алгоритмы поисковиков усовершенствовались. Они определяют, где купленная ссылка, а где естественная.

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

Что такое анкор-лист

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

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

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

  1. Ключевые слова — наличие ключевого запроса а анкоре. Пример:

    [купить телевизор],
    [заказать пиццу].

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

  2. Анкоры с ключевыми запросами необходимо разбавлять другими словами для придания естественности. В результате вы получите разнообразие в анкор-листе и не попадете под фильтр ПС.

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

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

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

  4. Синонимизация — для разнообразия анкорного листа можно и нужно использовать слова-синонимы, а также аббревиатуры или привычные сокращения.
  5. Использование вариантов слов с опечатками также может привлечь дополнительный трафик. Особенного это касается иностранных слов и слов с удвоенными буквами (торрент — торент, вольксваген — вольцваген).
  6. Обратное вхождение — можно переставить слова местами, но не доводя до абсурда.
  7. Старайтесь не использовать знаки препинания. Из опыта работы с Яндексом известен следующий факт: при наличии точки, восклицательного или вопросительного знаков, двоеточия и последующего слова с заглавной буквы запрос разделяется на две части. При этом поисковик будет учитывать только первую.

    В анкоре «купить телевизор Самсунг. Доставка по городу» не будет учитываться составляющая «доставка по городу». Если оптимизатор поменяет части местами, то от такого анкора вообще не будет толку.

  8. Распределение веса — каждое слово в анкоре имеет определенный вес для ПС. Не нужно вписывать в анкор ненужные слова, которые могут перетянуть вес на себя, тем самым обескровив сущность запроса.
  9. Перевод — если ваш сайт не только на русском, но и английском языке, целесообразно переводить анкоры.
  10. Естественные — ссылка с анкором «тут» или «здесь», то есть безанкор, который также полезен для разбавления.

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

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

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

Генераторы анкоров

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

Шаблон { | } означает вариативный выбор слова и словосочетания в предложения, а шаблон [+,+ | ] предполагает чередование слов, которые будут разделены запятой. Естественно, что вместо запятой можно поставить другой знак, например тире. Среди аналогичных сервисов отмечу MainSpy, который отличается только интерфейсом. Он разделен на окна, через которые можно делать предпросмотр результата составления шаблона.

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

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

  1. Определение самых важных страниц ресурса, которые, по вашему мнению, должны попасть в ТОП.
  2. Выбор нескольких запросов из семантического ядра на страницу.
  3. Не допустить повтор анкоров, максимально разбавить анкор-лист.
  4. Учесть релевантность страницы для правильного распределения запросов.
  5. Количество ссылок зависит от уровня конкуренции — для одной тематики достаточно проставить несколько внешних ссылок, для иной сотни мало будет. Необходимо провести анализ анкор-листов конкурирующих ресурсов.
  6. Для анкор-листа главное естественность, так как от нее зависит все остальное.

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

Всем доброго времени! Рад снова встретиться со своими читателями на страницах блога 🙂 Говоря про оптимизацию принято делить столь важный процесс на две условные части: внутреннюю и внешнюю составляющую.

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

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

Что такое анкор, какую функцию он выполняет

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

Анкор – это текст ссылки. Иными словами, слово или группа слов, которые выделены в качестве ссылки.

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

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

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

Ключевые слова

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

Различают анкоры с прямым вхождением ключа и разбавленные.

Для примера представим, что ключевое слово страницы «оптимизация» — это прямой анкор, в то время как «грамотная оптимизация сайта» является разбавленным.

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

Так же необходимо использовать безанкорные ссылки (в качестве текста ссылки используются слова, не несущие смысла: тут, здесь, ссылка и т.п.)

Синонимы, опечатки

В анкорах можно использовать не только непосредственно ключевые слова, но и их синонимы. Это сделает ссылочную массу более естественной в глазах поисковой системы за счёт разнообразия. Подобрать похожие запросы можно с помощью Яндекс Wordstat или Google Adwords, которые предоставляет статистику по всем запросам. Схожести запроса так же можно добиться простой перестановкой слов.

Теперь по поводу опечаток. Ранее преднамеренные опечатки действительно могли приносить дополнительный трафик. Безусловно, текст ссылки становится уникальным, но давайте подумаем вместе, так ли это актуально?

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

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

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

Исходя из этого небольшой совет: делая прогоны по трастовым форумам как можно подробнее заполняйте поля профиля, но не забывайте про естественность, да и ссылки по возможности оставляйте на внутренние страницы 😉

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

Распределение веса

Каждое слово в анкоре имеет свой вес. Чем больше слов – тем меньший вес имеет каждое. Исходя из этого, существует правило: не следует использовать слишком много «пустых» слов.

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

Таким образом, данный этап внешней оптимизации сайта очень важен в продвижении. Запомнить и всегда соблюдать все перечисленные правила составления анкоров не так сложно, а эффект будет ощутимый. Конечно, это лишь один аспект из многих других, и один он не сыграет большой роли, но собирая по крупицам формируется единое целое – грамотная оптимизация сайта. А стоит ли это траты времени и сил? Решать вам…

На сегодня все, оставайтесь на связи, подписывайтесь на Блог Свободного Вебмастера — мне есть о чем рассказать!

Анкор ссылки и анкор-лист в SEO продвижении

Ссылки с анкорами — одно из мощных средств в «арсенале» SEO-специалиста. Они способны как поднять сайт в выдаче поисковых систем, так и загнать его под фильтры при неграмотном применении.

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

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

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

Практический пример, как сделать ссылку с анкором:


Код выше позволяет сделать ссылку с анкором. «Что такое анкор» — его текст, это и есть анкор.  

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

Почему анкоры важны для SEO

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

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

Виды анкоров

Существует несколько основных видов анкорных ссылок. 

Рассмотрим каждый из них:

  • Безанкорные ссылки. Самый безопасный тип, это линки, в которых вместо ключевых запросов вставляется только ссылочный текст. Сюда можно отнести прямые URL-ссылки вида https://example.com, example.com. Кстати, для поисковых систем линки с www. и без упоминания всемирной паутины — разные анкоры, поэтому используйте этот лайфхак, чтобы сделать анкоры разнообразнее. 
  • Брендовые анкоры. Схожи с предыдущим типом и тоже считаются безопасными. Сюда относятся поисковые названия брендов — например, «iPhone», «Айфон» и другие запросы. 
  • Коммерческие — ключевые фразы, обычно содержащие слова «купить», «цена», «недорого», «заказать» и другие. Использование таких анкоров считается нежелательным с точки зрения поисковых систем, поэтому за превышение определенного лимита, а также смешивание коммерческих и информационных запросов (ключей, которые содержат вопросы «как», «где» и т.п.) поисковики накладывают санкции на сайты.  
  • Информационные — ключевики, содержащие вопросы пользователей, которые те задают поисковым системам, желая получить на них ответ. Они также считаются безопасными по сравнению с коммерческими. 

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

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

Все виды анкоров на сайте составляют анкор-лист. О том, что это такое и как правильно его составлять, расскажем дальше. 

Что такое анкор лист


Анкор-лист сайта из сервиса Ahrefs

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

Посмотреть анкор-лист своего сайта или конкурентов можно с помощью специальных сервисов — например, ahrefs.com и majestic.com. 

Как составить анкор-лист для вашего сайта

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

Составление анкор-листа делится на 3 шага:

  • Анализ конкурентов — находятся топ-10 сайтов других вебмастеров, занимающие вашу нишу. Для анализа можно воспользоваться сервисами, например, Ahrefs. При анализе нужно обращать внимание на количество анкорных и безанкорных ссылок, а также на конкретные фразы, употребляемые конкурентами. Можно проверять как весь домен, так и конкретные страницы. 
  • Составление брендовых анкоров — к таким относятся анкорные ссылки с упоминанием конкретной компании, ее основателя или URL-линками на сайт фирмы. Комбинируя их, можно придумать много вариантов брендовых анкорных ссылок.
  • Распределение анкоров по страницам сайта — если вы новичок, то рекомендуем делать так: оставьте брендовые анкоры для главной страницы, информационные анкоры для страниц с полезным контентом (например, руководствами) и коммерческие для страниц услуг. 

Несколько советов при составлении анкор-листа:

  • Если вы недавно в SEO, придерживайтесь «золотого» правила — 20% коммерческих анкоров и 80% безанкорных ссылок. 
  • Анализируйте сайты, ссылочная масса которых не старше 3-5 лет. Потому что для веб-ресурсов, попавших в топ 10-15 лет назад, действовали другие правила захода в топ, и их методы продвижения могут быть уже не актуальными. Например, раньше сайты могли спамить линками, а сейчас используют белые методы и размещают нормальные линки.
  • Околоссылочный текст («тут», «здесь», и так далее) составляйте так, чтобы предложение естественно смотрелось вместе с анкором, и добавляйте тематические слова. 

 

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

Если говорить совсем просто, то анкор — это текстовая составляющая ссылки, ещё короче — её текст.

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

 Так что же такое анкор и как им эффективнее пользоваться?

 

Возьмём к примеру ссылку и посмотрим её HTML код.

<a href=»/http://povadno.ru/»>анкор</a>

HTML код прописывается в коде страницы, но посетитель сайта будет видеть лишь её текст, то есть, только слово «анкор». Он может навести курсор на этот текст и кликнув по ссылке переместится на страницу, адрес которой указан в коде.

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

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

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

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

Когда вы размещаете ссылку с правильно составленным анкором на страницах своего ресурса, это можно назвать внутренней оптимизацией сайта — перелиновкой. Размещение ссылки на других сайтах интернета — внешней оптимизацией или продвижением.

Такие действия позволяют продвинуть сайт на высшие позиции поисковиков.

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

Как правильно написать статью для поисковых систем, читайте — статья для поисковиков

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

Разбавленные — это анкоры содержащие дополнительные слова, помимо фраз продвигаемого запроса.

Неразбавленные — только продвигаемая фраза. Допускаются склонения.

Но учтите, что поисковики склеивают однотипные фразы анкоров ведущие на одну и ту же страницу и вы не получите эффекта.

А если дублей неразбавленных точных запросов, размещённых на других ресурсах, например при закупке ссылок, будет слишком много, то поисковики могут и забанить сайт. По крайней мере, наложение каких либо фильтров- вам обеспечено.

Безанкорные/естественные ссылки — ссылки имеющие только адрес (URL) страницы.

Такие ссылки вместо анкора могут иметь слова: читать, здесь, тут и т.д.

Обычно безанкорные ссылки индексируются ПС быстрее и учитывают околоссылочный текст.

И ещё стоит сказать, что при составлении анкора, текст должен быть читаемым и логичным. Абракадабра чревата санкциями.

 Удачи в делах!

 

  • < Назад
  • Вперёд >

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

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

Почему внутренние ссылки сбивают с толку

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

Чем полезны внутренние ссылки 

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

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

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

Существует три распространенных способа использования ссылок на странице:

  • Таблицы содержания: Ссылки на странице можно использовать в качестве оглавления для более длинных фрагментов контента, предоставляя пользователям прямой доступ к интересующему контенту.
  • Back to Top: Ссылки Back-to-top ведут пользователя к началу страницы из другой части страницы. Хотя эти ссылки дублируют функциональность полосы прокрутки, они могут быть полезны на длинных страницах, где один щелчок сэкономит время по сравнению с несколькими прокрутками. Такие ссылки, как правило, не вредят пользователям, которые их не используют (за исключением случаев, когда они охватывают контент, хотя даже в этом случае они не вызывают серьезных проблем), и помогают пользователям, которые их используют.
  • Указатели и часто задаваемые вопросы : Алфавитные или числовые указатели или списки часто задаваемых вопросов могут быть полезны благодаря ссылкам на странице.Список ссылок в верхней части страницы избавляет пользователей от необходимости прокручивать многочисленные элементы или экраны элементов, которые им не нужны. Ссылки полезны, когда пользователям, скорее всего, понадобится определенный фрагмент контента, а не просмотр всех вариантов.
Saks.com предлагает алфавитный указатель, позволяющий пользователям переходить непосредственно к букве в списке дизайнеров. Здесь список A-Z обеспечивает прямой доступ к интересующему дизайнеру.

Влияние размера экрана 

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

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

При просмотре статьи MayoClinic.org на 13-дюймовом ноутбуке на одной странице отображаются 4 абзаца текста и видео. В той же статье, просмотренной на телефоне, отображается только 2 абзаца. 

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

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

Учитывать длину содержимого

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

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

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

Switch.what.co.uk:  Если разделы контента короткие, и на каждой странице отображается более одного раздела, внутристраничные ссылки не нужны.

Используйте четкие ссылки и заголовки

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

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

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

Ссылки в верхней части этой страницы USA.gov четко определяют содержание страницы.

Метка ссылок на странице

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

Ссылки внутри страницы в верхней части этой страницы EPA.gov помечены На этой странице , чтобы пояснить, как будут работать ссылки.

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

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

Подтвердить прыжок

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

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

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

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

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

Рассмотрите возможность закрепления ссылок на странице

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

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

Ссылки внутри страницы на сайте Американского Красного Креста следуют за пользователем вниз по странице.

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

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

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

Прилепленные ссылки: показывать местоположение пользователя

Если список внутренних ссылок останется на месте при прокрутке страницы, он должен показывать текущее местоположение пользователя.Например, в приведенном выше примере WWF текущий раздел ( What WWF Doing ) отмечен чуть более светлым серым цветом на липкой панели навигации на странице.

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

Как насчет кнопки

«Назад» ?

Если ссылка на странице ведет пользователей к контенту на той же странице, что должна делать кнопка «Назад» в браузере? Переместить пользователей на предыдущую позицию на странице или на ранее просмотренную страницу? Другими словами, должен ли Back отменить последнее действие?

Это зависит от использования:

  • Для оглавления, указателя или часто задаваемых вопросов , Назад должен действовать как отмена и переводить пользователя в предыдущее место на странице.Такое поведение почти позволяет пользователям забыть о двух типах ссылок (внутристраничные и межстраничные) и относиться ко всем одинаково.
  • Для ссылок Back to Top , Back должны направлять пользователей на предыдущую страницу в истории браузера. В начало больше похож на команду, чем на ссылку. После ее нажатия пользователи, скорее всего, захотят вернуться на предыдущую страницу, а не на середину или конец текущей страницы.

Аккордеоны vs.Ссылки на странице?

Аккордеоны

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

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

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

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

Итак, хорошо это или плохо?

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

Как использовать привязки HTML для улучшения UX

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

В коде HTML вы обычно используете теги привязки (или теги «a») для создания гиперссылок. Теги привязки, измененные с помощью атрибута «href», создают кликабельные ссылки, которые вы можете указывать на другие страницы вашего сайта или на другие веб-сайты.

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

Когда вы создаете текстовые ссылки с тегом «a», вам нужно будет использовать какой-либо анкорный текст. Якорный текст — это часть ссылки, на которую можно кликнуть. Google использует этот текст, чтобы узнать больше о ссылке и содержании, на которое она указывает.

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

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

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

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

Якорные ссылки хороши для SEO?

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

В 2021 году Google выпустил обновление алгоритма Core Web VItals, в котором особое внимание уделяется пользовательскому опыту при учете рейтинга веб-сайта. Основное внимание в обновлении уделяется интерактивности пользователей, а это означает, что Google теперь уделяет больше внимания тому, как пользователи взаимодействуют с вашими веб-страницами, в том числе тому, как долго они остаются на них.

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

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

В следующем примере мы видим список якорных ссылок (в формате списка), взятых с веб-страницы и преобразованных в избранный фрагмент:

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

Кредит: Google

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

Как создать якорную ссылку 

Чтобы добавить якорную ссылку в HTML, выполните два шага:

1.Назначьте атрибут ID с помощью тега

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

Допустим, мы создали веб-страницу о решениях SEO и хотим разместить ссылку на раздел, посвященный локальному SEO. Мы создали заголовок h3 для раздела, а затем добавили якорную ссылку с тегом a:

Местное SEO

. мы можем включить идентификатор привязки в тег заголовка:

название раздела

Чтобы добавить идентификатор привязки к изображению, включите его в HTML-тег изображения как атрибут:

2. Добавьте атрибут ID к HTML-ссылке

Чтобы создать якорную ссылку, вы будете использовать атрибут href. Однако вместо добавления ссылки на веб-страницу вы будете использовать идентификатор привязки со знаком решетки (#):

Раздел местного SEO 

Когда пользователь нажимает на ссылку выше, он «переходит» к заголовку h3. с идентификатором «localSEO»

Рекомендации по якорным ссылкам

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

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

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

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

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

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

Инструмент возвращает соответствующие подтемы и список связанных ключевые слова для каждой темы:

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

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

Шаблон включает рекомендации по удобочитаемости, длине текста, обратным ссылкам и заголовкам:

Ключевые выводы

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

Создание якорных ссылок в Help Scout Docs

Якорные ссылки позволяют читателям перейти к определенной части страницы. Если ваша статья очень длинная или многотекстовая, рассмотрите возможность создания оглавления или предметного указателя с использованием якорных ссылок для быстрой навигации. В этой статье вы узнаете, как вставлять якорные ссылки в редактор Help Scout Docs, используя HTML-атрибут id.

В этой статье

Добавить идентификатор к элементу HTML

В приведенном ниже примере при нажатии на ссылку Editing Your Beacon Mode читатель автоматически перенаправляется на страницу Editing Your Beacon Mode , которая находится ниже в статье. Мы добавили атрибут id в элемент заголовка h4 , чтобы мы могли создать ссылку на него. В нашем примере используется элемент заголовка, но вы можете добавить идентификатор ко многим различным элементам HTML, чтобы создать якорную ссылку.

Переключите редактор HTML, щелкнув значок на панели инструментов. Внутри тега

мы добавляем id=»editing» , чтобы дать этому заголовку его идентификатор. Вот как выглядит наш заголовок с идентификатором:

  

Редактирование режима маяка

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

Имея идентификатор заголовка, завершите якорное соединение, добавив ссылку на этот заголовок:

  1. Выделите текст, который должен ссылаться на привязку заголовка.
  2. Щелкните значок ссылки на панели инструментов и выберите параметр Вставить ссылку в раскрывающемся меню.
  3. Добавьте свой идентификатор с предшествующим символом # в поле URL. Для нашего примера выше это будет выглядеть так: #new
  4. Когда закончите, нажмите синюю кнопку Вставить .

Вот как выглядит готовый якорь в редакторе HTML:

 Редактирование режима маяка
 

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

Вставить привязку к странице | SiteFarm

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

Создание пункта назначения якоря

Якорь представляет цель, куда вы хотите направить своих посетителей.

  1. Перейдите на страницу или блок, на который должен попадать посетитель, когда он нажимает якорную ссылку. Это представляет пункт назначения.
  2. Вам нужно выбрать место в начале заголовка подраздела или абзаца. После того, как вы выбрали начало текстового раздела, щелкните в этой области мышью.
  3. Нажмите значок флага   на панели WYSIWYG (в первом ряду значков, седьмой слева), чтобы начать настройку пункта назначения привязки.
  4. Появится диалоговое окно с запросом имени привязки. Это должно быть все одним словом. Пример: ferpafaq .
  5. Нажмите OK , затем нажмите кнопку Сохранить для завершения.

Ссылка на якорь с той же страницы

  1. Находясь на той же странице, что и место назначения привязки, найдите текст, который вы хотите использовать в качестве ссылки на место назначения.
  2. Выделите текст и щелкните значок боковой цепочки или ссылки, расположенный на панели значков WYSWYG (расположен в первом ряду значков, пятый слева).
  3. В появившемся диалоговом окне введите #, а затем сразу имя, которое вы присвоили якорю.
    Пример: #ferpafaq

Ссылка на привязку, расположенную на другой странице вашего сайта

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

  1. Выделите текст на странице, который будет содержать ссылку, указывающую на пункт назначения Anchor на отдельной странице.
  2. Нажмите на значок боковой цепочки или ссылки, расположенный на панели значков WYSIWYG (в первом ряду значков, пятый слева).
  3. В появившемся диалоговом окне отформатируйте ссылку, указав название своей страницы, за которым следует #anchor name.
    Пример: /студенты/страхование/ferpa#ferpafaq

Ссылки на якоря на внешних сайтах

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

Пример страницы: https://somesite.com/subdirectory/sample-page#anchorsection

Пример PDF: http://www.example.com/myfile.pdf#page=4

Как добавить привязку к кампусу OU | Услуги по обучению и информационным технологиям (IITS)

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

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

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

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

Шаг 1:

В OU Campus выберите страницу, которую хотите отредактировать.

Шаг 2:

Будет загружен обзор страницы. Выберите вкладку, чтобы изменить текстовую область.

Шаг 3:

Введите текст, который вы хотите связать. Убедитесь, что текст вашей ссылки конкретен; если вы не знаете, как это сделать, прочтите Руководство OU Campus: Как добавить описательные ссылки в OU Campus и продолжайте.

Шаг 4:

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

Шаг 6 :

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

Шаг 8:

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

Шаг 9:

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

Вернуться к модулю

Шаг 5:

Откроется всплывающее окно.В поле Name  вставьте уникальный текст идентификатора (с учетом регистра), например «Q1». Затем выберите Кнопка « ОК «.

В текстовой области на странице должен появиться небольшой значок привязки.

Шаг 7 :

Откроется всплывающее окно «Вставить ссылку». В разделе окна Anchors щелкните раскрывающийся список и выберите уникальный идентификатор, который вы добавили из Шаг 6 , затем выберите OK .Ваш текст должен быть синим, если он связан правильно.

Вставка ссылок и привязок | Основы построения и редактирования | Создание и редактирование | Руководство по CMS

Вставка ссылок и привязок

Внешние ссылки в навигации вашего сайта

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

Добавление ссылки в текст

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

  • Внутренние ссылки предназначены для страниц или файлов, включая PDF-файлы, к которым у вас есть доступ в Cascade CMS.
  • Внешние ссылки предназначены для других сайтов в Интернете, включая другие сайты Brandeis.
  1. Перейдите на страницу, на которой вы хотите разместить ссылку, и нажмите Редактировать .
  2. В любом типе контента, который использует панель инструментов WYSIWYG, выберите слова, которые вы хотите использовать в качестве ссылки. Затем щелкните значок Link на панели инструментов WYSIWYG. (Похоже на несколько звеньев цепи.)

    Должно появиться маленькое окно.
  3. Для внутренних ссылок следуйте инструкциям в 3A. Для внешних ссылок перейдите к шагу 3B.

    A. Параметр Internal должен быть установлен по умолчанию. Нажмите кнопку Источник ссылки: выберите файл, страницу или ссылку . Окно Chooser Panel откроется справа.

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

    Выбрав нужный актив, нажмите синюю кнопку Choose .После подтверждения вы должны увидеть полный путь к выбранному ресурсу под полем Ссылка .

    (Чтобы продолжить добавление внутренней ссылки, перейдите к шагу 4.)

    B. Для внешних ссылок нажмите кнопку Внешняя . В поле «Источник ссылки» введите полный URL-адрес ссылки (включая https://).

  4. Как для внутренних, так и для внешних ссылок, помимо назначения ссылки, вы увидите дополнительные поля:
  • Анкер , описан ниже
  • Цель , которая определяет, открывается ли ссылка в том же или новом окне/вкладке браузера.В целях доступности это должно быть установлено на None , даже если пользователи перенаправляются на другой веб-сайт.
  • Заголовок , который будет отображаться, если пользователь наведет курсор на связанный текст. Не требуется.
  • Класс , который можно игнорировать, если только вы не создаете кнопку.
  1. Нажмите Ok , когда закончите.
  2. Если вы добавили внешнюю ссылку и указали URL-адрес, использующий http:// (в отличие от http s ://), вы получите системное сообщение о том, что вы можете рассмотреть возможность добавления ссылки, которая использует https//.Вам не нужно обновлять URL-адрес до https://; нажмите OK, и вы сможете продолжить редактирование страницы.
    1. Если сайт, на который вы ссылаетесь, имеет безопасную версию (т. е. работает, если вы используете https://), вы можете отредактировать ссылку, чтобы обновить ссылку на https://.

Добавление якоря

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

Создание якоря
  1. Откройте свою страницу в режиме Edit/Content и щелкните область содержимого, которую хотите отредактировать. Поместите курсор в точку, где вы хотите сделать привязку (точка, на которую вы ссылаетесь). Затем щелкните значок привязки на панели инструментов WYSIWYG.
  2. Появится небольшое окно, и вам будет предложено назвать свой якорь. Выберите имя, которое является описательным и легко запоминающимся.

Передовая практика: Имена привязок должны быть короткими, без пробелов и состоять из строчных букв и/или дефисов.

  1. Нажмите Хорошо . Теперь на месте курсора должен появиться символ привязки. Этот символ не будет отображаться на опубликованной странице, только в режиме редактирования/контента. Его можно перемещать или удалять так же, как текст.
Ссылка на якорь
  1. Теперь вы можете подключиться к якорю . Если вы создаете ссылку на якорь на той же странице, следуйте инструкциям на шаге 2. Если вы создаете ссылку на якорь с другой страницы, перейдите к шагу 3.
  2. A. Выберите текст, который вы хотите использовать в качестве ссылки. Затем щелкните значок Link .
    B. На экране Вставить ссылку введите имя, которое вы дали якорю, в поле Якорь . Затем нажмите Ok .

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

  1. A. Чтобы создать ссылку на другой странице, в CMS перейдите на страницу, на которой вы хотите создать ссылку. Перейдите на вкладку Редактировать .

    B. Выберите текст, который вы хотите использовать в качестве ссылки. Затем щелкните значок Link .

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

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

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

Как работает тег привязки

Тег привязки — это, по сути, тег, который можно прикрепить к слову или фразе (точно так же, как к обычной внутренней или внешней ссылке), за исключением того, что он перенаправляет читателей в другой раздел. страницы, а не другой веб-страницы. По сути, вы создаете уникальный URL-адрес на той же странице, когда используете этот тег.Рассмотрим следующий пример:

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

Преимущества использования тега привязки

На самом деле использование тега привязки дает три основных преимущества:

  1. Нет прокрутки . Самым большим преимуществом тега привязки является то, что ваши посетители не вынуждены прокручивать тонны информации, чтобы найти определенный раздел.Это может стать пугающим, и в зависимости от того, сколько контента находится на странице, может быть очень сложно найти определенный раздел среди всего контента.
  2. Организация . Это помогает веб-мастерам поддерживать порядок. Вместо того, чтобы создавать несколько разных веб-страниц или разбивать документ, вы можете хранить все это в одном месте.
  3. Использование поисковой системы . Google иногда использует этот тег, чтобы направить пользователя в определенный раздел вашей веб-страницы, что упрощает работу пользователей.Это не слишком распространено, но Энн Смарти из My Blog Guest предложила следующий снимок экрана в качестве примера на SEOChat:

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

Как начать работу с тегом привязки

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

  1. Откройте текстовый редактор и выясните, куда вы хотите вставить тег привязки имени. Вы можете сделать это в любом месте — в заголовке (чаще всего), в слове, фразе и т. д.
  2. Вставьте тег привязки вокруг текста, на который вы собираетесь ссылаться (так же, как и любой тип ссылки). Код выглядит следующим образом:

  1. После того, как вы создали тег привязки вокруг слова, фразы или заголовка, который вам нужен, вам нужно для ссылки на этот URL в вашем контенте.Тег похож на кодировку, к которой вы привыкли, за исключением того, что ему предшествует знак #. Вы должны открыть HTML-версию своего контента и вставить следующий тег:

text

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

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

Ваш адрес email не будет опубликован.