Простейшие приёмы, улучшающие восприятие текста | Заметки вебмастера






Простые приёмы, улучшающие восприятие текста

восприятие текстаПривет, ребята. Рад вас видеть на своем блоге!

У меня к вам один вопрос. У вас есть свой блог? Вы часто публикуете новые интересные статьи? Нравится ли посетителям вашего ресурса их читать?

Может быть, они сразу уходят, после прочтения первых двух-трех абзацев или, наоборот, долгое время бродят по блогу? Как вы думаете?

Я предполагаю, что вы постоянно отслеживаете статистику посещений своего ресурса и знаете ответ на этот вопрос.

А если нет, то вам пора бы одуматься и перестать продвигать свой ресурс с «закрытыми глазами». Я сам был раньше такой же и шел вперед, не смотря по сторонам. В итоге результат был нулевым. Потом я изменил свои взгляды, и вам советую.

Ну да ладно. Просто наблюдайте за статистикой посещений. Вот моя рекомендация тем, кто ведет свой авторский блог.

Удобочитаемость — это так важно?

Итак. Почему я сейчас говорю об этом. Да потому что частенько захожу на другие блоги и вижу отношение авторов к своему ресурсу.

У меня все чаще складывается впечатление, что многим просто наплевать на то, в каком виде они предоставляют контент своим читателям. Удобочитаемость? — с таким понятием они видно не знакомы…

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

Действительно, многое сейчас зависит от подачи материала в статьях. Как ни крути, а контент это основа любого блога в интернете. И именно от разумного оформления своих записей зависит большинство показателей: поведенческие факторы, конверсия, повторное посещение читателем вашего блога и т.д.

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

Итак, удобство при чтении текста (восприятие текста) или как еще по-другому называют, удобочитаемость.

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

удобочитаемость текста

Спасибо школьной программе за то, что минимальный размер сочинения в 10-11 классах при написании в тетради был не менее 6 листов (12 страниц). А также хочется выразить благодарность моим драгоценным родителям и учительнице по русскому языку за то, что научили меня правописанию. Иначе я бы писал статьи очень долго и в итоге они бы появлялись реже на моем блоге.

Сейчас я перечислю вам определенные приёмы, которые необходимо соблюдать для того, чтобы посетители блога читали ваши статьи полностью.

Об этих основных моментах говорят немногие, да и не все вебмастера, которые знают о них, следуют этим правилам.

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

Мне остается лишь надеяться на то, что вы будите применять мои рекомендации на практике. Итак, поехали.

Приёмы, улучшающие восприятие текста

  • Выделяйте ссылки в своих статьях другим цветом или применяйте подчеркивание. Посетителям будет удобнее, если они будут видеть гиперссылки в основной массе текста. Я, например, в своих статьях выделяю все ссылки синим цветом. А при наведении курсором на нее, анкор ссылки подчеркивается. Можете сами проверить.
  •  Желательно установить между строками текста статьи оптимальный отступ. По другому его еще называют межстрочный интервал. Он выставляется в таблице стилей CSS. У меня выставлено это значение в пикселях. Вот таким образом:
 .post p {
 margin-top: 10px;
 margin-bottom: 10px;
 }

Видите, отступ сверху строки (margin-top) и снизу (margin-bottom) установлен по 10 пикселей. Также отступ может быть задан с помощью множителя шрифта.

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

Посмотрите, как я оформил блок цитат с помощью CSS:

Вот так выглядят цитаты в моих статьях.

  • Не нужно постоянно гнаться за количеством знаков в статьях. Если вы все описали подробно, но вас не устраивает объем поста, не нужно напихивать туда всякий шлак. Лучше пусть будет кратко, но без лишнего мусора.

По правде говоря, я не страдаю нехваткой количества символов в своих записях. Раньше, когда я только начинал писать статьи, то у меня они получались небольшие по объему. Теперь же все наоборот. Посты теперь в районе 10 тысяч символов без пробелов. Кстати, для добавления своей статьи в оригинальные тексты Яндекса и подтверждения авторства требуется всего лишь пост от 500 символов. Так что, мне кажется, заморачиваться не стоит по этому поводу.

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

контрастность шрифта

  • Не рекомендуется устанавливать блоки с различной рекламой в тело статьи. Рекламные блоки будут отвлекать читателей. Мне кажется, что самым важным моментом является то, что вы донесли полезную информацию до читателя в полном объеме, а не то, что вы заработали копейку на рекламе и сбили посетителя с мысли, показав рекламный блок. Ребята, поставьте себя на место читателя. Вы хотели бы видеть рекламу всякой фигни в статье, которую читаете на авторском блоге? Мне кажется, что ваш ответ будет отрицательным.
  • В обязательном порядке добавляйте изображение, соответствующее тематике статьи и размещайте его в самом начале поста. Этот прием привлечет внимание ваших посетителей. В теле статьи — на ваше усмотрение, но не скупитесь на изображения и скриншоты, различные схемы и графики. Не будьте голословными. Показывайте то, что можно показать. В теле статьи лучше всего размещать изображение по центру. Старайтесь не вставлять картинку слева или справа от текста. Это ухудшает сканирование статьи поисковиком.
  • Если вы выделяете определенные участки текста в своей статье жирным или курсивом, то никогда не изменяйте при этом цвета шрифта. Просто если вы будите так делать, то многие читатели подумают что это ссылки и будут их нажимать. Это не есть хорошо. Это также распространяется и на другие элементы дизайна. Короче, не делайте так, не вводите читателей в заблуждение и все будет окай.
  • Не забывайте выделять заголовки в тексте с помощью тегов H1 — H6. Они отлично помогают разделить весь материал статьи на логические участки, и у текста статьи появляется четкая иерархическая структура:

использование заголовков H1-H6

Однако, не нужно спамить ключевыми фразами в этих заголовках, если не хотите получить фильтр от поисковых систем за пере оптимизацию текста.

  • Вы пишете всю статью сплошным текстом, не разделяя её на абзацы? У меня, когда только начинал в блогинге, была такая болезнь, но я от нее избавился. Сплошной текст, не разделенный на абзацы, отпугивает читателя. В интернете при написании текста в статьях, как правило, абзацы состоят из 2-3-ёх предложений. Хотя бывают, конечно, исключения.

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

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

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

Используйте это правило, а также применяйте выравнивание по центру, но в очень редких случаях.

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

шрифт удобный для чтения

Основной текст поста должен быть написан при использовании одного и того же типа и размера шрифта. Не нужно выпендриваться и экспериментировать себе в ущерб.

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

Ну, вот и все. Я описал все приемы, которые использую для повышения удобства при чтении своих статей и улучшения поведенческих факторов. Друзья, если вы знаете еще какие-нибудь приёмы, улучшающие восприятие текста при чтении, прошу Вас поделиться ими со мной и моими читателями. Спасибо за внимание. Увидимся в моих новых материалах. Пока!

Успехов Вам и Удачи
С Уважением,


Книга о заработке в интернете:
Книга о заработке в интернете

Комментариев к статье: 29

  1. Игорь Черноморец:

    Привет Сергей! Твои советы по улучшению восприятия текста заслуживают похвал, всё правильно сказал!!!

    Но я обратил внимание на твою эту фразу и она не выходила у меня из мыслей, вот она:

    «А также хочется выразить благодарность моим драгоценным родителям и учительнице по русскому языку за то, что научили меня правописанию. Иначе я бы писал статьи очень долго и в итоге они бы появлялись реже на моем блоге»

    Ты задел моё больное место :)
    Наверно именно это и является главной причиной редкого обновления моего блога и очень, очень, очень долгого написания статей.

    Ответить

    • Сергей Саранчин:

      Привет, Игорь!
      Спасибо за похвалу моей статьи. Рад, что она оказалась полезной!
      Да, о твоём больном месте я знаю. Ты говорил об этом существенном недостатке, когда мы общались Вконтакте. Но не всё так плохо, ведь у тебя есть тоже родной драгоценный человек, который помогает тебе в этом нелёгком деле.
      Не забудь выразить свою благодарность этому человеку!

      Ответить

      • Игорь Черноморец:

        Меня тронула твоя внимательность, ты запомнил, что я тебе говорил про это? Спасибо!
        Не буду скрывать, что тот драгоценный и родной человек, о котором сейчас идет речь это…моя мама :)
        Я ее всегда благодарю за помощь и за поддержку, ведь она единственная, кто меня поддерживает в этом деле :)
        Все-таки мама есть мама!

        Ответить

        • Сергей Саранчин:

          Согласен, Игорь, это самый дорогой для нас человек, который всегда нас поймёт и поддержит в любых начинаниях, если они не связаны с негативом…

          Ответить

    • Артём:

      Правильно! Должна быть обязательно встроена микроразметка на ресурсе! Без неё роботу будет сложнее понять информацию, которая представлена у вас на блоге!

      Ответить

  2. Алиса:

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

    Ответить

    • Сергей Саранчин:

      Спасибо, Алиса, за слова благодарности! Приятно слышать! Буду банален, если в который раз скажу, что постоянно стараюсь сделать свой блог для своих постоянных читателей ещё более привлекательным!

      Ответить

  3. Alexandr:

    Для меня удобочитаемость на 1 месте. Ваши статьи удобочитаемы. Жаль что не на всех блогах так.

    Ответить

    • Екатерина:

      На многих блогах в одной статье объединено несколько тем и это осложняет восприятие. Поэтому согласна с Вами, Александр, что удобочитаемость очень важна. :oops:

      Ответить

      • Alexandr:

        Несколько тем в одной статье? Может быть, но практически не встречаюсь с этим.

        Ответить

        • Екатерина:

          А я не раз наблюдала. Очень не удобно. Но автор блога может быть считает, что чем больше, тем лучше.

          Ответить

          • Alexandr:

            Мы как будто в разных мирах живём. Я не встречаю, Вы встречаете. Это есть, но как исключение.

            Ответить

          • Екатерина:

            Может и в разных. :smile: Но тем не менее такие блоги попадаются и для исключения чаще, чем хотелось бы.

            Ответить

  4. NI4KA:

    Не знала про пользу от выравнивания текста статей по левому краю. По ширине смотрится приятнее, но читать действительно сложнее.

    Ответить

  5. Виталий Охрименко:

    действительно все очень грамотно и правильно расписано, ничего не добавить, ничего не удалить. Все как надо! Спасибо Сергею за статью

    Ответить

    • Сергей Саранчин:

      Рад стараться, Виталий! :cry:

      Ответить

  6. NI4KA:

    Касательно рекламных блоков внутри статьи немного не согласна. Мне наоборот нравится, когда баннер разбивает статью.

    Ответить

    • Саня Сабегатулин:

      Смотря что за баннер. И как он выглядит. И как он вливается в общий дизайн.

      Ответить

  7. Екатерина:

    Полностью согласна со всеми пунктами. И очень немаловажно — это грамотность. Одно дело, если обычная опечатка. А совсем другое, когда нет половины знаков препинания и часто попадаются грамматические ошибки. Читаешь такую чушь и плохо становится.

    Ответить

    • Сергей Саранчин:

      Согласен, Екатерина! Это очень важно.
      Я, например, перед добавлением каждой статьи на блог, редактирую её в Word, чтобы не было грамматических и орфографических ошибок.
      И вроде замечаний нет со стороны посетителей. :smile:

      Ответить

  8. Александр:

    Сергей, подскажите пожалуйста какой размер шрифта выбрать и название, какое удобнее!

    За статью большое спасибо!

    Ответить

    • Сергей Саранчин:

      Приветствую, Александр!
      Рад, что статья оказалась полезной. На моём блоге основной шрифт в статьях в 14px, название Arial.
      В заголовках статей 23px и тоже Arial

      Ответить

  9. Александр:

    Сергей, а вы размер текста задаете в вордовском документе или в админке вордпресса в редакторе??? Я что то не увидел там размеры шрифтов вот скрин clip2net.com/s/3jldph5 простите если вопрос наивный!!=)))Для меня это важно так как я вижу у меня на блоге текст мелковат почему то.. Буду рад подсказке и совету!

    Ответить

    • Сергей Саранчин:

      Александр, размер шрифта в тексте сайта/блога меняется в файле шаблона, который отвечает за стили (style.css). А в в редакторе WordPress меняются только заголовки.
      Поэтому найдите стиль в этом файле, который отвечает за текст и измените шрифт :smile:

      Ответить

  10. Александр:

    файл (style.css). я нашел , а вот знать бы в каком месте искать замену размера шрифта=))) я первоклассник в вордпрессе =)))

    Ответить

    • Сергей Саранчин:

      Александр, если вы первоклассник, то нужно начинать с азов и приступить к изучению HTML и CSS.
      Держите ссылки на бесплатные уроки по этим темам:
      1. Бесплатный курс по HTML(http://saranchinsergey.ru/part/popov_html.php)
      2. Бесплатный курс по CSS (http://saranchinsergey.ru/part/popov_css.php) :oops:

      Ответить

      • Екатерина:

        ВАУ, Сергей, Вы очень помогаете новичкам. С азами HTML, конечно, желательно ознакомиться, чтобы потом не напортачить.

        Ответить

  11. Марина:

    Сергей а как вы оформили блок цитат?

    Ответить

    • Сергей Саранчин:

      Марина, блок цитат я оформил с помощью прописи стилей в файле style.php.
      Просто поправил существующие стили при выводе блока на своё усмотрение :smile:

      Ответить


НАПИШИТЕ СВОЙ ПЕРВЫЙ КОММЕНТАРИЙ НА ЭТОМ БЛОГЕ И ПОЛУЧИТЕ ПОДАРКИ!

Нажимая кнопку "ОТПРАВИТЬ" комментарий, Вы принимаете пользовательское соглашение и подтверждаете, что ознакомлены и согласны с политикой конфиденциальности этого сайта.

;-) :| :x :twisted: :smile: :shock: :sad: :roll: :razz: :oops: :o :mrgreen: :lol: :idea: :grin: :evil: :cry: :cool: :arrow: :???: :?: :!: