—»     —»   Варианты создания ссылок «Читать далее…» и «Продолжить чтение…»
  Раздел: Подсказки   Комментариев: 1  

Варианты создания ссылок «Читать далее…» и «Продолжить чтение…»



Большинство блоггеров и веб-дизайнеров хорошо понимают, насколько сложно привлечь посетителей на свой сайт. Но существуют некоторые подходы к привлечению потенциальных читателей. Некоторые факторы очень способствуют тому, чтобы веб-сайт привлекал своих читателей. Например, такие факторы, как: грамотно выбранные и написанные заголовки и рубрики, интересное наполнение страниц, и качественный дизайн. Не смотря на то, что все эти аспекты очень важны, сегодня мы сконцентрируемся на очень специфическом элементе, который часто упускают из виду, а именно – ссылки «Читать далее…» или «Продолжить чтение…». Их размещают после заголовка и краткого содержания статьи, как возможность прочитать статью полностью, но при этом не загромождать страницу надоедливым сплошным текстом.
Каждый веб-сайт использует свой собственный способ предложения пользователям перехода по ссылкам на полные статьи. Некоторые делают данные ссылки максимально заметными и яркими, другие же используют более утонченный подход. С другой стороны, веб-дизайнеры и разработчики интерфейса придумали очень креативный и инновационный подход в предложении пользователям прочесть тот или иной текст. Освещая именно данный подход, мы подготовили для вас список из 46 веб-сайтов, на примере которых можно наглядно показать то, насколько продуктивно можно использовать ссылки «Читать далее…» и «Продолжить чтение…» в вашем дизайне. Надеемся, что данные сайты послужат вам вдохновением для будущих проектов, ну или вы, как минимум, не будете упускать из виду данный аспект при разработке дизайна.

Перед тем, как мы предоставим вам список, давайте попробуем разобраться в том, почему же ссылки типа «Читать далее…» так важны. Они важны по нескольким причинам. Прежде всего потому, что они дают возможность веб-дизайнерам сокращать содержимое страницы. При использовании компактных вариантов статей на главной странице, вы сможете уместить намного больше информации, использовав меньшее пространство. Это означает, что читатели смогут быстрее охватить большое количество заголовков и примерно оценить то, что им было бы интересно прочесть.
Кроме того, использование данных ссылок и сокращение статей позволяют веб-администраторам легко отслеживать самые популярные тексты. Дизайнеры, публикующие цельные статьи на главную страницу сайта, доставляют трудности администраторам в отслеживании самых популярных текстов. Это мешает им понять то, что посетители больше всего хотят видеть на данном веб-сайте.
Кроме того, одной из самых важных причин того, чтобы размещать такого рода ссылки на сайте – деньги. Веб-сайты, которые превращают трафик в деньги, понимают, что таким образом больше посетителей будут кликать по ссылкам на их сайте. А в лучшем случае, они будут просматривать страницы и кликать на рекламные объявления. Ссылки «Читать далее…» вполне могут удвоить или даже утроить количество просмотров веб-страницы, что делает её более привлекательной для рекламодателей.
Теперь, когда мы понимаем важность использования ссылок «Читать далее…», давайте рассмотрим некоторые лучшие варианты реализации.

1.Выделяйте текстовые ссылки

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

Tutorial9
Варианты создания ссылок «Читать далее…» и «Продолжить чтение…»

PSDTuts
Варианты создания ссылок «Читать далее…» и «Продолжить чтение…»

Smashing Apps
Варианты создания ссылок «Читать далее…» и «Продолжить чтение…»

CSS Tricks
Варианты создания ссылок «Читать далее…» и «Продолжить чтение…»

David Airey
Варианты создания ссылок «Читать далее…» и «Продолжить чтение…»

Freelance Switch
Варианты создания ссылок «Читать далее…» и «Продолжить чтение…»

Lost and Taken
Варианты создания ссылок «Читать далее…» и «Продолжить чтение…»

Veerle’s Blog
Варианты создания ссылок «Читать далее…» и «Продолжить чтение…»

Rob Goodlatte
Варианты создания ссылок «Читать далее…» и «Продолжить чтение…»

Douglas Menezes
Варианты создания ссылок «Читать далее…» и «Продолжить чтение…»

slashdot
Варианты создания ссылок «Читать далее…» и «Продолжить чтение…»

UsabilityPost
Варианты создания ссылок «Читать далее…» и «Продолжить чтение…»

Kupferwerk
Варианты создания ссылок «Читать далее…» и «Продолжить чтение…»

Dino Latoga
Варианты создания ссылок «Читать далее…» и «Продолжить чтение…»

Elliot Jay Stocks
Варианты создания ссылок «Читать далее…» и «Продолжить чтение…»

SixRevisions
Варианты создания ссылок «Читать далее…» и «Продолжить чтение…»

Viget
Варианты создания ссылок «Читать далее…» и «Продолжить чтение…»

Design Moves Me
Варианты создания ссылок «Читать далее…» и «Продолжить чтение…»

The White House
Варианты создания ссылок «Читать далее…» и «Продолжить чтение…»

Yahoo News
Варианты создания ссылок «Читать далее…» и «Продолжить чтение…»

Huffington Post
Варианты создания ссылок «Читать далее…» и «Продолжить чтение…»

F-I
Варианты создания ссылок «Читать далее…» и «Продолжить чтение…»

Red Nose Day
Варианты создания ссылок «Читать далее…» и «Продолжить чтение…»

UGSMAG
Варианты создания ссылок «Читать далее…» и «Продолжить чтение…»

Carrot Blog
Варианты создания ссылок «Читать далее…» и «Продолжить чтение…»

Take the Walk
Варианты создания ссылок «Читать далее…» и «Продолжить чтение…»

Fantesca
Варианты создания ссылок «Читать далее…» и «Продолжить чтение…»

Concentric Studio
Варианты создания ссылок «Читать далее…» и «Продолжить чтение…»

Well Medicated
Варианты создания ссылок «Читать далее…» и «Продолжить чтение…»

DLE News
Варианты создания ссылок «Читать далее…» и «Продолжить чтение…»


2. Используйте пиктограммы

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

GoMediaZine
Варианты создания ссылок «Читать далее…» и «Продолжить чтение…»

Macalicious
Варианты создания ссылок «Читать далее…» и «Продолжить чтение…»

The Potato
Варианты создания ссылок «Читать далее…» и «Продолжить чтение…»

Sam Rayner
Варианты создания ссылок «Читать далее…» и «Продолжить чтение…»

Design Reviver
Варианты создания ссылок «Читать далее…» и «Продолжить чтение…»

The World Wide Blogger Bake Off
Варианты создания ссылок «Читать далее…» и «Продолжить чтение…»

An Idea
Варианты создания ссылок «Читать далее…» и «Продолжить чтение…»

Blog Full Bliss
Варианты создания ссылок «Читать далее…» и «Продолжить чтение…»

Koodoz
Варианты создания ссылок «Читать далее…» и «Продолжить чтение…»

Spoongraphics
Варианты создания ссылок «Читать далее…» и «Продолжить чтение…»


3. Используйте кнопки

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

Real Mac Software
Варианты создания ссылок «Читать далее…» и «Продолжить чтение…»

Philadelphia Eagles
Варианты создания ссылок «Читать далее…» и «Продолжить чтение…»

Dawg House Design Studio
Варианты создания ссылок «Читать далее…» и «Продолжить чтение…»

Naldz Graphics
Варианты создания ссылок «Читать далее…» и «Продолжить чтение…»

Spoon Graphics
Варианты создания ссылок «Читать далее…» и «Продолжить чтение…»

Healogix
Варианты создания ссылок «Читать далее…» и «Продолжить чтение…»


4. Тенденции

Очень важно с самого начала создания веб-сайта обратить внимание на то, как кто-то еще предпочел оформить и разработать свой дизайн. Возможно, вы узнаете то, как сделать что-то, в соответствии с действующей тенденций, а может и наоборот – как обойти её стороной и добиться результатов. Но тем не менее, не стоит пренебрегать вниманием к тому, «в какую сторону дует ветер».
В то время, пока мы исследовали материал для данной статьи, мы выявили несколько интересных тенденций:
1. Простые текстовые ссылки используются чаще, чем любой другой тип для оформления ссылки «Читать далее…». С соотношением примерно 2 к 1.
2. Большая часть веб-сайтов используют словосочетание «Читать далее…» или же некоторые его трансформации.
3. Простые текстовые ссылки или дополненные пиктограммами чаще всего используются в блогах, а кнопочный тип используется, в первую очередь, на коммерческих сайтах.

*Данные наблюдения не являются научными и отражают только данный в этой статье список веб-сайтов, а не всей сети интернет.

5. Вывод

Надеемся, что данная статья сформировала у вас определенное мнение по поводу того, какой метод использования данных ссылок лучше всего подойдет для вашего веб-сайта. Конечно же очевидно, что вы также можете соблазнять своих посетителей на переходы по ссылкам и другими путями, и некоторые способы будут даже более продуктивны. Наблюдая за другими сайтами, мы обнаружили, что многие предпочитают оставлять свои ссылки простыми, не применяя какие либо варианты оформления. Некоторые же предпочитают выделять их различными цветами или использовать полужирный шрифт для выделения, другие используют пиктограммы или даже кнопки. Большинство дизайнеров предпочитают использовать словосочетание «Читать далее…», и только 1/3 использует различные вариации со словом «Продолжить…». Этому есть разные объяснения, но самая вероятная заключается в том, что в словосочетании «Продолжить чтение…» слишком много букв.
Мы также обнаружили, что в блогах чаще всего используют обычные текстовые ссылки, а на коммерческих сайтах предпочитают использовать графические кнопки. Причина не совсем ясна, но, по всей видимости, владельцы коммерческих сайтов считают, что использование кнопок придаёт некоторую солидность и может привлечь внимание посетителей к предлагаемой ими продукции, в то время как владельцы текстовых блогов предпочитают использовать простые текстовые ссылки дабы не отпугнуть и не перегружать внимание читателей.
В заключении, ограничителем для вас могут стать только ваши фантазия и воображение. Делайте все то, что будет наиболее выгодным для сайта, над которым вы работаете, и исходя из этого, разработанный вами дизайн будет делать все то, чтобы максимально привлечь к себе внимание.

Автор статьи © Grant Friedman
Русский перевод © CoolWebmasters.Com 2009
Обнаружили ошибку или мёртвую ссылку?
Выделите проблемный фрагмент мышкой и нажмите CTRL+ENTER.
В появившемся окне опишите проблему и отправьте уведомление Администрации ресурса.
Нужна органическая вечная ссылка из данной статьи? Постовой?
Подробности здесь
Вам понравился материал? Поблагодарить легко!
Будем весьма признательны, если поделитесь этой статьей в социальных сетях:

Ключевые тэги: веб-дизайн
Опубликовал Mysterious Master   Прочитано (раз): 7502   |   Оставлено комментариев: 1
Источник материала / оригинал статьи   Распечатать
Другие статьи и новости по теме:
Комментарий #1: 3 февраля 2012 @ 21:46
Написал: Burger_big — группа: Гости  
На сайте с: --   |   Публикаций: 0   |   Комментариев: 0
ICQ: --- не указано ---
спасибо довно искал подобную информацыю!просто мы с друзьями спорили на одну херь это статья потверждает что я прав!большое спасибо автору!
Добавление комментария
Уважаемые пользователи!
При добавлении комментариев на сайт Вам следует учитывать следующее - все комментарии проверяются Администрацией на предмет отсутствия спама. При обнаружении признаков спама, в оставленном Вами комментарии, сам комментарий будет незамедлительно удалён, а Ваш IP-адрес будет забанен без предупреждения! Учётные записи пользователей, рассылающих спам, блокируются/удаляются без права последующего восстановления.

С уважением, Администрация сайта.
* = поля обязательны к заполнению
Полужирный Наклонный текст Подчеркнутый текст Зачеркнутый текст | Выравнивание по левому краю По центру Выравнивание по правому краю | Вставка смайликов Выбор цвета | Скрытый текст Вставка цитаты Преобразовать выбранный текст из транслитерации в кириллицу Вставка спойлера
Вопрос : Назовите месяц February по-русски
Подтверждение кода безопасности :

Включите эту картинку для отображения кода безопасности
обновить, если не виден код


Популярные публикации


















Свежие шаблоны сайтов каждый день
С миру по нитке
«    Ноябрь 2017    »
ПнВтСрЧтПтСбВс
 12345
6789101112
13141516171819
20212223242526
27282930