Это когда-нибудь случалось с тобой?
Ты потратил 8 часов жизни. Написал пост.
Опубликовал. Пустил трафик. Ждешь.
Час … Два … Три … Пять …
Смотришь аналитику. Среднее время пребывания на странице — 47 секунд.
— Что за чертовщина? Этого недостаточно, чтобы прочитать весь пост.
Может счетчик брешет?
Нет, он лишь намекает, что посты читают не до конца … даже не до середины.
Неужели дело в тебе и твоих навыках письма? Это мне не известно.
Могу лишь сказать, что не все решает заголовок и начинка текста. Есть еще одна важная деталь …
ЛЕГКОСТЬ ВОСПРИЯТИЯ ТЕКСТА.
Крупный шрифт. Много пустого места. Контраст. О дизайне текста уже был разговор. Сейчас о другом …
Как мы читаем тексты в Сети
Когда-нибудь обращал внимание на то, как ты читаешь за монитором?
Мы же не читаем. Ты пробегаем глазами. Читать начинает тогда, когда убедились, что это интересно.
Вот, как это происходит:
Широкий текст сложен для восприятия. Нужно много водить глазами. Это вызывает сложности. А кто хочет дополнительных сложностей?
Я, например, не читаю письма и тексты на всю ширину экрана. Мне неудобно. Проще закрыть и перейти к следующему письму.
И если ты заметил, все мои письма имеют короткую длину строки.
Это не случайно …
Какая идеальная длина строки для контента на сайте
Есть заведение в Штатах — Университет Чтения. Эти ребята, в 2004 году, обнаружили, что пользователи сторонятся «широких» текстов и предпочитают статьи с короткой длиной строки.
Они выяснили, что идеальная длина строки, это 40 — 55 символов. Это примерно колонка с текстом шириной в 250-350 пикселей.
Все ясно. Нужно делать строчки покороче. Правильно. Но не все так просто …
Ширина колонки с текстом на этом блоге — 650 пикселей. Это в два раза шире. Если урезать наполовину, чем заполнять пустое место? На современных широких мониторах выглядеть это будет отвратно.
В этом и заключается сложность.
Люди хотят строку покороче, но дать им это сложно, непрактично для сайта.
Как же балансировать между желанием людей и своими возможностями?
Как вызвать желание дочитать до конца
Чтобы продать человеку желание «проглотить» весь пост, нужно убедить его осилить, хотя бы, первые несколько предложений. После, бросить начатое уже сложно.
Вступает в силу Эффект Невозвратных Издержек или Зейгарник Эффект когда нам сложно отказаться от чего-то, во что мы уже вложились.
Например, не уходим с плохого фильма, ведь билет оплачен. Продолжаем ждать автобус, ведь уже простояли 20 минут. Не разрываем неудачные отношения, ведь долгое время их налаживали и т.д.
Хочешь, чтобы человек прочитал весь пост, убеди его прочитать первые несколько строк.
Как? Сделай их короче, чем остальной текст.
Посмотри на начало этой статьи. Только короткие предложения. Каждое с новой строки.
Думал это случайность? Нет. Это спланированный шаг.
Посмотри на другую мою статью:
Зачем фотография? Ради красоты? Нет. Я не любитель селфи.
Картинка уменьшает длину строки первых нескольких предложений. Я тоже это планировал.
Посмотри на этот пост:
Первый абзац с более крупным шрифтом. Зачем? Чтобы уменьшить количество символов в строке.
Не думал обо все этом раньше? Теперь будешь знать.
Не важно, оформляешь ли ты пост на блоге или создаешь страницу с продающим текстом, идеальная ширина контента это 500 — 650 пикселей.
Взять шире, значит сделать текст сложным. Разбег от начала и до конца строки слишком велик для восприятия глазом.
Подведем Итог:
1. Делай ширину колонки на своем сайте не более 650 пикселей, чтобы текст не сложно было читать.
2. Намеренно сокращай длину строки первых нескольких предложений статьи, чтобы затянуть читателя в текст.
Твоя очередь вставить свои «5 копеек»
Что думаешь? Будешь ли ты использовать эту стратегию на своем блоге и в своих продающих текстах?
Оставь свой комментарий …
P.S. Если у тебя найдется минутка, поделись этой статьей в VK. Знаю, что без всякого стыда прошу тебя нажать «рассказать друзьям», но ведь это не сложно сделать, не так ли? Заранее благодарю.
Хитрый ход. Особенно фишка с сокращением строки благодаря фотке справа — гениально!
Как раз сегодня, читаю другой твой пост, обратила внимание на картинки сбоку от текста — в начале, середине. Действительно, восприятие текста улучшается.
Надо мне тоже что-то такое придумать. С селфи вряд ли рискну связаться, а вот мелкие чужие картинки будут в самый раз…
Оля, картинки не должны быть мелкими. Они должны быть такими, чтобы длина строки не превышала 55 символов (или около того).
Отсюда нужно и регулировать размер.
По сравнию с моими обычными они как раз мелкие)
все верно, Артем. Оптимальная ширина примерно 600 пикселей, что не утомляет глаза.
Другой вопрос в том, что идет новый формат мониторов 4К. Придется увеличивать все минимум в 2 раза. Года через два их будет подавляющее большинство.
Дима, ты прав. Когда у меня только появился компьютер (в 2000 году) нормальным шрифтом на сайте был 12 px. Появились ЖК шрифт вырос до 14 px. Сейчас уже еле хватает 16 px.
Так что неудивительно, что все увеличивается :).
Посты не читают из-за неправильного трафика и рекламы, а также из-за их отсутствия. Всё остальное человек по-любому прочитает, хоть небольшой отрезок.
Максим, ошибаешься. Сильно ошибаешься.
То о чем ты говоришь, было актуально 1-2 года назад.
Сегодня, когда информации много, многое зависит уже от настроения человека и того. сколько времени у него есть в наличии …
По себе знаю, что далеко не всегда читаю статьи, даже с классными заголовками.
Спасибо, классный совет!
Обязательно буду пользоваться
Артём, а какой объём в пикселях ты считаешь оптимальным для хорошей картинки, и как по твоему её лучше ставить, по левому, по правому краю или в центре? У меня картинки 300 по горизонтали и 200 по вертикали, располагаю их по центру. И ещё, как вообще можно сделать шрифт крупнее или мельче, если шрифт уже заложен в движке или в теме?
Татьяна, картинку нужно подгонять так, чтобы длина строки была не более 55 px. Поэтому все зависит от того, какой ширины у вас колонка с текстом.
Располагать картинку нужно справа, чтобы сократить длину строки слева.
Чтобы изменить текст. Нужно редактировать код темы.
Ну, уж чего чего, а в код я не полезу, иначе у меня получится не блоговедение, а блоголомание. Пусть остаётся всё так, как есть сейчас, хуже мне от этого не будет.
Привет, Артем!
Картинки у тебя получаются на загляденье — скоро сможешь дизайнером подрабатывать! Да и сколько маркетинга в них
По поводу «чтения классных заголовков» могу добавить. Прочитал намедни книгу по нейро-маркетингу. Там описывались различные рекламные ошибки ухудшающее восприятие и внимание потребителей. Приведу фрагмент:
«Еще один аспект легкости восприятия – это простота понимания текста. Часто информацию записывают заглавными буквами ради того, чтобы выделиться на фоне конкурентов или из эстетических соображений.
Увы, наукой доказано, что это становится препятствием к восприятию смысла. А ведь когда мы учимся читать, то сначала разбираем слова по буквам, а потом складываем из них слово. Все, кто учил детей, знают, насколько медленно протекает процесс. После многократных повторений автопилот распознает слова уже не по анализу букв, а целиком, как особые формы, что и позволяет нам читать очень быстро.
Однако записанное заглавными буквами слово не воспринимается целиком. Мозгу приходится вести себя так, словно мы только учимся читать по буквам. Следовательно, чтение замедляется. Заглавные буквы могут нравиться дизайнеру и выделять продукт на фоне конкурентов, но их сложнее воспринимать, поэтому их применение на плакатах, упаковках и в рекламе менее эффективно… »
Да и ссылка на картинку, для наглядного сравнения скорости чтения! http://prntscr.com/5ks12f Текст справа воспринимается уже с приложением усилий!
И если это правило для привлечения внимания к упаковкам и объявлениям, то для заголовков оно тоже на 100% верно! Любые написания, что выбиваются со стандартного шаблона чтения, незаинтересованным подсознанием просто отбрасываются —
Привет, Вячеслав.
Ты знаешь, с недавних пор, я стал об этом задумываться (после того, как мне несколько раз намекнули читатели).
Если заметил, подзаголовки теперь без больших букв в каждом слове.
И о самих заголовках начинаю подумывать …
Скинь мне книжку, где это прочитал. Мне это интересно.
Взамен, я тебе скину тоже (уверен, тебе понравится).
Только вышла на русском языке.
Спасибо! Начну применять. Это де
Нажал случайно не туда :). ( Это действительно важно.)
Спасибо!
Артем, спасибо за познавательную статью! Я обращала внимание, что встречаются посты, где в первом абзаце крупнее шрифт, вставлены картинки. Но, как-то не задумывалась, что это специально продуманный шаг. Действительно работает.
С интересом читаю твои посты. Пишешь доступно, увлекательно, заставляешь взглянуть на многие вещи под другим углом. Очень тебе признательна, что делишься знаниями.
Привет, Валентина.
Рад, что ты участвуешь в развитии этого блога.
Привет! Артем Как считаешь, если длинна строки меньше гораздо, научно доказанных, (как у меня к примеру)восприятие не пострадает?
Ширина моего рабочего поля не превышает и 460px, вот и задумался я может тему искать, блог ведь всё таки, чтиво…
Пост огонь, спасибо, знал я это, но не придавал особого значения, видел блоги, с абсолютно обратным оформлением контента, ребята ковыряют код, и плагины пытаются заменить исковерканые коды, а об удобочтении не задумываются вовсе =(
Привет, Николай. У тебя все в порядке с длиной строки. От 450 до 600 это норма. Посмотри, как выглядит твой блог при разных разрешениях http://quirktools.com/screenfly/
«
Протестировал, спасибо, просто рекомендованная длинна строки 50 -60, а у меня где-то 40 с хвостиком, вот и трепещу перед читателем…
Сервис отличный, требует тщательного изучения и выводов. С Наступающим!
Привет! Скинул тебе книжку на электронную почту
Эх, промахнулся! Целился комментарием выше — ответом Артему
Николай, не трепещите, я была на вашем блоге и влюбилась в него с первого взгляда, теперь буду читать вас постоянно. И просьбочка одна, не могли бы вы и мой блог через этот сервис глянуть, а то сама я не смогу, у меня зрения нет, работаю на компе с помощью синтезатора речи. Всё, что написано буквами он мне читает, а графику описывать пока не научился. Заранее благодарю.
Спасибо Татьяна. Возможно стоит написать пост на эту тему, но опять это ковыряние, хотя кто то маньячит по таким статьям с различными выводами и экспериментами. По поводу сервиса выводов делать не буду. А то напугаю ещё =)
А вот по поводу вашего блога скажу, по моему это не очень удачная идея, делать такой контраст с фоном и основным содержанием…
Красиво конечно, но не для всех.
Создайте опрос, если есть постоянные читатели, и спросите, что они думают по поводу дизайна, юзабилити, как блог отражается на разных устройствах, сложно? Возможно, но вполне реализуемо. Всех благ, с Наступающим!
Надо замотивировать читателя)) Вот и весь секрет
Спасибо за интересную мысль! Надо будет попробовать…
Вы, как всегда, не перестаете удивлять
Да, еще вопросик: а фото обязательно должно быть справа? я обычно его слева ставлю ??
Надежда, читаем слева направо, значит фото должно быть справа.
Во пля. Я на своём блоге именно так и пишу. По ходу у меня интуиция, как знал, что таким макаром писать нужно.
Артём, хотелось бы узнать ваше мнение по поводу создания блога на Facebook. Сейчас многие создают страничку блога в соц.сетях. Спасибо!
Екатерина, это очень классный вопрос. Спасибо, что ты его озвучила.
Изучению этого вопроса я уделил довольно много времени. И напишу об этом отдельный пост. Эта тема заслуживает внимания, хотя бы потому, что вопрос мучает многих, а толкового ответа на него нет.
Вкратце подмечу несколько основных вещей, почему это делать не стоит.
1. Чтобы раскрутить свой блог в FaceBook нужны деньги. Как иначе вы привлечете к себе внимание? Только с помощью рекламы и постинга в сообществах по схожей теме. Это все стоит денег.
2. Возможности форматирования и вставки объектов мультимедия в пост в соц. сетях очень ограничены. Это накладывает определенные ограничения и создает неудобства для читателя.
3. Каким образом доносить извещение о новом посте до аудитории? Только через вкладку «НОВОСТИ»? Этого мало. В случае с блогом. Это можно делать и через e-mail и через те же «НОВОСТИ» в одной соц. сети и еще нескольких + RSS.
4. Поисковые сети. Откуда на большинство блогов идет трафик. Как делать SEO оптимизацию блога в соц. сети.
Это лишь несколько пунктов.
Поэтому, идея создавать блог в соц. сети не самый лучший из возможных вариантов. Может быть, автономный блог и его дубль в соц. сети, тогда это имеет смысл. А только лишь в соц. сети плохая идея. По крайней мере в данный момент.
Надеюсь, мой ответ оказался полезен.
Здравствуй Артем, познавательная статья, но как я заметил, практически на всех сайтах рунета шрифт 14 используют, а на буржуйских как ты и говоришь 16, видимо 16 шрифт становится стандартом, прочитал твою статью и тоже у себя тоже поменял на 16 ))) но у меня сайт еще очень молодой, можно сказать в зачатии. Артем если будет время глянь одним глазком, может что посоветуешь исправить в плане юзабилити, заранее благодарен.
Твитнул. Добавил в закладки. Хороший пост.
Располагать картинку нужно слева, т.к. в таком случае текст и картинка воспринимаются как единое целое. Соответственно, облегчают чтение. Так устроен наш мозг.
Интересное замечание. Обычно, слева размещается то, что хочешь, чтобы увидел читатель. Мы читаем слева направо. Поэтому и сайдбары чаще размещаются справа. Чтобы сначала на глаза попадал текст, а потом уже всякие ссылки.
Ирина, можете дать ссылку на материал, которым подкрепляется ваше мнение. Мне это интересно изучить.
обязательно должен увидеть читатель. Потому что мы читаем слева на право.
Уже столкнулась с этим. Постоянные читатели показатели улучшают.
Те, что заходят с других ресурсов, спустили уровень просмотра практически до нуля. Ох, неужели так плохо?
Сейчас переделываю шаблон, надеюсь после установки нового ситуация изменится.
Ранее не знала о таких уловках) У меня и так узкий шаблон на сайте и текст вписывается в рамки описанные выше, но вот о других фишках я не знала, теперь помозгую как их использовать на своем ресурсе) Спасибо ,Артем, как всегда отличный пост!
А я по себе знаю, что то, как считаешь ты, не означает, что так считают другие. Нет единой стратегии для всех, поэтому все здесь представленное — это как один из вариантов(я не сказал, что это плохо), не более.
Вот если честно(не в обиду), мне жуть как не удобно на вашем блоге и я бы на него больше не вернулся. Эти ужасно тонкие колонки совсем не удобные, за последний год впервые такое встретил. Вам стоит обратить внимание на дизайн и резиновую верстку. Это еще раз доказывает, что у каждого свой вкус и всем не угодишь. Вы решили пойти таким путем, получаете тот отрезок аудитории, которой это по нраву. Поэтому ошибки и заблуждения здесь вовсе нет.
P.S. Ошибаются те, кто считают, что не могут ошибаться.