Руководство по созданию правильных ссылок для сайтов и электронных писем

Зрячие люди могут догадаться, что “Подробнее…” относится к ближайшему заголовку, а для людей с нарушениями зрения нужно более продуманное решение. Все популярные браузеры по умолчанию имеют встроенный доступный фокус (вы точно видели толстую синюю рамку вокруг полей ввода, раскрывающихся списков, кнопок и ссылок в Google Chrome). Как и все интерактивные компоненты, ссылки должны иметь видимый индикатор фокуса. Ссылка — важный интерактивный элемент, поэтому она должна быть достаточно контрастной. Доступные ссылки — не только те, которые выглядят аккуратно и понятно, они также должны правильно работать. А значит, списки — более безопасный вариант для оформления группы ссылок.

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

SEO возникло на заре Интернета, чтобы помочь веб-сайтам улучшить свои позиции в поисковых системах, таких как Google. Хотя это может показаться самым простым способом направить пользователя к дополнительной информации, 4friends.ru это не значит, что это правильный способ! Одной из самых распространенных таких практик является практика “нажмите здесь” для гиперссылок.

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

Как создать ссылку с помощью HTML-кода

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

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

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

Напротив, URL-адреса, прикрепленные к лаконичным понятным фразам, информируют людей о том, куда ведет ссылка, а также представляют собой более удобную цель для нажатия или касания. Хотя это обширная тема, мы сосредоточимся на текстовых ссылках, а именно на их юзабилити и доступности. Вместо того чтобы писать “нажмите здесь”, почему бы не попробовать использовать описательный якорный текст, который точно описывает, куда ведет ссылка? Хотя суждение необходимо (оно зависит от контекста и не всегда подходит для информационных ссылок), другой вариант – использовать язык, ориентированный на действие. Самый простой ответ – использовать описательный якорный текст, который говорит пользователям о том, что находится на другом конце ссылки.

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

Руководство по созданию правильных ссылок для сайтов и электронных писем

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

Эмоциональные потребности пользователей и как с ними работать

В этом случае подумайте о том, чтобы встроить URL в лаконичную фразу или сократить адрес при помощи таких инструментов, как Bitly или Cuttly. Когда перед нами ссылка “здесь” или “это”, по ней труднее кликнуть мышкой или пальцем. Продуманные ссылки демонстрируют, что вы с уважением относитесь к своим читателям, тогда как небрежные и непонятные вызывают недоумение и подозрения. И допустимо ли использовать формулировку «Читать дальше»?