Внешние ссылки ведут на другие веб-ресурсы. Например, на страницы филиалов компании или ее официальные группы в соцсетях.
Внутренние ссылки облегчают навигацию в рамках одного сайта, помогают быстро найти нужную информацию.
Также есть ссылки для загрузки данных (документов, изображений, видео) и рекламные. Последние размещают на партнерских ресурсах и снабжают специальными utm-метками, они помогают отследить количество переходов и эффективность рекламной кампании в целом.
Общие правила оформления всех ссылок
Регулярно проверяйте работоспособность интерактивных элементов. «Битая» ссылка может испортить впечатление о вашем сайте. А если она стоит в рекламном объявлении, вы просто потратите бюджет без пользы: люди будут совершать переходы, но ваше предложение не увидят. Поэтому периодически делайте тесты всех ссылок и обновляйте устаревшие.
Проверяйте utm-метки. Некорректное название может негативно отразиться на репутации компании или привести к путанице в отчетах с аналитикой. Иногда специалисты по продвижению используют в названии ссылок неудачные фразы — например, «nekrasivy-banner-dlya-pensionerov». Увидев такую ссылку, клиенты и партнеры могут потерять доверие к компании. Лучше выбирать нейтральные сочетания слов для обозначения источников трафика.
Как оформить ссылку, если это часть текста
Выделяйте кликабельные элементы цветом. Читатель должен с первого взгляда понимать, какой фрагмент текста является интерактивным и позволяет получить больше дополнительной информации.
Используйте понятные названия. Хорошо, если текст ссылки хотя бы минимально отражает содержание адресной страницы. Плохой вариант: «Нажмите здесь». Лучше: «Сравните наши тарифы».
Делайте кликабельными короткие текстовые фрагменты. Не оформляйте как ссылку длинные блоки текста, это усложняет восприятие информации. Достаточно использовать одно слово или короткое словосочетание.
Откажитесь от «сокращателей». Часто их применяют для соцсетей: обычно там нельзя «вшить» ссылку в текст, можно только вставить ее так, как есть. Если ссылка длинная, она смотрится в посте чужеродно, поэтому ее уменьшают в специальных сервисах. Однако у «сокращателей» есть несколько минусов. Во-первых, они могут собирать дополнительную информацию о пользователях: IP-адрес и данные браузера. Во-вторых, такие ссылки обезличены, они не дают полной информации о странице назначения и могут вызывать опасения у юзеров. В-третьих, сокращенные ссылки часто действуют ограниченное время. Если вы не можете отказаться от таких элементов, делайте к ним поясняющий текст. Например: «По ссылке откроется наш официальный сайт».
Используйте кавычки-«елочки». Они удобны, если нужно показать, что за ссылкой скрывается выпадающее меню. Меню появится при наведении курсора, и пользователь сможет выбрать нужную страницу для перехода.
Применяйте подчеркивания. Прерывистой чертой обозначают ссылки, которые открываются в том же окне, где в данный момент находится юзер. Иногда вместо подчеркивания используют множественные точки.
Как оформить ссылку, если она «вшита» в графический элемент
Используйте кнопки. Например, ссылки, обозначающие номера страниц, лучше оформлять не цифрами, а в виде небольших кнопок. Аналогично с кнопками «Купить» или «Заказать». Чем более заметно и эстетично они оформлены, тем выше шанс, что посетитель сайта на них нажмет.
Делайте кликабельной всю площадь элемента. Важно, чтобы интерактивным был не только текст, но и кнопка целиком.
При необходимости расширяйте зону интерактивности. Если текст со ссылкой короткий, сделайте поле вокруг него кликабельным, чтобы человеку не приходилось «прицеливаться».