Какие правила оформления текста для сайта влияют на внимание читателей

правила оформления текста
Обновлено:

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

Говоря об этих правилах оформления, я невольно начинаю вспоминать свои первые статьи, когда я начинал только-только заниматься блогингом. И этот тогдашний мой опыт (честно говоря, я его и опытом-то не считаю) был сродни топорному. И я имею все основания так его называть, Да и само выражение «мой топорный опыт» – это еще мягко сказано мной, можно было бы и «покруче» выразиться, опираясь на тогдашние воспоминания.

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

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

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

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

Честно говорю – как вспомню, так вздрогну!

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

А когда я на одном из вебинаров познакомился с необходимостью оформления статей, то у меня просто глаза полезли на лоб от узнанного.

Оказалось, что ранее я все делал совершенно неправильно, что все мои статьи, которые я старательно делал красивыми и очаровательными, а попросту – разукрашенными, надо срочно переделывать и оформлять по всем стандартам блогинга (оказалось, что и такой стандарт есть).

правила оформления текста

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

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

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

Я не буду делать расшифровку некоторых специфических слов и терминов (например, читабельность или засечки), имеющих непосредственное отношение к нормальному текстовому оформлению. Эти слова у большинства из нас на слуху. Да, к тому же, я постараюсь делать разъяснения некоторых из них в процессе описания правил для текстов.

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

Короче, читайте! Ну, и применяйте! А главное – не делайте моих, в прошлом, ошибок.

Правила для грамотного оформления текстов, размещенных на ресурсе

Не просто желательно придерживаться этих правил, а блогеру их необходимо использовать при размещении статьи на интернет ресурсе. И не важно для осуществления каких своих целей он пользуется ресурсом. Хотя, для специфических ресурсов (для науки, для игр) есть свои дополнения к этим общепринятым руководствам в работе.

Эти правила работают совместно с другими на основную цель блогера – продвижение ресурса в ТОП`е поисковой выдачи, а все остальные его цели вытекают из основной. Чем бы он, в конечном счете, не решил заниматься в интернете.

Если только для него не самоцель – это в одиночку сидеть на своем ресурсе, писать и устанавливать там тексты для самого себя, самому любоваться всем его содержанием.

Внешний вид текста сразу задает тон всей статье, изначально привлекает, притягивает к ней взгляд, делает ее удобной для чтения.

Поэтому, – о правилах подробнее.

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

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

Оптимальная ширина текста на сайте – 500-650 пикселей

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

Небольшие абзацы в тексте. Это правило вытекает из предыдущего правила для текста. Большие абзацы читать нудно, а статью всем желательно читать быстро. К тому же, читая длинный абзац легко сбиться, а сбиваться никто не любит. Оптимальный вариант для абзаца – три, шесть предложений (больше помещать не стоит), короткие абзацы легче читать, проще воспринимать прочтенную информацию.

Интервал между строчками в абзацах. Если интервал большой, то это рассеивает внимание читателя, если же он мал, то текст читается тяжело. Золотая середина – вот, что здесь важно!

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

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

Контраст. Его очень важно соблюдать на ресурсе! Правильное оформление текста будет нарушено при неправильном контрасте, даже если было соблюдены все остальные правила, все остальное оформление статьи.

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

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

Шрифт текста должен быть без засечек. Это только в газетах, журналах и книгах (на бумажных носителях) используются тексты с засечками. А вот на мониторах для глаза наиболее удобны шрифты без засечек. Опытным путем доказано, что их легче читать.

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

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

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

Универсальные шрифты без засечек, которые имеются практически на любом компе:

  • arial;

  • verdana;

  • tahoma;

  • trebuchet MS;

  • geneva.

Georgia – это единственный шрифт с засечками, который более-менее удобен для чтения на мониторе. Но самым удобным шрифтом без засечек считается verdana (если имеется возможность выбора шрифта, то оформление статей на ресурсе осуществляется именно этим шрифтом).

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

Размер шрифта, которым автоматически выполняется оформление текста статьи на моем онлайн дневнике Arial 11,5.

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

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

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

Выделять в тексте необходимо только действительно важную информацию! Но пользоваться такими выделениями нужно аккуратно, не следует ими злоупотреблять.

Графика. Качественные, красивые картинки по теме – это тоже оформление текстового контента. Хотя бы одна картинка должна присутствовать в статье (кроме заглавной). Она подчеркивает индивидуальность текстового контента, делает статью аппетитной для читателя. Помните народную мудрость о том, что встречают всегда по одежке?!

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

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

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

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

Основные преимущества списка:

  • восприятие;

  • информативность;

  • заметность;

  • читабельность.

У каждого списка должно быть свое выделенное название (подзаголовок), это будет правильное и грамотное оформление текста статьи.

Списки могут быть в тексте как нумерованными, так и маркированными. Главное – это их заметность.

Ссылки в тексте. Если в статье имеется возможность сослаться на что-то в интернете, то в ее тексте обязательно надо использовать гиперссылки. Причем, они должны быть заметными (как и списки), но при этом не отвлекать внимание от основного текста (не бросаться сразу в глаза).

По цвету они должны быть выделенными, но соответствовать общему оформлению интернет ресурса (его дизайну). Читатель статьи должен интуитивно понимать, что это выделение и есть ссылка (иногда можно подсказать читателю об этом).

Гиперссылки должны быть равномерно распределены по статье, а их число на текст в 10000 знаков не должно превышать трех.

Заголовок. Заголовок является своеобразной рекламой для статьи. Заголовок статьи решает очень многое, почти все. Он формирует всю тему статьи, поэтому должен, прежде всего, быть заметным, «цеплять» взгляд читателя, т.к. подавляющее большинство людей практически всегда читают по заголовкам, можете проверить это сами на себе. Он всегда делается бОльшим шрифтом (h1-h6), резко выделяется на фоне текста.

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

Поэтому, предлагаю читателям подписаться на обновления дневника, чтобы не пропускать его новости!

На оформление текстов всегда необходимо обращать внимание. К уже описанным правилам оформления следует добавить и такие:

  • границы и отступы в тексте очень влияют на читабельность;

  • соответствие дизайна ресурса дизайну статей (только без фанатизма!).

Любой текст должен концентрировать внимание! Не важно, какой он, – развлекательный, информационный, продающий и т.д.

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

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

Основные правила, без которых оформление статьи на сайте делать нет смыла

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

Не интересную, не информативную, не приносящую читателю пользы статью читать никто не будет. Как ты ее не старайся внешне оформить по всем правилам. Это будет сплошное бла-бла-бла, лишенное всякого смысла. А кому хочется читать ерунду, бессмыслицу? Ведь даже у простейшего анекдота имеется смысл, да еще какой (это устное народное творчество)!

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

Я не намерен много говорить и о самом главном правиле для каждого текста, – о его уникальности, хотя оно напрямую и не касается его внешнего вида, а только внутреннего содержания.

Да, именно так, – любой контент, размещенный на ресурсе, в т.ч. и текстовый, должен быть единственным в своем роде, сотворенным только вами (или копирайтером по вашему заказу). А иначе, это будет обыкновенный до банальности копипаст, т.е., плагиат. Такой контент будет считаться ворованным.

Соответственно, и ранжированию в поисковиках ресурсу с подобными текстами ничего не грозит, только вечный бан. И с такой негативной историей этому ресурсу никакая движуха в интернете не «светит». Он будет там висеть без поступательного движения вечно (если оплата за него будет делаться вовремя)!

правила оформления текста

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

Но лучше, все таки, писать статьи самостоятельно. Тогда точно никакой головной боли по поводу ее уникальности не будет! Тогда с готовой статьей останется поработать только по части ее правильного для читабельности и восприятия оформления согласно вышеописанным правилам.

Выводы. Правила для оформления текстов выработаны блогерами в процессе своей работы не просто так! Их применению (а об этом сейчас много говорится) следует строго придерживаться, преследуя следующие направления, от которых только польза для всех:

  1. Это шкурный интерес автора ресурса и статьи в плане общеизвестного всем поведенческого фактора: удобная и качественная статья на ресурсе и дольше читается, и сам интерес не позволяет от нее оторваться. Значит, и пользователь дольше находится на ресурсе (повышается трафик).

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

  3. Да, и, вообще, аккуратный, правильно оформленный внешний вид статьи просто приятен глазу любого человека. Никто же не будет пялиться часами на неопрятную вещь, а тем более брать ее в руки, рассматривать, передавать другому и т.д. Так и с хорошо оформленной статьей (к тому же еще и интересной), которую и сам прочтешь не раз, и отправишь ссылку на нее своим друзьям и знакомым.

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

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

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

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

Найдется ли среди читателей человек, который согласен с моим мнением и всецело поддерживает правила для оформления статей, размещаемых блогером на интернет ресурсе?! Или же…

Понравилась статья? Поделись!

5 комментариев

  • Аватар комментатора Анжела Анжела
    Спасибо,Олег!Я тоже жду всегда с нетерпением на Вашем ресурсе новых полезных заметок и с удовольствием их читаю!
    Ответить
  • Аватар комментатора Анжела Анжела
    Спасибо Олег!И вам успехов,здоровья и процветания,коллега!
    Ответить
    1. Аватар комментатора Олег Поздеев Олег Поздеев

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

      Ответить
  • Аватар комментатора Анжела Анжела
    Олег!Я прочитала вашу заметку по правильному оформлению текста на сайте и мне понравилось,как вы не только это рассказываете,но и как ее сами оформили.Все красиво,аккуратно.Приятно посмотреть и почитать.Я вообще люблю,да и многие люди тоже,я думаю,когда все приятно оформлено,цифры,текст,заголовки,абзацы и т.д.и у сайта приятный вид,удобная навигация.Приятно "путешествовать" по вашему блогу,так как все оформлено грамотно и хочется читать ваш блог снова и снова.Спасибо за полезную информацию!Удачи вам в развитии вашего блога!
    Ответить
    1. Аватар комментатора Олег Поздеев Олег Поздеев

      Спасибо, Анжела, за добрые слова. Действительно, я всегда стараюсь думать о пользователе, о читателе моего интернет ресурса. Вы, как я знаю, уже не первый год занимаетесь блогингом, значит, Вам известно такое слово, как юзабилити. И я о нем тоже всегда помню, нисколько не забывая о пользе информации для читателя, изложенной в заметке. Когда она хорошо и удобно оформлена, то на такой пост даже приятно посмотреть, а уж, если в нем читатель найдет для себя что-то полезное, задержится на интернет ресурсе, будет периодически возвращаться сюда, подпишется на получение извещения о новостях, то это будет большой радостью для меня. Значит, я не зря работал над заметкой. И это радует, хочется и далее работать над улучшением заметок, обязательно помня о качестве внешнего вида постов (оформлении их), и, конечно, же не забывая о качестве и пользе излагаемой информации.
      Я думаю, что Вы, как блогер, меня понимаете. Успехов Вам в работе со своим интернет ресурсом!

      Ответить

Добавить комментарий

Отправить комментарий Отменить

Сообщение