5 шагов для улучшения дизайна блога

5 шагов для улучшения дизайна блога

Привет всем! 🙂

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

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

И начну я с названия блога…

>>> Придумываем уникальное название блога:

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

BigError. Главной ошибкой многих блоггеров заключается в том, что они используют «тухлое» название для блога.

Много ли в интернете вы видели такие названия, как «Успешный бизнес в интернете», «Все о кино, спорте, креативе, музыке, и порнографии живописи», «Блог о психологии» или еще лучше — «Блог о Красновской пражьянке» (вот сиди и думай что это такое…)? 🙂

Как вы думаете, выделяется ли названия таких блогов на фоне миллиона других таких же блогов?

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

Как это исправить?

Придумайте такое название для блога, которое будет отвечать следующим требованиям:

  1. Посетителю должно быть сразу же понятно для кого и о чем ваш блог;
  2. Название должно быть оригинальное (придумывайте что-то свое).
  3. Название (и тематика) блога не должна быть «размыта» — нишуйтесь.

P.S. Например, название «Блог о счастливой жизни для будущих мам и пап» вызывает больше понятных картинок в черепной коробке посетителя, чем название того же блога — «Семейные заметки от Незамужней Надежды Петровны»… =)

>>> Улучшаем верхнюю навигацию:

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

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

Какие бывают ошибки?

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

Я рекомендую такую навигацию помещать в левую колонку блога (если у вас шаблон с 2-мя сайдбарами)

  1. Во-первых, данный список невозможно просмотреть весь, даже если полностью уменьшить окно просмотра странички в браузере.
  2. Во-вторых, если в последней статьи будет вставлено видео, то оно будет закрывать область выпадающего списка.
  3. Если вам необходимо сделать список, то делайте его небольшим (4-5 пунктов)

Как это исправить?

1. Убрать данные разделы с верхнего навигационного меню, и оставить только статические страницы (4-6 страниц).

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

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

>>> Улучшаем сайдбар:

Многие новички халатно относятся к настройке виджетов в сайдбаре, либо просто настраивают их интуитивно.

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

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

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

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

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

Ошибки, убивающие сайдбар:

1. Отсутствие навигации по рубрикам (либо данная навигация расположена на «дне» сайдбара).

2. Вставка рекламы с тизерных сетей (без тщательной модерации), когда на блоге появляются объявления из «желтых страниц» или «провокационные» ссылки — обычно такая реклама не имеет никакого отношения к тематики блога.

3. Вставка картинок (формы e-mail подписки и т.п.) не соответствующих размеру ширины колонки, и которые выходят за пределы сайдбара.

4. Наличие «мусора». Мусор в сайдбаре — это лишние элементы блога, которые могут быть интересны только автору блога. Это может быть «Вход в админ. панель», «статистика Akismet» или различные минибанеры каких-либо проектов.

Пример:

Как это исправить:

1. Навигация. Поместить навигацию по разделам в видное место в сайдбаре (1-й или 2-й по счету сверху). Если у вас шаблон с 2-мя сайдбарами — поместите навигацию в левый сайдбар.

2. Форма e-mail подписки (Smartresponder).

  • Создать форму подписки, не выходящую за боковые границы сайдбара.
  • Подобрать цветовую гамму для формы e-mail подписки в соответствии в цветовой гаммой блога.
  • Поставить над формой подписки, захватывающую внимание, тематическую картинку.
  • Убрать счетчик «количество подписчиков» и ссылку на «Smartresponder».

3. Реклама. Убрать всю отвлекающую рекламу (на крайняк, разместить ее в подвал сайдбара).

4. Мусор. Оставляйте в сайдбаре только нужные и функциональные виджеты.

>>> Улучшаем дизайн статей и читабельность текста:

Дизайн текста — является наиболее важным продуктивным элементом в веб дизайне вашего блога. И если кривой логотип в шапке вашего блога посетители вам простят, то забивание на дизайн текста — это красный крестик в браузере на вашем блоге.

Ведь, во многом, от дизайна текста будет зависеть читабельность ваших статей (+ конечно же, статья должна быть интересна для читателя).

Популярные ошибки новичков:

  1. Использование разных шрифтов. Ошибка заключается в том, что на блоге используется стиль «аля ЖеЖешечка», когда каждая статья написана разным цветом, шрифтом, размером, и обязательно выделена жирным курсивом.
  2. Отсутствие отступов — синдром сломанного «Entera». Данная ошибка заключается в том, что запись в статье представляет собой сплошную стену из текста.
  3. Отсутствие выделений редактирования. 🙂 Данная ошибка в том, что в статья нет выделения главных слов, либо подзаголовков. Все написано однородно и текст выглядит «сухим».
  4. Отсутствие мультимедии. Писать, писать и еще раз писать — примерно так говорил В.И. Ленин… но это не означает, что ваши статьи должны быть только в текстовом формате. На дворе — Интернет 2.0.
  5. Рекламопонос. Я даже не знаю что хуже — когда встраиваемый блог рекламы (Adsense или Яндекс) в середине статьи выделяется на общем фоне статьи или когда это реклама настроена так, что кажется, что это продолжение текста… Я, конечно, понимаю, что все хотят заработать денег, но так бездушно обманывать посетителей…

Исправить это довольно просто:

  1. Используйте в ваших статьях один стиль шрифта.
  2. При написании статьи чаще нажимайте «Enter», чтобы разбить длинный текст на несколько абзацев.
  3. Активней выделяйте жирным (либо другим цветом0 главные слова в ваших предложениях, а так же подзаголовки. Так же можете использовать плагин подсветки текста.
  4. Активнее используйте мультимедийные файлы в статьях. Это могут быть картинки (обязательно проконтролируйте ширину), аудио, видео и т.п.
  5. Убрать рекламные блоки из середины статьи (поместить их в конец статьи).

>>> Плагинизируемся:

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

Для начала я рекомендую установить следующие плагины:

1. WP PageNavi — постраничная навигация на блоге WP.

2. SocialButtons — плагин «социальных закладок».

3. RusToLat — настройка ЧПУ (вид ваших ссылок в адресной строке браузера).

4. Related Post — вывод похожих записей в конце статьи. Скачать плагин может тут.

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

На этом я закончу свою статью. Продолжение следует… 🙂

P.P.S.Что вы думаете на данную тему? Важно ли исправлять такие ошибки на блоге?

Цитата поста:

Из мелочей складывается совершенство… А совершенство — это не мелочь.