Оформление текстов на сайтах: 10 полезных советов

Важность текстового контента для интернет-ресурсов трудно переоценить. Мы уже неоднократно говорили о том, что материалы должны быть интересными, полезными, уникальными. Сейчас же предлагаем сосредоточить внимание не на смысловой, а на визуальной составляющей статей − на их оформлении. Эти сведения будут полезны и владельцам сайтов, и маркетологам, и специалистам по SMM. Рассмотрим, какие основные приёмы привлечения внимания посетителей существуют.

 

Заголовки: ёмко, броско, заметно

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

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

Оформление текстов на сайтах: 10 полезных советов

Заголовок-шаблон не передаёт сути текста, выделен курсивом, не связывается визуально с текстом статьи.

Если рассматривать блоги или ресурсы, на которых размещаются новости, то для фиксации внимания на материале заголовок помещают на цветной фон или картинку. Так достигается объединение текстовой и графической информации. Главное − не допустить ситуации, когда название материала затеряется на ярком фоне. Приведём примеры.

Оформление текстов на сайтах: 10 полезных советов

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

Оформление текстов на сайтах: 10 полезных советов

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

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

Анонс: кратко о содержании

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

Оформление текстов на сайтах: 10 полезных советов

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

 

Рейтинги, комментарии, просмотры в цифрах

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

Оформление текстов на сайтах: 10 полезных советов

Оформление текстов на сайтах: 10 полезных советов

Оформление текстов на сайтах: 10 полезных советов

Публикация таких сведений особенно актуальна при ведении блогов, интернет-журналов, новостных или информационных ресурсов.

 

Содержание: структура от А до Я

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

Оформление текстов на сайтах: 10 полезных советов

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

 

Примечания: дополнения к основному тексту

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

Оформление текстов на сайтах: 10 полезных советов

Оформление текстов на сайтах: 10 полезных советов

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

 

Врезки: акцент на важном

 

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

Оформление текстов на сайтах: 10 полезных советов

Оформление текстов на сайтах: 10 полезных советов

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

Оформление текстов на сайтах: 10 полезных советов

Основной текст размещён на белом фоне, а призыв к действию − на цветном, что делает его заметнее.

 

Таблицы: упорядоченность в мелочах

 

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

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

Оформление текстов на сайтах: 10 полезных советов

  • сравнение показателей (даёт возможность наглядно показать разницу между товарами, находящимися в одном ценовом сегменте);

Оформление текстов на сайтах: 10 полезных советов

  • демонстрация в формате «до/после» (предоставление сведений о степени эффективности/неэффективности каких-либо методик, правильности/неправильности определённых подходов к одному и тому же процессу).

Оформление текстов на сайтах: 10 полезных советов

 

Списки: всё по порядку

 

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

Оформление текстов на сайтах: 10 полезных советов

Оформление текстов на сайтах: 10 полезных советов

Картинки: иллюстрации к тексту

 

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

  1. единство стиля − картинки должны быть одного размера, относиться к определённой тематике, иметь схожие элементы или цветовую гамму;

Оформление текстов на сайтах: 10 полезных советов

Оформление текстов на сайтах: 10 полезных советов

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

Оформление текстов на сайтах: 10 полезных советов

Оформление текстов на сайтах: 10 полезных советов

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

 

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

Оформление текстов на сайтах: 10 полезных советов

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

Оформление текстов на сайтах: 10 полезных советов

Видео, аудио и гифки: занимательно и интересно

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

Оформление текстов на сайтах: 10 полезных советов

Оформление текстов на сайтах: 10 полезных советов

Ещё один пример − дополнение сведений о композиторах аудиофайлами с их произведениями.

Оформление текстов на сайтах: 10 полезных советов

Оформление текстов на сайтах: 10 полезных советов

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

Безусловно, прежде чем переходить к оформлению статьи, нужно изучить целевую аудиторию, учесть возраст клиентов и их возможные предпочтения. Это даст возможность произвести нужное впечатление на читателей и привлечь их интерес к размещаемым на сайте материалам.

Хотите, чтобы визуальной обработкой текстов занимались специалисты? Обратитесь за помощью к опытным профессионалам нашей веб-студии.

Дайджест новых статей по интернет-маркетингу на ваш email

Оформление текстов на сайтах: 10 полезных советов | | 2019-01-09 06:27:37 | | Статьи про Юзабилити | | Важность текстового контента для интернет-ресурсов трудно переоценить. Мы уже неоднократно говорили о том, что материалы должны быть интересными, полезными, уникальными. Сейчас же предлагаем сосредоточить внимание не на смысловой, а на визуальной составляющей статей − на их оформлении. Эти сведения будут полезны и владельцам сайтов, и маркетологам, и специалистам по SMM. Рассмотрим, какие основные приёмы привлечения внимания посетителей существуют. | оформление текста на сайте, оформление заголовков на сайте, яндекс икс, оформление таблиц на сайте, единый стиль на сайте, оформление сайта, как сделать сайт удобным |
 
Поделиться статьей: