×
Россия +7 (495) 139-20-33

Дизайн для блога дело тонкое

Россия +7 (495) 139-20-33
Шрифт:
0 4930
Подпишитесь на нас в Telegram

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

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

Можно бесконечно отыскивать уникальную тему для своего блога, но как тут не переступить грань между внешней красотой сайта и удобством его использования? Давайте рассмотрим все по порядку.

Дизайн блога — это вовсе не красивая картинка от Пирогова, или дизайнера всея Руси, a прежде всего, правильное представление информации.

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

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

Рассмотрим предназначение каждого элемента странички.

Шапка — обычно она вмещает в себя название блога и его описание. Что касается логотипа — он для блога вовсе не обязателен. Исключением может стать разве что случай, когда блог является дочерним сайтом некой компании. Тогда использование логотипа будет диктоваться правилами корпоративного стиля.

Контентная область — самый широкий столбец сразу под шапкой. Там публикуются все ваши статьи.

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

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

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

• Разбивайте текст на абзацы. 2-3 предложения - и новый абзац.
• Используйте только один шрифт, установленного размера и одного цвета.
• Идеальная ширина строки для чтения 40-70 символов.
• Используйте списки.
• Основные элементы выделяйте жирным или курсивом, но не более 5% от основного количества текста.
• Начинайте каждую статью с небольшого изображения. Это поможет пользователю "слету" отличить одну статью от другой.

Подробнее о том, как оформлять контент, я обязательно напишу в одной из будущих статей.

Статей на одной странице должно быть не более чем на 4-5 экранов прокрутки, и статьи должны быть примерно одинаковой высоты (наилучший вариант — одна, максимум две страницы А4 печатного текста).

Сайдбар — одна или несколько узких колонок, которые идут параллельно контентной области. Добавлять и изменять содержимое этих колонок в блоге на движке WordPress можно с помощью виджетов банальным drag-and-drop одного элементов в нужное место.

Ваша цель — привязать к себе читателя, для этого используйте RSS или (а лучше «и») e-mail подписку.

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

Если шаблон не предусматривает горизонтального меню под шапкой, то вершину сайдбара должен возглавлять список всех страниц и категорий блога.

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

Блогролл — список блогов ваших друзей, или просто интересные линки. Этот блок будет интересен лишь тем, кто решит уйти с вашего сайта или же поинтересоваться, чем именно интересуетесь вы. Диагноз — ставим блогролл в низ сайдбара, те, кому он понадобится, - там его и найдут.

Последние комментарии — не стоит вешать этот виджет, если у вас редко комментят, он только будет акцентировать внимание на том, что вас мало читают.

Счетчики посещений и прочие кнопочки. Наилучшее место для них - это подвал странички, или, на крайний случай, — самый низ сайдбара.

Баннер — область пространства, используемая под рекламу. Баннер можно "вписать" как элемент шапки, или же поставить его между самой шапкой и контентной областью.

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

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

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

Цветовую гамму блога, при условии, что вы в этом не разбираетесь, лучше не менять. Большинство тем имеют оптимальные цветовые решения, так что не создавайте проблем на пустом месте.

i> Хороший дизайн - это не тот, к которому нечего добавить, а тот, в котором нечего убрать.

Поэтому, прежде чем заниматься украшательством блога, подумайте, а насколько это поможет вашим читателям.

Ссылки, которые помогут вам лучше разбираться в дизайне:

Ководство, переведенные на русский статьи aListApart.com, Масон веб-дизайнерства, и некоторые статьи Алексея Новикова

Денис Судилковский, автор блога Бизнес Дизайн

Есть о чем рассказать? Тогда присылайте свои материалы Марине Ибушевой


Новые 
Новые
Лучшие
Старые
Сообщество
Подписаться 
Подписаться на дискуссию:
E-mail:
ОК
Вы подписаны на комментарии
Ошибка. Пожалуйста, попробуйте ещё раз.
Отправить отзыв
ПОПУЛЯРНЫЕ ОБСУЖДЕНИЯ НА SEONEWS
Накрутка поведенческих факторов: дорого, сложно, но можно. Если очень хочется
Oleg_bobr2012
1
комментарий
0
читателей
Полный профиль
Oleg_bobr2012 - Мда...Может Анне сразу в Яндекс написать кейсы по накрутке ПФ. Я бы такого сотрудника гнал вон.
28 способов повысить конверсию интернет-магазина
Татьяна
1
комментарий
0
читателей
Полный профиль
Татьяна - Очень действенные рекомендации представлены в статье! Всё четко расписано и легко внедряемо в работу интернет-магазинов.Удобство и наглядность+различные бонусы и скидки-именно то, что и цепляет покупателя.
5 способов увидеть сайт глазами поисковика: анализируем скрытый контент и cloaking
Гость
1
комментарий
0
читателей
Полный профиль
Гость - Сейчас клоаку прячут, так что под нее можно глянуть только с гуггловских ip. Сейчас только гуггл сервисами можно глянуть
7 актуальных сервисов для анализа сайта: сравнительная характеристика
Jenimeon
1
комментарий
0
читателей
Полный профиль
Jenimeon - SimilarWeb один из моих фаворитов, частенько им пользуюсь. Ценник не малый, но функционал хороший. Be1 тоже годный.
Создали ресурс для металлургов, который позволяет следить за аналитикой рынка и осуществлять продажи
Наталья Сталь
3
комментария
0
читателей
Полный профиль
Наталья Сталь -
Какие сайты лидировали в поиске Яндекса и Google в 2023 году
Гость
1
комментарий
0
читателей
Полный профиль
Гость - Если что по рейтингу вы не правы, есть ядро по которому производиться оценка и вы можете по нему самостоятельно все посмотреть. Единственный объективный рейтинг по SEO. Других не знаю Ну я вам скажу что это не так и в предыдущие года сайт моего клиента попадал в рейтинг, при чем несколько раз. И я прекрасно знал еще до объявления результатов кто лидер - рейтинг прозрачный, есть фразы по которым набираются баллы. В этом году наш сайт не попал в рейтинг например и это было понятно, что не попадет (по статистике позиций)
Optimization 2023: текстовый анализ в 2024 году и методы увеличения релевантности страниц
Игорь
1
комментарий
0
читателей
Полный профиль
Игорь - это информация максимум уровня middle seo. что такой проходняк делает в секции hard seo когда-то великой ашмановки, еще и в исполнении токсичного инфоцыгана большая загадка)) ходил последние 5 лет на нее, но больше пожалуй не стоит
5 ошибок отдела продаж, из-за которых вы теряете клиентов
Андрей
1
комментарий
0
читателей
Полный профиль
Андрей - Крутая статья! Можно еще указать: Работу без CRM-системы - я считаю, что это основа отдела продаж. Потому что не все компании решаются на внедрение отдельно системы для отдела продаж. Но зато можно что то многофункциональное внедрить аспро.клауд или что то подобное
Простые SEO-работы, которые могут увеличить прибыль компании. Часть 1
roma.lisov
1
комментарий
0
читателей
Полный профиль
roma.lisov - Воспользовался советом по проверке и настройке картинок на сайте – реально дельный совет. Вот вроде и просто, казалось бы, а мне в голову раньше не пришло. А такие нюансы, конечно, нужно знать)
Яндекс встроил нейросети в свой Браузер
RasDva
12
комментариев
0
читателей
Полный профиль
RasDva - О дааааа)
ТОП КОММЕНТАТОРОВ
Комментариев
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

Отправьте отзыв!
Отправьте отзыв!