В чем смысл стилизации гиперссылок, которые можно отличить от основного текста?

Ответ 1

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

Таким образом, единственная реальная причина только тонко дифференцировать встроенные ссылки со стандартного текста - это эстетические цели. Я думаю, что сделал дизайнер SFGate. Цвета ссылок, которые они используют, легко дифференцируемы, если они не являются встроенными (например, панели "Последние записи" или "Категории" ), но их, возможно, сложнее выделить в тексте.

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

• выделены жирным шрифтом ссылки
• подчеркнули их.
• используется пунктирные подчеркивания (хороший компромисс)
• или использовать опрокидывания

Все это поможет отличить ссылки от текста, не указывая на ссылки ярче.

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

Ответ 2

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

Ответ 3

Это зависит от того, что вы пытаетесь выполнить. Как владелец сайта, я мог бы осознать (через тестирование A/B), что более тонкий цвет ссылок увеличивает CTR, уменьшает частоту отказов и т.д.

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

Ответ 4

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

Ответ 5

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

Ответ 6

Я могу четко отличить цвет ссылки от цвета текста. Может быть, вы должны настроить параметры отображения? Я полагаю, что это может быть немного смелее, чтобы отличить его от окружающего текста, но это ballpark.

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

Ответ 7

Может быть один из двух сценариев, оба из которых я испытал.

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

• текст был SEO'd неверно тем, кто около 6 лет отстает от времени, и полагает, что вам нужно связать каждый экземпляр термина на странице, но с учетом посетителя, так что они были написаны вниз.

Ответ 8

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

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

Ответ 9

возможно, это может быть приятное решение

a {
    font: inherit !imporant;
    text-decoration: inherit !imporant;
    color: inherit !imporant;
}