Верстка контента

Профессиональная верстка контента для веб-сайтов, к сожалению, стала в Интернете большой редкостью. Даже если у Вас есть качественный и раскрученный сайт с уникальным, востребованным контентом. Неправильная подача информации — основная причина потерь Ваших потенциальных клиентов с первых же секунд. Переходя на веб-страницу, посетитель быстро обозревает ее, пытаясь зацепить глаз за нужную ему информацию. Так происходит, в среднем, первые 7 - 10 секунд. Если нужное не было найдено — огорченный посетитель уходит, продолжая поиск среди Ваших конкурентов.

Сверстать контент необходимо так, чтобы не вдаваясь в подробности, с первых секунды обзора посетителю было понятно, что представлено на странице, что из представленного сможет его заинтересовать, где еще, перейдя по ссылке, можно найти искомое или сопутствующее. Можно сказать, что главная задача верстальщика — заставить посетителя начать читать и взаимодействовать с Вами посредством веб-сайта. Впрочем, на каждой стадии веб-разработки — это задача №1. Но именно верстка контента решает все в первые секунды.

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

Как правильно верстать контент

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

• Для начала, настройте свой визуальный редактор расширив его функциональность. Потренируйтесь, используя все доступные опции. Если Вы без труда работаете в Microsoft Word — Вы сможете овладеть и этим редактором. Так же Вы можете верстать контент в Реформаторе. Вставив в него, например, текст из Word — он очистит излишний HTML-код, определит язык чтобы правильно расставить типографские знаки... Сверстанный контент скопируйте в редактор на Вашем сайте и сохраните изменения.
• Возглавлять страницу должен заголовок первого уровня (H1 — самый большой! Использовать его нужно только один раз!) который емко описывает (1 - 4 слова) всю страницу. Содержимое будущей страницы нужно разделить на блоки (части) и озаглавить емкими, информативными заголовками. Самые важные для целевой аудитории блоки следует разместить в начале страницы, менее важные — пониже.
• Верстая контент, помните — содержимое страницы не должно сливаться воедино. Между блоками должно быть пустое пространство или небольшие изображения. Если Вы верстаете большое количество текста — делите его на равные части пробелами (2 раза на Enter), выравнивайте по ширине так, чтобы он отдаленно напоминал зебру. Используйте списки, таблицы, отступы, подзаголовки... Контент разделенный на смысловые части, изложенный в порядке важности — сверху вниз, хорошо воспринимается и не пугает необходимостью потратить много времени на поиски нужного.
• Выделяйте описывающие тезисы, ключевые слова и фразы жирным или курсивом. Хороший и эффективный стиль верстки контента — размещение контекстных ссылок. Ссылки должны быть окружены текстом или другим контентом, связанными с ними смыслом. Текст ссылки должен содержать ключевые слова точно описывающие, что за ней следует и не должен быть типа: здесь, тут, вот и т.д. Например. Профессиональная верстка контента — неотъемлемая часть дизайна и юзабилити любого эффективного веб-сайта.

Выше приведенные рекомендации по верстке контента будут эффективны на страницах с небольшим наполнением и преимущественно текстовым. Что касается верстки страниц с веб-интерфейсами, размещением фото и видео, модулей и приложений — должен работать специалист. Профессиональный верстальщик использует методы выходящие за рамки функциональности обычных, пользовательских редакторов контента. Он использует специальные знания (HTML, CSS, JavaScript), поисковую оптимизацию контента, законы восприятия информации, использует профессиональные редакторы...

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