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

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

Россия +7 (495) 139-20-33
Шрифт:
0 4012

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

Здесь стандартные элементы выполняют непривычные для остальных сайтов функции, например, основное меню вовсе не является основным средством навигации, а на 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, Масон веб-дизайнерства, и некоторые статьи Алексея Новикова

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

(Голосов: 5, Рейтинг: 5)
Читайте нас в Telegram - digital_bar

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


Новые 
Новые
Лучшие
Старые
Сообщество
Подписаться 
Подписаться на дискуссию:
E-mail:
ОК
Вы подписаны на комментарии
Ошибка. Пожалуйста, попробуйте ещё раз.
Отправить отзыв
ПОПУЛЯРНЫЕ ОБСУЖДЕНИЯ НА SEONEWS
13 инструментов для SEO-специалиста, актуальных в 2022 году
Саша
5
комментариев
0
читателей
Полный профиль
Саша - кажись какой-то британец
Скоринг запросов: почему он необходим при сборе семантического ядра
Илья Горбачев
3
комментария
0
читателей
Полный профиль
Илья Горбачев - Сбор сезонности в последней версии находится на вкладке "Парсинг" и вызывается кликом по иконке с графиком на черном фоне. Только он собирает общую частоту, поэтому лучше собирать данные с фраз (маркеров), которые не пересекаются в реальных запросах.
10 сервисов для работы с текстом в 2022 году
Юлия
3
комментария
0
читателей
Полный профиль
Юлия - Никита, вы о чем? Все подписки работают по такому принципу) Я retext давно пользуюсь, они немного подняли цену, но 399 рублей это еще ничего)) у меня на livedune только по несколько тысяч уходит. Выполнять качественно работу используя только руки не получится, а такие сервисы выручают очень Суть то не в том, что вы не воспользовались, а в том, что подписались, надо было просто отписаться и деньги бы не списали
Товары, которые не стоит продавать на Wildberries: типичные ошибки новичков
Николай
1
комментарий
0
читателей
Полный профиль
Николай - Похоже wildberries-edu.ru/
SEO-продвижение монобрендового интернет-магазина. Кейс Casio
Mike
11
комментариев
0
читателей
Полный профиль
Mike - Яндекс сам не знает, что рекомендует. Каноникал они игнорируют все равно. А вот в гугле четко сказано, что если у страниц разный контент, то каноникал ставить не правильно.
«Ашманов и партнёры» создали нейросеть, которая генерирует нешаблонные описания для страниц сайтов
Алексей
1
комментарий
0
читателей
Полный профиль
Алексей - Функционал есть, но он не отдельный. Он идёт в дополнение к LSI-анализу, интегрирован в него. Можете увидеть сгенерированные мета-теги на вкладке "Текст" в результатах LSI-анализа. Они будут указаны с пометкой (авто). Также сгенерированные мета-теги указаны в ТЗ для копирайтера, которое формируется по итогам анализа конкурентов.
Реклама в Google Ads и AdSense в России работает нестабильно
Гость
2
комментария
0
читателей
Полный профиль
Гость - У тебя трафик с поиска уменьшился?
Прирост трафика почти на 2000% только за счет внутренней перелинковки – разбор кейса
Volodyka Filipov
5
комментариев
0
читателей
Полный профиль
Volodyka Filipov - А cmse.ru/ это ваше детище?
Санкции поисковых систем: как узнать, что сайт попал под фильтры. Обзор главных инструментов
Volodyka Filipov
5
комментариев
0
читателей
Полный профиль
Volodyka Filipov - Нужно не крутить, а по честному развивать)))
Почему не стоит отказываться от SEO на этапе разработки
Максим
1
комментарий
0
читателей
Полный профиль
Максим - Хочу ещё детей от неё, так что слились оба
ТОП КОММЕНТАТОРОВ
Комментариев
910
Комментариев
834
Комментариев
554
Комментариев
540
Комментариев
483
Комментариев
385
Комментариев
373
Комментариев
262
Комментариев
249
Комментариев
171
Комментариев
156
Комментариев
141
Комментариев
121
Комментариев
115
Комментариев
98
Комментариев
97
Комментариев
97
Комментариев
96
Комментариев
80
Комментариев
77
Комментариев
74
Комментариев
67
Комментариев
62
Комментариев
60
Комментариев
59

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