Блог Тильды

4 совета по оформлению гиперссылок в тексте

Гиперссылка — оформленная фраза, при клике на которую человек чаще всего переходит на другую страницу. Делимся советами, как такие ссылки оформлять в тексте.

1. Выделять гиперссылку в тексте
Используйте цвет, жирность, подчеркивание или всё вместе. Раньше ссылки в вебе выделялись голубым цветом и подчеркиванием. Сейчас на это можно не ориентироваться — выбирайте оформление, которое сочетается с дизайном вашего сайта. 

2. Писать уникальный текст гиперссылки
Для каждой гиперссылки составьте ёмкую фразу среднего размера. По короткой гиперссылке может быть неудобно тапать с телефона, а длинная будет выглядеть некрасиво. Избегайте местоимений и слов «ссылка тут» — лучше объясните пользователю, куда он попадёт при переходе.

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

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

Если ссылка на вашем сайте ведёт себя непривычно, например, ведёт на скачивание файла или видео, напишите об этом. Укажите, что это за файл, его вес и формат. Например: Скачать логотип Компании (png, 3 мб).

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

Для удобства работы с большим количеством ссылок на странице можно использовать блок Т193 «Модификатор ссылок» из категории «Другое». Он позволяет разом изменить внешний вид всех ссылок странице.
Made on
Tilda