Внутренние ссылки часто были мощным инструментом для SEO, помогая служить мостом для соединения различных веб-страниц. Одной из основных целей обычно было повышение видимости в поисковых системах. Однако важность внутренних ссылок выходит за рамки SEO; это имеет решающее значение для создания удобного для навигации веб-сайта, особенно для людей с ограниченными возможностями. Не секрет, что Google в последнее время уделяет большое внимание тому, чтобы сайты были доступны людям с ограниченными возможностями. Предлагаем ознакомиться со статьей Кристины ЛеВассер 10 internal linking best practices for accessibility.

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

Оглавление :

1. Используйте четкий и описательный анкорный текст

2. Сопоставьте текст привязки с намерениями пользователя

3. Избегайте перегрузки ссылками

4. Укажите ссылки, которые открываются в новом окне

5. Используйте легко узнаваемые стили ссылок

6. Используйте навигационную цепочку

7. Используйте глобальную статическую навигацию

8. Избегайте гиперссылок в заголовках

9. Исправьте ошибки 404.

10. Ограничьте использование редиректов

1. Используйте четкий и описательный анкорный текст

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

«Расплывчатый текст привязки, например «нажмите здесь» или «читать дальше», не передает никакого контекста. Это особенно проблематично для пользователей программ чтения с экрана, у которых нет немедленного доступа к окружающему контенту, который может предоставить дополнительные подсказки о месте назначения ссылки. Неописательный якорный текст может превратить просмотр в серию неожиданных результатов и ухудшить взаимодействие с пользователем». по словам Стефани Маккой, основательницы Bold Blind Beauty.

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

Как реализовать

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

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

2. Сопоставьте текст привязки с намерениями пользователя

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

«Якорный текст, возможно, является самой важной частью внутренних ссылок, поэтому вам нужно делать его правильно. Что говорит читателю фраза «нажмите здесь»? Поисковые системы? Люди, которые используют программы чтения с экрана? Ничего. Им это абсолютно ни о чем не говорит. Каждый бот, который сканирует ваш сайт, должен понимать, куда он движется», – говорит Элис Роуэн, копирайтер веб-сайтов, консультант по SEO и член сообщества Neurodivergents in SEO.

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

Как реализовать

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

3. Избегайте перегрузки ссылками

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

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

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

Лучшие практики SEO обычно предполагают наличие менее 100 ссылок на страницу, но более ориентированный на пользователя подход заключается в том, чтобы стремиться к примерно 25-30 ссылкам или меньше. Это помогает повысить четкость страницы и удобство навигации, в том числе для пользователей, использующих только клавиатуру.

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

Как реализовать

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

Спросите себя: добавляю ли я эту ссылку исключительно для SEO или потому, что она действительно повышает ценность? Также примите этот образ мышления при построении ссылок.

4. Укажите ссылки, которые открываются в новом окне

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

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

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

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

Как реализовать

Используйте визуальные и/или текстовые индикаторы, чтобы информировать пользователей о том, что ссылка откроется в новом окне или вкладке. Это можно сделать, добавив к тексту ссылки фразы типа «(открывается в новой вкладке)» или используя отдельные значки рядом со ссылкой. Указывая, когда ссылки открываются в новом окне или вкладке, вы повышаете прозрачность и предсказуемость взаимодействия с пользователем.

5. Используйте легко узнаваемые стили ссылок

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

«Для пользователей со слабым зрением или людей с нарушениями цветового зрения неразличимые ссылки становятся почти невидимыми. Чтобы ссылки выделялись, соотношение цвета и контрастности должно составлять как минимум 3:1», – говорит Дени Будро, основатель Inklusiv и директор по обучению под руководством инструкторов в Deque Systems.

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

Как реализовать

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

Обязательно используйте цветовой контраст 3:1, чтобы выбранный цвет контрастировал с окружающим текстом, а также обеспечивал контраст 4,5:1 с фоном. Текст гиперссылки также должен изменить цвет и/или стиль, когда фокус установлен на этой ссылке.

6. Используйте навигационную цепочку

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

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

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

«Статические хлебные крошки обеспечивают последовательную структуру навигации, необходимую для нейроотличных пользователей. Эта функция снижает когнитивную нагрузку, позволяя пользователям возвращаться к страницам, расположенным выше в структуре сайта, например к родительским категориям. Этот ясный, неизменный путь помогает пользователям выбраться из «кроличьих нор» и вернуться на предыдущую страницу или категорию», – говорит Джек Чемберс-Уорд, соучредитель Neurodivergents в области SEO и менеджер по маркетингу и партнерству в Candour.

Как реализовать

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

Убедитесь, что навигационная цепочка размечена семантически, используя соответствующие элементы HTML и роли ARIA, чтобы средства чтения с экрана могли ее правильно интерпретировать.

7. Используйте глобальную статическую навигацию

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

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

«Некоторые нейроотличные пользователи, такие как люди с дислексией и людьми с нарушениями памяти, особенно выигрывают от статической навигации. Если пользователю приходится регулярно переучиваться или заново приспосабливаться к новым макетам навигации на каждой странице, это может дезориентировать». По словам Билли Джины Хайд, основательницы агентства Uptake и члена сообщества Neurodivergents в области SEO.

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

Как реализовать

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

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

8. Избегайте гиперссылок в заголовках

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

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

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

Как реализовать

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

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

9. Исправьте ошибки 404

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

«С точки зрения доступности ошибка 404 может быть особенно разрушительной, поскольку она нарушает ритм навигации по веб-сайту. В некоторых случаях может быть сложно вернуться к знакомой точке, что может привести к полному закрытию веб-сайта. Это может негативно повлиять на бренд, доверие и авторитет вашего веб-сайта», – говорит Насрин Бхутта, директор по связям с общественностью Bold Blind Beauty.

Как реализовать

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

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

10. Ограничьте использование редиректов

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

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

Как реализовать

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

Последние мысли

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

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