Во времена такого огромного количества сайтов не так сложно найти информацию, которую ищешь. По одному только запросу в поисковиках выдает множество сайтов по одной и той же тематике, но что делает одни сайты популярней чем другие? Речь идет не о SEO-продвижении, а о внимании посетителей. Зайдя на сайт вы ожидаете увидеть не только искомую информацию, но и структурированный, красиво оформленный текст, который притягивает взгляды, а не вынуждает перейти на другой сайт. Правильно оформленный контент — это 70% успеха вашего сайта.
Если хотите, чтобы посетители проводили у вас на сайте больше времени и добавили его в список избранных, вам необходимо усвоить несколько важных рекомендаций по правильному оформлению контента на сайте.
Текст требует особого внимания
Сайтов без текста не бывает и очень важно подать его под нужным соусом. Сплошной, не отформатированный текст отталкивает посетителей, его просто не станут читать. Спасти ситуацию помогут следующие советы:
А. Разделяйте абзацы между собой пробелами;
Б. Количество предложений в абзаце не должно превышать 6-7;
В. Размер текста лучше использовать 12-14 px. Цвет приближенный к черному;
Г. В тексте не должно быть пустот, если такие имеются их лучше устранить форматированием текста по колонкам или спискам. Разделить текст на колонки можно посредством таблицы или воспользоваться свойством html 5 – column;
Д. Разделяйте страницу на подпункты. Размер шрифта названий подпунктов должен быть несколько больше основного текста. Также можно добавить жирность, подчеркивание или изменить цвет текста, эффектно смотрится наложение другого фона на заголовок. С точки зрения SEO на странице должен быть только один H1-заголовок, остальные можно использовать неоднократно соблюдая важность и иерархию информации;
Е. Если текст очень длинный, его необходимо разделить на несколько страниц с возможностью перехода между ними;
Ж. Изменив шрифт, можно добавить элегантности вашему тексту;
З. Чтобы добавить интерактивности можно использовать скрывающиеся блоки с текстом, таким образом можно свернуть большую часть текста в раскрывающийся список. Реализовать такой оригинальный список можно средствами javascript. Готовые скрипты можно найти в интернете.
Попробовав разные комбинации оформления текста вы будете приятно удивлены как улучшится вид вашего сайта.
Нет изображений – нет читателей
80% информации человек получает через визуальное восприятие поэтому нельзя преуменьшать важность наличия изображений на странице. Правильно расположенные картинки, как минимум заставят посетителя веб-ресурса дочитать текст до конца, а применив пару хитростей в разы увеличится усвоение излагаемой информации.
Превратить вашу страницу в нечто прекрасное можно следующим образом:
А. Наличие превью картинки, которая отображает смысл дальнейшего текста. Так читатель с первого взгляда узнает, о чем пойдет речь. Разместить ее лучше в левом или правом верхних углах текста примерно на 30-40% его ширины. При этом она должна обтекаться текстом, таким образом мы избавляемся от пустоты на странице;
Б. Картинки должны быть хорошего качества и иметь актуальное содержание. Можно задавать рамки изображениям чтобы выделить их, также обязательно надо ставить внешний отступ (margin) для картинки, чтобы она не сливалась с текстом. Не стоит помещать большое количество изображений подряд, лучше чередовать их с текстом;
В. Если же необходимо разместить несколько фотографий колонками, то лучше подогнать их под один размер и вставить в таблицу без границ – это сгруппирует ваши фотографии и не даст им распасться при правке кода страницы или таблиц стилей;
Г. Маркированные списки можно заменить иконками, которые привлекут еще больше внимания читателя и добавят смысловую нагрузку тексту;
Д. Очень оживляет страницу и делает ее динамичной анимированные картинки;
Е. Систематизируйте числовую информацию в диаграммы и графики.
Читатель будет вам благодарен за визуальное оформление текста и с удовольствием посетит другие страницы вашего ресурса.
Размести видео – выведи сайт на новый уровень
В последнее время стало очень популярным размещать видеоролики на страницах сайтов и это не просто так. Расположив такой ролик у себя вы увеличите время пребывания посетителя как минимум на продолжительность этого ролика и ваш сайт на долго ему запомнится. Чтобы ролик хотелось посмотреть, и он не мешал среди прочих элементов на странице следует помнить о некоторых правилах:
А. Не размешайте видеоролик среди большого количества картинок. Тогда посетитель может подумать, что это очередное изображение и пройти мимо;
Б. Лучше расположить его в конце страницы, чтобы подытожить вышесказанное. В случае, если часть текста, подходящая по содержанию видеоролика, находится в середине или начале текста ничего страшного если вы разместите его там, но помните о предыдущем правиле;
В. Самый простой способ разместить ролик на своем сайте — это воспользоваться видео, которое размещено на канале YouTube. Плюсами этого способа являются:
а) видео хранится на сервисе, а не на вашем сервере;
б) видео воспроизводится любым устройством (нет необходимости конвертировать в разные форматы);
в) возможность задать первый кадр, что придаст дополнительную элегантность вашей странице;
г) размещение категорий видео. С помощью всплывающего списка названий видеороликов можно просмотреть интересующее вас видео.
Помните, сайты содержащие видеоролики пользуются большей популярностью чем сайты, переполненные текстом.
Ссылки – еще один способ не покидать ваш сайт
Если вы следовали вышеперечисленным рекомендациям, то ваши посетители с удовольствием дочитывают ваш контент, но что произойдет после прочтения? Скорее всего посетитель получив желаемое закроет ваш сайт и пойдет дальше по просторам интернета. Как же удержать его? Размещайте ссылки на остальные страницы с информацией, таким образом читатель останется на вашем сайте. Но помните, что большое количество ссылок, может сыграть плохую шутку в виде негодующих поисковых систем.
Также ссылки пригодятся при необходимости разместить на сайте большую отчетность или информацию с pdf-файлов просто добавьте ссылку на документ (word, excel и др.), лежащий у вас на сервере, и читатель просто скачает файл себе на компьютер и ознакомится с ним. Так вы упростите себе жизнь и посетитель останется довольным.
Подведем итоги.
Посветив немного своего времени оформлению контента на сайте вы внесете огромный вклад в продвижение вашего ресурса и увидите, как растет количество посетителей.
Для более удобного редактирования текста можно использовать онлайн html-редакторы, они сэкономят время на написании тегов и упростят процесс оформления страницы.
Не важно блог это или бизнес сайт применив эти правила к оформлению контента однажды зашедшие на ваш ресурс останутся постоянными его посетителями.