В этой статье будем говорить о заголовках и текстах, которые вы размещаете на своём сайте. Поскольку это один из важнейших элементов просто конверсии сайта.
В этой статье:
— мы обсудим, как правильно оформить тексты;
— мы узнаем страшную статистику и определим, почему никто ничего не читает в интернете;
— мы обсудим, как правильно формировать заголовки, чтобы они заставляли посетителей вашего сайта с интересом читать всё то, что написано дальше.
Почему действительно так важно уделять большое внимание текстам и заголовкам, которые вы размещаете на своём сайте?
Совершенно очевидно, потому что именно через текст вы доносите до потенциальных клиентов всю ту информацию, все те преимущества вашей компании, вашего продукта, ваших услуг, которые важно, чтобы посетитель понял. И от качества написания текстов, и от качества оформления текстов, будет очень многое зависеть.
Основные нюансы, которые связаны с текстами

Во-первых, слишком много информации стало в современном мире.
Это и изобилие телепередач, радио, постоянная музыка, очень-очень много рекламы, которая везде. Это рассказы знакомых, рассказы друзей, обучающие курсы. В принципе информации сейчас слишком много в нашей жизни и люди начинают закрываться от новой информации, начинают фильтровать входящую в себя информацию таким образом, что степень восприимчивости человека к тому, что вы пишите, сильно снижается. Поэтому нужно действовать чётко, нужно действовать правильно, чтобы донести всё, что мы хотим, все эти идеи до наших клиентов.
Следующий момент. Люди разлюбили читать.
Всё меньше и меньше читается книг, всё больше и больше смотрится картинок. Конечно, социальные сети этому сильно способствуют, когда вместо глубокого изучения какого-то материала, вместо внимательного чтения книги, люди просто пролистывают записи «ВКонтакте», в Facebook, в «Одноклассниках», состоящие, как правило, из картинки/фотографии и 1-2 строчек текста. Это становится нормальным стилем восприятия информации в современной жизни, к сожалению. Но это так и нам нужно уметь с этим работать.
Секрет правила «7 секунд»
Очень часто люди читают только заголовки, не вчитываясь в весь остальной текст, пытаясь только по заголовку понять, стоит ли им вкладывать своё время в прочтение того, что написано ниже. Есть некое правило, которое называют правилом «7 секунд». Я не готов сказать, что полностью его поддерживаю, но некую общую тенденцию оно, конечно, выражает очень хорошо. Смысл его заключается в том, что в течение первых 7 секунд, которые человек проводит на вашем сайте, он принимает решение: остаться на нём или уйти.
Просто представьте себе, какой объём информации можно вдумчиво усвоить за 7 секунд? Начать что-то читать – практически невозможно. Конечно, речь идёт о том, что в первые 7 секунд попадают логотип вашей компании, дескрипт, если он есть, какая-то тематическая иллюстрация и, скорее всего, заголовок главной страницы. Если эти элементы сделаны правильно, тогда через 7 секунд посетитель принимает решение на сайте остаться.
Хочу показать вам пример
Это фрагмент главной страницы одного из сайтов.

Давайте проведём небольшой эксперимент.
Посмотрите на эту страницу в течение 5-7 секунд и скажите, какую информацию вам удалось вынести из посещения этого сайта. Совершенно очевидно, что здесь есть только две информации – это фраза «О нас» и фраза «О лечении», потому что читать весь остальной текст даже не хочется начинать.
Во-первых, нет ни одного выделения, за что бы глаз мог бы зацепиться. Во-вторых, абзацы настолько большие, что текст производит впечатление, что его очень много и потребуется слишком много времени на то, чтобы его весь прочитать. К тому же, желание использовать нестандартный шрифт, имитирующий рукописный, приводит к тому, что этот текст становится нечитаемым в принципе. Ещё раз мы убеждаемся с вами в том, что попытки сделать что-то нестандартно, попытки сделать что-то слишком интересно, приводят к обратному эффекту.
Ещё один пример для вас:

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

Это фрагмент главной страницы всем нам известной Стоматологической Ассоциации России, той самой. Обратите внимание, как оформлен текст – он весь написан мелким, жирным шрифтом, он очень сложно читается. Всё выглядит очень грязно и неаккуратно. Глазу действительно, очень сложно зацепиться на чём-то и начать читать. Прочтение этого сайта немножечко утомляет зрение. Если у человека нет очень сильного желания этот текст прочитать, это, конечно, никогда не случится.
Теперь, как говорит Задорнов, я хочу, чтобы вы задержали дыхание и приготовились к шокирующей информации.
Информации, которая очень серьёзно может поменять ваш взгляд на оформление и на размещение текстов на сайте.
Суть её вот в чём. Если коротко интерпретировать диаграмму, размещённую на слайде, то вывод из неё простой. В среднем не более 28% текста, который вы размещаете на своём сайте, будет прочитан и усвоен. Чем больше текста на вашей странице, тем меньший процент его будет усвоен.
Здесь нужно сделать нам очень правильные выводы из этого факта.
Это не говорит нам о том, что мы должны разместить как можно больше текста на нашем сайте, чтобы 28% составляла действительно какая-то значимая часть информации. Нет, это приведёт к ещё худшему результату. Этот график говорит нам о том, что мы должны из всего объёма нашего текста выделить всё самое важное таким образом, чтобы именно в 28% усвоенного человеком текста попали те мысли, те идеи, те факты, которые именно мы захотели донести до клиента и выделили их, а не просто случайные фрагменты текста, которые человек сам выделит, читая ваш сайт.
Поэтому нам нужно посетителям дать понять, какая информация является ключевой на каждой странице вашего сайта. Выделить её.
Давайте рассмотрим небольшой пример.
Если вы посмотрите на фрагмент страницы, которая на экране, в течение 5 секунд – совершенно очевидно, что прочитать страницу за 5 секунд вы не успеете – какое впечатление у вас сформируется от этой страницы?
Скорее всего, у вас формируется впечатление, что здесь достаточно интересно: богатый ассортимент, есть какие-то интересные акции, с ценами всё в порядке и речь о каких-то подарках. Эта информация, действительно, интересная. При том, что она не усвоена на 100%, нет понимания конкретики, но это рождает у человека желание изучить подробнее.
Смысл простой. Мы запомнили только выделенную информацию – это заголовки и это выделения.
И этой информации нам стало достаточно для того, чтобы сделать свой первый вывод – остаться на этой странице, потому что, скорее всего, там интересно. Именно этим способом и нужно пользоваться для оформления всех ваших текстов, выделяя всё основное, чтобы прочитав только его, посетители уже смогли сделать свои выводы.
Сейчас я дам вам несколько конкретных, практических советов, чтобы вы понимали как можно улучшить оформление ваших текстов, размещённых на сайте. Поскольку оформление, как мы уже с вами разобрались, — критически важный момент.
Первое, что вы должны понимать, что текст с картинками, текст с иллюстрациями всегда будет восприниматься легче, чем просто монотонный текст, поэтому при любой возможности добавляйте картинки, добавляйте фотографии, добавляйте схемы в ваши статьи, в ваши разделы сайта. Это сделает его восприятие намного более простым и увеличит процент прочтения страниц сайта.
Заголовки, которые вы используете, должны отвечать одному простому правилу.
Заголовок должен заставить человека читать дальше, показать ему, что интересно. Давайте вспомним, какие самые распространённые заголовки встречаются нам с вами на большинстве сайтов компании? Конечно, это заголовки главной страницы, это заголовок «О компании», заголовок «О нас» или «Добро пожаловать». О каких преимуществах компании нам с вами говорят такие заголовки? Конечно, ни о каких. Конечно, заголовок «О нас» совершенно не побуждает человека к тому, чтобы взять и полностью прочитать этот самый раздел «О нас».
Какие бывают виды заголовков?
Есть несколько шаблонов, по которым вы можете строить свои заголовки, и это даст вам определённую долю роста эффективности, чтобы не изобретать велосипед.
Поэтому первый тип заголовка называется «Вопрос» и выглядит достаточно просто. Например, вы задаёте своим заголовком вопрос, адресованный посетителю сайта, почему у вас постоянно кружится голова? И дальше у вас идёт статья на тему причин головокружения, заканчивающаяся каким-то предложением, которым компания может помочь человеку: лечение, медикаменты, что-то ещё. В данном случае разбираем именно суть построения заголовка.
Когда вы задаёте вопрос посетителю вашего сайта, он на него подсознательно отвечает.
Если этот ответ совпадает с тем, что вы вкладываете дальше в свою статью, тогда всё складывается хорошо. Смысл в том, чтобы продумать именно тот самый вопрос, скрывающий проблему человека, решение которой он ищет.
Как раз следующий тип заголовка – это «Решение проблемы». Например, «Как избавиться от боли в спине». Большинство заголовков, относящихся к категории решения проблема, начинаются со слова «как». Вы можете это совершенно спокойно использовать. «Как избавиться от воровства в магазине», «Как избавиться от лишних расходов в офисе» и так далее. Вы можете использовать эту стратегию.
Следующий тип заголовка называется «Личный опыт».
Суть его в том, чтобы рассказать человеку как вы уже что-то прошли, как вы уже что-то сделали, как вы решили какую-то проблему. Личный опыт всегда располагает и всегда привлекает к себе внимание. Пример. «Как банкиры зарабатывают на курсе», «Как я заработал на рынке ценных бумаг 10000 долларов», «Как я нанял в компанию лучшего коммерческого директора». Это примеры заголовков, в категории «Личный опыт».
Следующий тип заголовка – «Интрига».
Как правило, он состоит в какой-то недосказанности, как правило, он похож на рекламу, размещаемую в газетах жёлтой прессы. Суть его простая – вызвать интригу, заинтересовать. Очень часто мы можем видеть заголовки, сделанные в стиле «Интрига» на большинстве сайтов, на которых используется тизерная реклама – это такие маленькие, вызывающие шок картинки и фразы. «Как я похудел на 45 кг, кушая имбирь», «Нужно пить соду, чтобы похудеть на 50 кг», «Какая-то звезда сбросила 10кг за неделю» и так далее. Всё это «Интрига». Наверное, это не всегда уместно для компаний, которые работают в сегменте для бизнеса, но компаниям, которые работают для населения, это однозначно подходит.
«Цифры» — очень интересный и очень хороший тип заголовка.
Не нужно обладать каким-то креативным творческим мышлением, чтобы такие заголовки придумывать. Заголовки, содержащие цифры, всегда вызывают больше интереса, чем точно такой же заголовок без цифр. Потому что наличие цифры говорит нам о некой структурированности, о некоем понятном и конкретном перечне и даёт нам надежду, что именно этого набора пунктов мы и не знали – сейчас узнаем.
Пример. «24 типовых ошибки начинающих предпринимателей». Просто, понятно и достаточно интересно.
Ещё один тип заголовка, который вы можете использовать, называется «Внушение страха».
Пример. «Вы теряете 100000 рублей каждый год без этого навыка» и действительно становится страшновато, становится неприятно и достаточно интересно при всём этом, чего же конкретно я не умею. Соответственно, если я этому научусь, то не буду терять такую сумму денег каждый год.
Этим типом заголовков очень часто пользуются клининговые компании, химчистки, которые занимаются коврами. Эти бесконечные рассказы о полевых клещах – это всё как раз относится именно в эту категорию. Она, кстати, очень хорошо работает. Поэтому ею и пользуются много компания. Подумайте, сможете ли вы в таком ключе построить ваши заголовки.
Ещё один интересный типа заголовков – это «Гарантия»
Это когда вы прямо в заголовке, сразу обещаете человеку какой-то конкретный результат. «Вы никогда не будете ни в чём нуждаться», «Вы заработаете 100000 рублей в течение месяца», «Вы похудеете на 45 кг в течение лета». Когда вы гарантируете человеку какой-то конкретный результат, конечно, для него это очень важно. Это очень много доверия, потому что осмелиться что-то гарантировать, можно только действительно обладая этими результатами.
Итак, самый главный заголовок, который мы должны продумать – это заголовок первой, главной страницы нашего с вами сайта.
Ему нужно уделить максимальное количество внимания. Обращаю ваше внимание, что заголовок главной страницы сайта – это не дескрипт. Это именно заголовок, после которого пойдёт определённый текст, описывающий ваши предложения, вашу компанию, ваши товары. Вместо «О нас», вместо «О компании», вместо «Главная страница», придумайте и запишите для себя заголовок, который будет показывать преимущества вашего предложения или который будет побуждать человека прочитать всю информацию дальше, подробно.
Важно использовать несколько простых правил, руководствуясь которыми ваши тексты станут намного лучше.
Во-первых, надо начать писать коротко, чётко и ясно. В этом смысле короткие предложения с небольшим количеством слов намного лучше длинных, сложных оборотов. В данном случае, конечно написание текстов для сайта имеет не так много общего с литературным стилем изложения, в котором мы в детстве тренировались на уроках литературы и русского языка. Это нужно понимать и нужно писать чётко, писать ясно, не приукрашая текст излишними оборотами, не давая какой-то ненужной «воды».
Соответственно, немножечко конкретизируем все эти правила.
- Ещё раз, «воды» в тексте не должно быть принципиально. Я думаю, вы по себе обращали внимание, каждый раз, когда встречается какой-то общий текст, какие-то общие фразы, сразу хочется эту информацию пролистнуть и читать её не нужно. Перейдите сразу к фактам, к делу, к обозначениям проблем и способами их решения. «Украшательств» в тексте тоже не нужно – оборотов, афоризмов, чего-то ещё.
- По поводу краткости написания текста. Самое первое правило, которое вы можете внедрить – это отказаться от использования причастных и деепричастных оборотов. В тексте сайта подобные конструкции выглядят слишком сложно. Это не плохо для книги, но очень плохо для интернет-сайта, задача которого – быть быстро прочитанным и донести всю информацию.
- Важно отказаться от использования профессионального сленга и жаргона. Люди не знают всех терминов, которые знаете вы. Поэтому если вы будете говорить с ними сложно, если вы будете говорить с ними непонятно, часть из этих людей могут уйти. Вспоминаем тот самый пример с компанией, которая занималась предоставлением услуг кредитного брокериджа. Вроде бы простое понятное название, но аудитория не понимала, что это такое. Хотя пользовалась такими услугами в другом месте. Поэтому нужно всё упростить.
- Ещё один момент, который нужно учитывать. К сожалению, наше сознание слишком переполнено информацией из телевидения, из журналов, из интернета и у нас сформировались определённые ярлыки в голове. Так вот эти ярлыки нужно использовать, а не игнорировать их. Когда человек видит какое-то слово-ярлык, у него сразу в голове рождаются нужные ассоциации. И это производит на него нужное впечатление. К примеру:
— почти даром;
— спеццена;
— самый экологичный товар;
— Распродажа;
— рассрочка;
— скидка.
Это те фразы, которыми пользуются множество компаний. Но именно эти фразы лучше всех работают. Не нужно придумывать свои. Если человек встречает фразу «Распродажа», даже заметив её мельком проходя мимо витрины магазина или пролистывая сайт, он, увидев несколько букв, уже понимает, что это интересно, что это распродажа, что будет что-то стоящее. Поэтому ярлыки нужно использовать обязательно.
- Необходимо использовать для оформления текстов на вашем сайте шрифты без засечек. Это те шрифты, которые представлены сейчас на слайде:
Это Tahoma, Verdana, Arial. Это те шрифты, которые есть на всех компьютерах, они стандартные и они гарантированно откроются у каждого пользователя. Поэтому используйте именно такие шрифты. Если вы пишите книжку, тогда вам нужен будет шрифт с засечками, вроде TimeNewRoman. Но поскольку мы говорим об интернете, то перечисленные шрифты идеально подходят.
- Следующим момент, который я хочу вам показать на примере нескольких глупых вывесок. Не нужно заставлять людей думать. Посмотрите, пожалуйста, на эту попытку сделать вывеску креативной.
Игра света, игра направлений и получается магазин «ВО-ВО». Что это такое?
Это совершенно непонятно, неочевидно. Нужно напрягаться, чтобы понять. Поэтому нам с вами нужно отказаться от использования подобных идей в дизайне нашего сайта. Чтобы не получилось так, что человек смотрит и понимает другое, нежели чем мы хотели до него донести.
Ещё один любопытный пример – фотография вывески столовой.
Что они хотели сказать, добавляя англоязычную фразу в название столовой, – непонятно. Совершенно очевидно, что вкуснее еда в столовой не станет, что престижнее это заведение тоже не станет от того, что название «Стоloveая» написано на английском языке. Но определённая категория людей, которая ходит в эту столовую, никогда не смогут это прочитать просто по незнанию английского, и просто не разобравшись в том, что происходит.
Ещё один забавный пример.
Хотя они, скорее, грустные, чем забавные, но настроение вам, я думаю, что поднимут. Попробуйте расшифровать, что конкретно написано на этом заборе.
На этом заборе написано «Социальная ярмарка». Причём эти два слова сделаны через букву. Прочитать это практически невозможно. Тем более сходу. Давайте подумаем вместе. Какая категория людей чаще других приходит на социальные ярмарки. Конечно, это возрастное население и пенсионеры. Как вы думаете, насколько легко будет пенсионерам разобраться в этом ребусе и прочитать, что это действительно «Социальная ярмарка». Конечно, это будет очень сложно, это будет непонятно. И ту идею, которую хотели донести авторы подобной надписи, конечно же, не сработает.
Продолжаем советы по оформлению текста.
- Раньше было очень модно использовать мелкий шрифт на сайтах. Считалось, что это красиво. Считалось, что это стильно. Но это ничего общего не имеет с принципом здравого смысла. Принцип здравого смысла говорит нам о том, что у большинства взрослых людей есть какие-то нюансы со зрением. Мы должны эту информацию учитывать при разработке нашего сайта, а не игнорировать её.
Поэтому рекомендованный размер шрифта основного текста для сайтов – это 12-14 пунктов. Это такой шрифт, который будет нормально прочитан, разборчиво, для людей с разным уровнем зрения. Если шрифт мелкий, то его будет сложнее прочитать. Если шрифт основного текста будет крупнее, то это уже будет выглядеть некрасиво. Поэтому используйте этот совет как некую аксиому.
- Очень часто задают вопрос. Что же лучше разместить, тёмный шрифт на светлом фоне или светлый шрифт на тёмном фоне? Есть часть людей, которым кажется, что светлый шрифт на тёмном фоне – это стильно. И действительно, можем заметить, что очень много рекламы товаров в премиум-сегменте, выполненной именно таким образом – на тёмном фоне располагается какая-то информация.
Опять же, мы с вами должны руководствоваться принципом здравого смысла.
В данном случае он говорит нам о том, что наша задача – максимально легко прочитать текст, размещённый на сайте и сделать это максимально комфортно, то мы должны понимать, что читается и воспринимается для нашего глаза лучше тёмный шрифт на светлом фоне. Это правило тоже нужно использовать.
Если вы хотите использовать тёмный фон у себя на сайте, сделайте это в каком-то ограниченном количестве. Например, только в верхней или только в нижней части сайта. В то время как основной текст будет написан на светлом фоне. Тогда вы добьётесь и сохранения стиля, и добьётесь того, что текст будет комфортно читать.
- Ещё один важный момент. При вёрстке текста в интернете, его нужно разбивать на абзацы. Причём абзацы не должны как в книжках плотно примыкать друг к другу и отличаться только наличием красной строки. Между абзацами обязательно должно быть расстояние, свободное место, разрыв. Тогда абзацы будут восприниматься легко. Тогда будет легче ориентироваться в тексте, легче его читать и легче скользить по нему глазами.
Давайте посмотрим. Вот пример сайта, на котором между абзацами текста есть разрывы, есть отступы.
Несмотря на то, что текст мелкий, несмотря на то, что он практически без каких-то выделений, глаз всё равно может зацепиться за строчки начала каждого абзаца. Это комфортно. Текст разбивается на какие-то логические элементы.
Тот же самый пример, когда текст набран одним сплошным абзацем.
Нет разрывов, нет расстояний, просто одна куча текста. Вот это читать никто никогда не будет. Поймите для себя, пожалуйста, принципиальную разницу в этих двух подходах к оформлению абзацев текста.
10. Дальше мы должны приучить себя использовать подзаголовки, разбивая ими текст вашей страницы.
Давайте посмотрим пример – фрагмент сайта, в средней колонке которого написан текст, даже разделённый на абзацы, но это текста достаточно много.
Теперь мы посмотрим второй пример. Этот же самый текст разбит на три логических составляющих, у каждой из которых появился заголовок, другого цвета, другой живности, плюс некий маркер с цифрами «1», «2» и «3».
К чему это привело?
Это привело к тому, что конструкция сайта стала ещё более логичной, текст стал намного легче восприниматься и визуально страница стала проще и интересней.
Поэтому вам нужно взять текст вашей страницы, разбить его на какие-то логические блоки и дописать к ним подзаголовки. Причём идеально, если подзаголовки будут отражать какие-то преимущества и выгоды вашего предложения, а не просто быть сухой констатацией факта. «Сейчас мы поговорим о нашей продукции», «Способы доставки» — это банальные, скучные, никому не интересные заголовки. А заголовок, например, «Бесплатная доставка по всей России» и дальше идёт описание которой, будет работать намного интересней.
Смысл в чём?
Смысл состоит в том, чтобы прочитав только подзаголовки, которые размещены на странице, человек уже понял и сделал для себя определённое количество выводов. Он уже понял некоторые преимущества компании, понял некоторые особенности, и понял важные моменты, которые вы вынесли в подзаголовки. Этой информации зачастую бывает достаточно для того, чтобы принять решение остаться на странице.
11. Следующий совет касается выбора стиля выравнивания текста, размещённого на вашем сайте.
Я думаю, вы знаете, что бывает выравнивание по левому краю, бывает выравнивание по центру, бывает выравнивание по правому краю и бывает выравнивание по ширине, когда все строчки становятся одинаковой ширины и левый и правый край текста становятся ровными. Это достигается за счёт увеличения расстояний между буквами, между словами, подгоняя, таким образом, текст занять единую ширину.
Посмотрите на слайд, на нём представлено два примера.
Верхний пример – это текст, выровненный по левому краю. Нижний пример – это текст, выполненный по ширине. Нам надо понять, какой лучше. Зачастую многие создатели сайтов выбирают для своих текстов выравнивание по ширине, потому что им кажется, что это красивее. И, действительно, такой текст смотрится немного аккуратнее.
Но что нам нужно понять?
Что текст – это не графический объект, это не элемент дизайна. Задача текста – быть действительно прочитанным и понятым. В этом смысле нам нужно использование именно выравнивание текста по левому краю. Почему? Потому что читать такой текст проще, взгляд легко передвигается с одной строки на другую, потому что у них разная ширина. Взгляд легко фиксирует, на какой строчке текста он находился и на какую строчку текста ему переходить дальше. Тексты, выровненные по левому краю, действительно, читаются проще, несмотря на то, что выглядят менее аккуратными.
12. Все те картинки, которые вы используете в вашем тексте необходимо подписывать. Это нормальный общепринятый совет. Подписанная картинка всегда воспринимается лучше не подписанной.
Вы должны понимать, что помимо того текста, который вы выделяете жирным на своей странице, подписи к картинкам будут точно таким же элементом, который в первую очередь просмотри человек, зайдя на ваш сайт и только потом он начнёт читать.
13. Следующий совет касается использования инфографики – это новое направление в представлении данных.
Мы не будем сейчас на этом подробно останавливаться, потому что это совершенно другая тема. Но если у вас возникнет интерес, я рекомендую вам посмотреть в Яндексе, в Гугл более подробную информацию на эту тему.
Суть её в том, чтобы представить цифры, представить какие-то факты в виде очень простой, удобной для восприятия модели. В данном случае неплохой пример – картинка красивая, цифры легко воспринимаются, выглядит современно. Это было бы неплохой иллюстрацией для главной страницы сайта.
14. Следующий важный момент касается того, чтобы вы должны разместить как можно больше иллюстраций на страницах вашего сайта. Не нужно на них экономить.
Иллюстрации показывают всё в деталях, в красках.
Очень хорошо, когда вы с помощью иллюстраций демонстрируете посетителю сайта какой-то технологический процесс. В случае сайта, который на экране, то на нём очень много хороших фотографий, пошагово иллюстрирующих процесс создания дверей.
Просмотрев все картинки, у посетителя не останется никаких вопросов, почему эти двери действительно очень качественные и почему они стоят столько, сколько стоят. Поэтому здесь большая заслуга иллюстраций именно в этом.
Как вы можете использовать картинки? Есть три принципиальных вариант.
- Вы можете использовать картинки, размещая их слева от текста. В этом случае вы должны понимать, что визуальный акцент в таком расположении будет именно на картинке. Картинка будет главным элементом, а текст будет её дополнять.
- Следующий вариант – это когда вы располагаете картинки справа от текста. Тут ситуация ровно наоборот – картинка выглядит дополнением к тому тексту, который вы написали.
- Вы можете использовать картинки, размещая их во всю ширину текста. Тогда они тоже будут неким дополнением к вашему тексту, но будут смотреться достаточно аккуратно и достаточно симпатично. В случае, как с примером на экране.
Если у вас какая-то сложная тема или сложно подобрать картинки, иллюстрирующие определённые абзацы текста, вы можете не использовать картинку, непосредственно в тексте страницы, но вы должны тогда взять одну большую картинку и разместить её вверху текста таким образом, чтобы всё равно создать визуальную ассоциацию с описываемым дальше текстом. Это очень важно.
Очень важно использовать в текстах ваших страниц видеоролики, если вы можете их сделать.
При этом они должны быть не супер профессиональными. Не нужно приглашать съёмочную группу Первого канала, чтобы сделать подобные ролики. Они должны быть достаточно аккуратные, нормального качества, с нормальным звуком, чтобы объяснять посетителям вашего сайта какие-то вещи.
В данном случае их тоже можно использовать много и видеоролики никак не скажутся на общем времени загрузки вашего сайта. Это не будет каким-то критическим моментом.
Зато когда – в случае с примером на экране – посетитель видит, как монтируется дверь, насколько аккуратно это делается, конечно, будет намного больше доверия к этой компании.
Люди привыкли, научились смотреть видео и им, конечно, это интересно.
Для того чтобы ваш сайт работал быстро, для того чтобы размещённые видеоролики не накладывали какую-то дополнительную нагрузку на ваш сайт, есть смысл хранить эти видеоролики на популярных видеохостингах. Конечно, самый популярный из них – это YouTube. Очень легко туда разместить ваше видео и потом подключить его на сайте. Это сделать, действительно, очень просто.
При этом, что ещё важно?
Люди, которые будут искать ваши товары, ваши услуги не в Яндексе, а на YouTube, они смогут увидеть в результатах поиска, в том числе и ваш ролик, посмотреть его. Таким образом, вы получите ещё один дополнительный канал, как посетители могут узнать о вас и вас найти.
Важный момент по поводу забавной фотографии, размещённой на экране.
Картинки, которые вы используете в своих текстах, должны быть релевантными смыслу этого текста. Они должны дополнять и иллюстрировать те слова, которые написаны в статье, написаны на странице сайта, а не просто быть сами по себе в отрыве от контекста.
Но, к сожалению, это часто не так. Я привёл вам для примера неудачную фотографию вывески, на которой нарисованы собачки и написано «Семена».
Совершенно понятно, что магазин, который занимался продаже кормов для собак, решил запустить новое направление – продавать ещё какие-то товары. Магазин решил увеличивать свою прибыль и завёз семена. Но сделал неправильный рекламный ход и слово «Семена» рядом с собачками выглядит, конечно, крайне глупо и абсолютно не в контексте этого магазина.
Но это очень часто встречается в интернете. Это очень часто встречается на сайтах. Именно для этого я привожу такие утрированные примеры, чтобы вы обращали на это своё внимание.
Вы должны понимать, что современные планшеты, такие как iPad и телефоны от фирмы Apple, не поддерживают анимацию, сделанную на такой технологии как Flash.
Поэтому всем любителям спецэффектов, всем любителям анимации на сайтах, всем любителям Flash нужно десять раз задуматься перед тем, как делать какой-то элемент на этой технологии.
Представьте, вы решили покорить вашего посетителя и сделали какой-то крутящийся, сверкающий логотип на вашем сайте. После чего на ваш сайт заходит какой-то серьёзный деловой обеспеченный человек, но заходит не с компьютера, а заходит с планшета. И вместо вашего красивого логотипа, он видит белую дырку с надписью «Плагин отсутствует»… Ничего хорошего, никаких хороший выводов в этот момент человек про вашу компанию не сделает.
В этом смысле правило, чем проще, тем лучше, тоже работает. Посетителю сайта не нужна ваша анимация. Если у вас хорошее предложение, если у вас хороший товар, если вы просто доступно и понятно доносите эту информацию до людей, то и без всякой анимации конверсия вашего сайта будет очень большая.















