Рекомендации по дизайну блога

Недавно готовила ТЗ на новый дизайн блога Email Soldiers. Обнаружила, что список элементов, которые должны быть задизайнены, важен для любого блога, если тот создаётся ради продвижения. Поэтому публикую этот список здесь. Если стили для перечисленных элементов не сделаны, постоянно приходится придумывать костыли. А оно вам надо?

Итак, элементы в вёрстке статей, для которых надо задизайнить стили:

  • Подзаголовки. H1 — обычно название блога, H2 — название статьи, а вот H3, H4, H5 и H6 идут в тело статьи, и их нужно продумать. А то бывает, вставишь H3, потом H4, и оказывается, что заголовок младше по иерархии выглядит ярче. Негоже.
  • Картинки с подписям и без.
  • Галереи картинок.
  • Таблицы.
  • Списки нумерованные и маркированные с несколькими ступенями вложенности. Со списками бывает такая беда — обобщающее предложение оказывается слишком далеко от пунктов, поэтому не выглядит как часть списка. В списке нужно продумать две-три ступени вложенности.
  • Видео.
  • Ссылки.
  • Ссылки на рекомендуемые статьи. Они могут быть прямо внутри статьи или в конце, нужно предусмотреть стили для обоих случаев.
  • Цитаты, короткие и длинные. Короткие — ёмкое интересное предложение в статье, которое вовлекает в чтение и заодно разноображивает дизайн поста. Иногда нужно вставить длинные цитаты, например, отзывы клиентов или мнение коллеги-не автора статьи. Короткие цитаты обычно выделяются крупным шрифтом, а длинные таким уже не наберёшь.
  • Выделение отдельных слов (предложений) в тексте. Редко бывает нужно, иногда достаточно жирного начертания, но может и пригодиться.

Ещё кое-что из ТЗ на блог Email Soldiers — то есть, не факт, что эти рекомендации универсальны, но могут пригодиться:

  • Форма подписки должна быть и на главной странице, и на странице статьи и привлекать внимание. Нравится пример блога 5 o’clock, где форма подписки приклеивается к верхней части страницы.
  • Важно обеспечить прозрачный переход из блога в другие разделы сайта, если не стыдитесь своих постов, конечно. По записям из вебвизора Email Soldiers видно, что читатели переходят из статьи в статью, из статьи в услуги, страницу «о компании», потом снова возвращаются в статьи. В наших интересах, чтобы читатель, который подумал: «Ооо, да эти ребята шарят,» — быстро нашёл, как купить наши услуги.
  • Когда статьи показываются лентой, получается, что всё ещё хорошие, но старые статьи никто не видит — они уходят в небытие, на предыдущие страницы. А было бы классно, если бы они были на виду, они того стоят. Поэтому на главной лучше делать посты не лентой, а показать побольше. Так читатель с большей вероятностью найдёт что-то интересное именно для него.
  • Нужно держать рубрики на виду, по ним кликают.

Вот как-то так. Почти готовое ТЗ для дизайна вашего блога.