Контент – это король сайта! - данное выражение часто встречается среди опытных веб мастеров, и это выражение не раз было доказано в различных экспериментах и опросах. Несомненно, интересная статья может стать предлогом приобрести продукт, поставить гиперссылку, кликнуть по рекламе и т.п. Хотя время от времени, вследствие не умения адекватно преподнести эту самую статью, профессиональный копирайтер может не получить прогнозируемого эффекта от личного творения.

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

Пожалуй, начнем с обычных истин, которые надо знать при css верстке сайтов:

а) Эталон оформления контента - это модные и гламурные журналы и газеты вроде Times, The Sun, Marca etc. Потому что в этих печатных изданиях трудятся реальные специалисты, они творят наиболее читабельные тексты, которые исключительно внешним обликом станут завлекать клиента.

б) Любой текст необходимо уметь разделять! Грамотно оформленный и украшенный контент — это отсутствие двойных пробелов, а так же обязательное присутствие разделенных абзацев и достаточное расстояние между 2-мя строчками.

в) Выделение в тексте главных факторов не столько способствует SEO оптимизации, но и упрощает чтение.

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

Как же применять это все при верстке web-сайта в css? Для начала необходимо задать стереотипы, то есть установить объем, цвет и шрифт тегам h1-h6, то же самое сделать и для остального текста страницы.

Вот пример кода:

h1: {font-size: 15 px; font-family: Verdana, Tahoma, Arial; color:#000;}

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

Абзацы делятся с помощью задания стилей тегу <p>. Выделения цитат происходит при помощи установки стилей для тега <blockquote>, который традиционно выделяют в рамку с отступом margin-left: 18px; (либо большего отступа) и с различной конфигурацией расцветки шрифта.

Довольно важно оформлять блочные списки при помощи тегов <ul> и <li>, данной элемент нужен для семантической верстки веб-сайта средствами css.

При использовании данных тегов вы не только устроите код подходящий для поисковиков, но и расширите личные возможности сайта. Благодаря заданию css стилей, возможно установить отступ перечня, его отображение (горизонтальное или же вертикальное), графический элемент, ну и естественно расцветка, объем и различные семейства шрифтов. Даю вам ценный совет, лучше обратиться к профессионалам и заказать HTML верстку сайта, где вам зделают оптимизированный код со всеми вашими пожеланиями.

Основным принципом верного оформления контента сайта, считается его наибольшая читабельность. Попытайтесь сами прочесть написанное, узнайте какие факторы препятствуют удобному просмотру сайта. Где понадобилось напрягать зрение и где текст отображается не совсем ясно и четко. Советую сделать эксперимент на различных экранах и в различных браузерах или же устройте опрос читателей вашего проекта. Вот и вся информация по поводу css оформления текста для сайта. Читайте блог о HTML верстке сайта buyhtml.ru/blog/

Автор данной статьи Iancovski (Янковой Александр Васильевич).