Про оформление статей в блоге

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

Как правильно оформить статью в блоге?

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

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

Может это мои причуды и личное восприятие такие, но решила поделиться с вами, что напрягает меня при чтении статьи.

1. Абсолютно нечитабельным для меня оказывается текст с белым шрифтом на чёрном фоне. Одного абзаца хватает моим глазам при чтении такого контраста.

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

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

4. Зачем авторы портят текст, выделяя отдельные строки или целые участки разным цветом. Бывает, что используется вся цветовая палитра. Напоминает корзинку с пасхальными яйцами. Если статья вся такая разноцветная, это совсем не означает, что она полезная.

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

Конечно, в погоне за правильным оформлением статьи не нужно забывать о главном - содержании. И всё же, я считаю, что следует максимально облегчить чтение читателям и не утомлять однообразием текста. Это ведь так нудно и скучно.

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


✅  Правильный размер шрифта повышает читабельность текста. Пользователи не хотят настраивать шрифт на вашем сайте самостоятельно. Позаботьтесь о них заранее. Слишком маленький шрифт их отпугнет, слишком большой напряжёт. Выбрав стандартные размеры (12,13,14 кегль), вы не ошибётесь.

✅  Пространство сайта не должно быть заполнено на 100 %. Это только утомит читателя, он никогда не просмотрит такую страницу целиком. Оставляйте пустые пространства, играйте с отступами. Текст должен быть окружён пустотой. Это сотворит чудо: контент начнут читать. Происходит это потому, что пользователь сразу поймёт, где начало текста, а где конец. Читательский глаз не устанет, ваш сайт будет только радовать.

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

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

✅ Хороший заголовок – половина успеха статьи. Размер хорошего заголовка – дополнительная треть успеха. Самые популярные размеры заголовков находятся в диапазоне от 18 до 29 пикселей. Если название совсем короткое (одно-два слова), можно использовать более крупный кегль.

✅  Точка в конце заголовка никогда не ставится; вопросительный и восклицательный знаки — могут.

✅  Акцентируйте внимание на словах с помощью разных размеров шрифтов, стилей текста (капслок, курсивное и полужирное начертание). Хороший вариант – сочетать шрифты с засечками и без. Раньше все старались пользоваться шрифтами без засечек в заголовках, основной текст писать с засечками.

✅  Размеры строк имеют значение. Ширина строки во весь экран понравится только фанатиками вашего сайта и его тематики, другой человек прекратит чтение. Слишком узкая колонка тоже не подойдет, так как глаза устанут прыгать от строчки к строчке. Самая приятная для человека строка содержит от 55 до 75 символов. Помимо размера, для восприятия важно расстояние между абзацами и строками.

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

Черный шрифт заменяется ими на чуть более мягкий тон, белый фон стремится к молочному или иным оттенкам. 

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

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

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

Моё мнение - нужно стремиться к тому чтобы посетителю на сайте было проще и удобнее. А когда даже самая интересная информация представлена в стиле "Хрен прочитаешь" всю идёт насмарку.

Буду очень вам благодарна, если вы поделитесь своим мнением по этой теме. Что - то добавите или оспорите.

Спасибо всем за внимание и до встречи. 

Здесь вы можете оформить подписку на новые шпаргалки

Введите Ваш email