Правильные дизайнеры делают правильные дизайны для сайтов исходя из предназначения последних. Блоги создаются с одной единственной целью – информировать, а создать дизайн для информационного ресурса оказывается не так легко, как могло показаться на первый взгляд.
Здесь стандартные элементы выполняют непривычные для остальных сайтов функции, например, основное меню вовсе не является основным средством навигации, а на RSS подписку возлагают больше ожиданий по завлечению посетителей в лигу постоянных читателей.
Можно бесконечно отыскивать уникальную тему для своего блога, но как тут не переступить грань между внешней красотой сайта и удобством его использования? Давайте рассмотрим все по порядку.
Дизайн блога — это вовсе не красивая картинка от
Практически для любого блога идеальным вариантом будет трехколоночный макет с шапкой и подвалом. Для WordPress русские темы можно скачать, например,
Изобретать велосипед и делать что-то авангардное с дизайном для своего блога не стоит, так как это, прежде всего, информационный ресурс.
Рассмотрим предназначение каждого элемента странички.
Шапка — обычно она вмещает в себя название блога и его описание. Что касается логотипа — он для блога вовсе не обязателен. Исключением может стать разве что случай, когда блог является дочерним сайтом некой компании. Тогда использование логотипа будет диктоваться правилами корпоративного стиля.
Контентная область — самый широкий столбец сразу под шапкой. Там публикуются все ваши статьи.
Не стоит менять функциональную принадлежность контентной области, пускай на главной странице там отображаются последние статьи, ведь именно за ними приходят читатели на ваш блог!
Казалось бы, можно первую страничку сделать статической, а сами статьи писать в соответствующий раздел. Но это было бы большой ошибкой. Большую часть вашей аудитории должны составлять постоянные читатели, и именно для них вы должны оптимизировать свой блог.
В оформлении статей вы должны быть предельно внимательны, так как именно за ними приходят читатели.
• Разбивайте текст на абзацы. 2-3 предложения - и новый абзац.
• Используйте только один шрифт, установленного размера и одного цвета.
• Идеальная ширина строки для чтения 40-70 символов.
• Используйте списки.
• Основные элементы выделяйте жирным или курсивом, но не более 5% от основного количества текста.
• Начинайте каждую статью с небольшого изображения. Это поможет пользователю "слету" отличить одну статью от другой.
Подробнее о том, как оформлять контент, я обязательно напишу в одной из будущих статей.
Статей на одной странице должно быть не более чем на 4-5 экранов прокрутки, и статьи должны быть примерно одинаковой высоты (наилучший вариант — одна, максимум две страницы А4 печатного текста).
Сайдбар — одна или несколько узких колонок, которые идут параллельно контентной области. Добавлять и изменять содержимое этих колонок в блоге на движке WordPress можно с помощью виджетов банальным drag-and-drop одного элементов в нужное место.
Ваша цель — привязать к себе читателя, для этого используйте
Поэтому
Если шаблон не предусматривает горизонтального меню под шапкой, то вершину сайдбара должен возглавлять список всех страниц и категорий блога.
Теги — будь они представлены в виде облака или списка - они не являются основным элементом навигации по узлу, поэтому спускаем их в нижнюю часть сайдбара.
Блогролл — список блогов ваших друзей, или просто интересные линки. Этот блок будет интересен лишь тем, кто решит уйти с вашего сайта или же поинтересоваться, чем именно интересуетесь вы. Диагноз — ставим блогролл в низ сайдбара, те, кому он понадобится, - там его и найдут.
Последние комментарии — не стоит вешать этот виджет, если у вас редко комментят, он только будет акцентировать внимание на том, что вас мало читают.
Счетчики посещений и прочие кнопочки. Наилучшее место для них - это подвал странички, или, на крайний случай, — самый низ сайдбара.
Баннер — область пространства, используемая под рекламу. Баннер можно "вписать" как элемент шапки, или же поставить его между самой шапкой и контентной областью.
Использовать анимацию в баннерах крайне не рекомендуется, уж слишком это раздражает пользователей. Даю гарантию, что если баннер будет рекламировать что-то действительно полезное и необходимое для ваших читателей, то они его обязательно заметят и без спецэффектов.
Также не стоит красить баннер в яркие цвета только для того, чтобы он был заметен — в большинстве случаев ядовитые кислотные цвета лишь отпугивают посетителей.
В подвал макета обычно вставляют, кроме ненужных кнопочек всевозможных рейтингов, авторские права, и контактную информацию.
Цветовую гамму блога, при условии, что вы в этом не разбираетесь, лучше не менять. Большинство тем имеют оптимальные цветовые решения, так что не создавайте проблем на пустом месте.
i> Хороший дизайн - это не тот, к которому нечего добавить, а тот, в котором нечего убрать.
Поэтому, прежде чем заниматься украшательством блога, подумайте, а насколько это поможет вашим читателям.
Ссылки, которые помогут вам лучше разбираться в дизайне:
Денис Судилковский, автор блога
Дизайн для блога дело тонкое
13 Ноября 2007 года, 11:27
Шрифт:
0
4930
Есть о чем рассказать? Тогда присылайте свои материалы Марине Ибушевой
Новые
Новые
Лучшие
Старые
Подписаться
Подписаться на дискуссию:
E-mail:
ОК
Вы подписаны на комментарии
Ошибка. Пожалуйста, попробуйте ещё раз.
Войти
Facebook
Вконтакте
Twitter
Отправить отзыв
8 комментариев2 недели назад
Oleg_bobr2012 -
Мда...Может Анне сразу в Яндекс написать кейсы по накрутке ПФ. Я бы такого сотрудника гнал вон.
5 комментариев4 месяца назад
Татьяна -
Очень действенные рекомендации представлены в статье! Всё четко расписано и легко внедряемо в работу интернет-магазинов.Удобство и наглядность+различные бонусы и скидки-именно то, что и цепляет покупателя.
3 комментария2 месяца назад
Гость -
Сейчас клоаку прячут, так что под нее можно глянуть только с гуггловских ip. Сейчас только гуггл сервисами можно глянуть
3 комментария5 месяцев назад
Jenimeon -
SimilarWeb один из моих фаворитов, частенько им пользуюсь. Ценник не малый, но функционал хороший. Be1 тоже годный.
3 комментария3 месяца назад
Гость -
Если что по рейтингу вы не правы, есть ядро по которому производиться оценка и вы можете по нему самостоятельно все посмотреть.
Единственный объективный рейтинг по SEO.
Других не знаю
Ну я вам скажу что это не так и в предыдущие года сайт моего клиента попадал в рейтинг, при чем несколько раз. И я прекрасно знал еще до объявления результатов кто лидер - рейтинг прозрачный, есть фразы по которым набираются баллы. В этом году наш сайт не попал в рейтинг например и это было понятно, что не попадет (по статистике позиций)
2 комментария3 месяца назад
Игорь -
это информация максимум уровня middle seo. что такой проходняк делает в секции hard seo когда-то великой ашмановки, еще и в исполнении токсичного инфоцыгана большая загадка)) ходил последние 5 лет на нее, но больше пожалуй не стоит
2 комментария3 месяца назад
Андрей -
Крутая статья! Можно еще указать: Работу без CRM-системы - я считаю, что это основа отдела продаж. Потому что не все компании решаются на внедрение отдельно системы для отдела продаж. Но зато можно что то многофункциональное внедрить аспро.клауд или что то подобное
2 комментария3 месяца назад
roma.lisov -
Воспользовался советом по проверке и настройке картинок на сайте – реально дельный совет. Вот вроде и просто, казалось бы, а мне в голову раньше не пришло. А такие нюансы, конечно, нужно знать)
Комментариев
910
Комментариев
834
Комментариев
554
Комментариев
540
Комментариев
483
Комментариев
386
Комментариев
373
Комментариев
262
Комментариев
249
Комментариев
171
Комментариев
156
Комментариев
141
Комментариев
121
Комментариев
120
Комментариев
100
Комментариев
97
Комментариев
97
Комментариев
96
Комментариев
80
Комментариев
77
Комментариев
74
Комментариев
67
Комментариев
64
Комментариев
60
Комментариев
59
Отправьте отзыв!