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

Ссылочная масса – один из основных факторов ранжирования. Алгоритмы Яндекса и Google учитывают более сотни параметров для оценки качества ссылок. Не последнее место среди них занимает текст анкора. Он способен влиять на ход SEO-продвижения сайта. Мы уже упоминали ссылочные анкоры в статье Как правильно наращивать ссылочную массу сайта. Сегодня мы разберем их более подробно.

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

Любая ссылка в интернете состоит из двух частей:

• URL – адрес страницы, на которую она ведет;
• анкор – текст ссылки, который видит посетитель сайта.

Анкор – это кликабельный текст в статье. При нажатии на него вы переходите на другую страницу сайта или вообще на другой сайт. Анкор в переводе с английского — якорь.

Обычно анкор содержит ключевое слово по которому идет СЕО продвижение сайта. Таким образом, поисковые системы понимают по каким словам надо выводить ту или иную страницу в поисковой выдаче. 

Ниже Вы можете посмотреть как выглядит анкорная ссылка на странице блога нашего агентства:

Рис.2. Пример анкорной ссылки

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

Специалисты делят все ссылки на анкорные и безанкорные. Они отличаются текстом анкора.

Рис.3. Виды ссылок

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

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

Анкорные ссылки бывают двух типов:

• Точный (неразбавленный) анкор – используется дословная ключевая фраза. Например, продвижение сайта, контекстная реклама, создание сайта;
• Неточный (разбавленный) анкор – словоформы ключевых фраз, их синонимы или описание тематики сайта. Например, раскрутить сайт, настроить контекстную рекламу, создать сайт.

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

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

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

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

• общие – указательные или нейтральные фразы. Например, здесь, тут, на сайте, по ссылке;
• брендовые – название бренда, продукта или компании. Обычно такая ссылка ведет на главную страницу сайта компании. Например, Белая Ворона, интернет-магазин Адидас, Битрикс24;
• адрес – URL страницы, на которую ведет ссылка. Например, https://bvorona.su, bvorona.su;
• заголовок – название статьи или раздела. Больше подходят для блогов. Например, Яндекс Кью, Чат-боты в Битрикс24;
• изображение – ссылка, привязанная к картинке, анкором служит текст атрибута ALT.

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

Каких анкоров стоит избегать

В Яндексе за ссылки отвечает алгоритм Минусинск, в Google – Пингвин. Среди прочих факторов они учитывают анкоры. За какие анкоры можно попасть под фильтры:

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

Не следует один и тот же анкор применять много раз даже в разных источниках. Это противоречит логике поисковиков. Разные пользователи оставляют ссылки на понравившийся сайт с помощью разных анкоров. Один анкор встречается много раз – явная попытка повлиять на выдачу.

Соотношение анкорных и безанкорных ссылок в ссылочном профиле

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

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

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

Хороший ссылочный профиль должен включать в себя все виды анкорных и безанкорных ссылок. Должны преобладать безанкорные ссылки. Примерное соотношение такое:

1. безанкорные – 50%;
2. неточные анкоры – 35%;
3. точные анкоры – 15%.      

Универсального процентного соотношения нет – каждый специалист опытным путем находит оптимальный вариант. Многое зависит от продвигаемого ресурса и от ниши.

Интересует продвижение сайта, но не хотите во всем этом разбираться?

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

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

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

Последовательность составления анкор-листа:

1. Находим прямых конкурентов. В поиске забиваем ключевой запрос и смотрим первые 5 или 10 позиций;
2. Анализируем ссылочный профиль конкурентов с помощью специальных сервисов. Например, Ahrefs покажет топ-5 анкоров бесплатно. Также подойдут сервисы Semrush, LinkPad, MegaIndex, Open Site Explorer, Majestic.com. Собственный сайт можно проанализировать бесплатно Вебмастером и Google Search Console;
3. Разбавляем полученные ссылки брендовыми и собственными. Для этой работы можно нанять копирайтера или воспользоваться специальными сервисами – PromoPult, RooKee, WebEffector;

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

Резюме

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

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

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

Для сохранения пропорций разных типов ссылок необходимо создавать анкор-лист. В его составлении и анализе ссылочного профиля конкурентов помогут специальные сервисы.

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

Автор
Александр Хмелев

Поделиться:

Что такое анкорные ссылки. Виды анкорных ссылок — Сollaborator

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

Анкорная ссылка — это ссылка, обозначенная текстом, заключенным между тегами <a>, которая ведет на определенную страницу. Анкор (от английского — «якорь») обычно содержит ключевую фразу и может быть неразбавленным или разбавленным. 

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

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

<a href=»https://collaborator.pro/»><Биржа прямой рекламы</a>

В старом формате BBCODE анкор ссылки размещается между тэгами [url] и [/url]:

[url=»https://collaborator.pro/»]Биржа прямой рекламы[/url]

В обоих случаях получим одинаковый результат: Биржа прямой рекламы

Если вы кликните на эту ссылку, то перейдете на наш сервис. Собственно, текст ссылки («Биржа прямой рекламы») и называется анкором.

Написание анкора ссылки в BBCODE в основном встречается на форумах. На остальных сайтах (блоги, интернет-магазины) используется привычный HTML.

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

Виды анкоров ссылок для сайта

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

Коммерческие анкоры

Коммерческие анкоры — это ключевые фразы, по которым вы планируете ранжировать страницы в поисковых системах.

Как правило, они содержат следующие слова:

• купить; 
• заказать; 
• цена; 
• продажа; 
• дешево; 
• недорого и другие.

В итоге получаются следующие

конструкции:

• купить игровой ноутбук недорого; 
• установка пластиковых окон в Киеве цена; 
• замена экрана самсунг в Киеве недорого.

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

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

Важно! Анкоры с использованием коммерческих фраз нужно использовать, но исключительно с качественных площадок и в количестве 10-20% от общей массы.

Анкоры ссылок с точным вхождением

Анкор ссылки соответствует ключевой фразе:

• купить холодильник недорого; 
• заказать поисковое продвижение.

Точное вхождение может быть как со склонением слов, так и без. Это на усмотрение SEO-специалиста.

Анкоры ссылок с разбавленным вхождением

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

• купив наушники; 
• покупке наушников;
• купите наушники; 
• купить у нас наушники.

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

Читайте также наш материал, что такое анкор лист и как его составить.

Похожие вопросы

• Зачем покупать ссылки на сайт
• Битые ссылки на сайте – влияние на позиции, поиск и удаление

Ольга Горбенко

Практикующий SEO-специалист

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

Введение в якорные ссылки

Как создавать метки якорных ссылок

Настройка URL-адресов ссылок привязки

Примеры

Введение

Якорные ссылки — это гиперссылки, которые позволяют ссылаться на определенные разделы URL-адреса. Мы используем на этой странице, в ссылках CTA в верхней части этой страницы. В AEM вы можете применять якорные ссылки к любой гиперссылке, кнопке или призыву к действию.

Давайте посмотрим, как создать якорную ссылку:

Создание

Якорная ссылка настраивается с помощью двух элементов:

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

Добавление меток к заголовкам

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

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

Добавление метки к заголовку

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

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

Настройка URL-адресов ссылок привязки

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

Если вы добавляете гиперссылку на редактируемую страницу, то при добавлении URL-адреса используйте браузер AEM, чтобы выбрать редактируемую страницу. После выбора страницы этот путь будет выглядеть примерно так:

Перед тем, как СОХРАНИТЬ гиперссылку, необходимо настроить этот URL-адрес, добавив следующее:

• добавить «.html» к выбранному пути URL-адреса
• Затем добавьте символ #, за которым следует метка, на которую вы хотите сослаться. Если я хочу сослаться на раздел с меткой идентификатора «примеры», я бы добавил «#examples» в конец моего URL-адреса после «.html», который я добавил ранее.

Вот как должен выглядеть ваш новый 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 должны направлять пользователей на предыдущую страницу в истории браузера. В начало больше похож на команду, чем на ссылку. После ее нажатия пользователи, скорее всего, захотят вернуться на предыдущую страницу, а не на середину или конец текущей страницы.

Аккордеоны против внутренних ссылок?

Аккордеоны

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

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

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

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