пятница, 30 января 2009 г.

Веб 2.0 Часть 3 - Подгоняем Свой Блог Под Стандарты Web 2.0 - Юзабилити

Web 20 Smiles

Добро пожаловать в третью, заключительную, часть серии статей о Веб 2.0. Предыдущие статьи рассказывали о том, что такое Веб 2.0 и какие приёмы используют истинные Веб 2.0 лидеры.

Сегодняшняя статья - революционная для лучшего блога о заработке в интернете. Вместе со статьёй блог будет пошагово изменять концепцию и постепенно отходить от определения блога, преобретая определённые черты Веб 2.0 проекта. Материал в статье будет предоставлен таким образом, что, при желании, вы без труда сможете повторить те же концептуальные изменения для своего блога, существенно увеличив его SMO-оптимизацию и порадовав своих читателей.

В соответствии с догматическим руководством настоящий и качественный проект Веб 2.0 должен обладать тремя показателями вебванольности, это: Юзабилити, Техническая Часть, Дизайн. Будем идти по-порядку…

Юзабилити

Юзабилити

1. Взаимодействие с Сайтом

Под улучшением взаимодействия пользователя с блогом, я понимаю быстрый поиск наиболее интересных статей для этого пользователя. Многие блоги для навигации по статьям предлагают лишь навигацию от page-navi (хотя некоторые и этого не делают) и такие блоги тяжелы для воспринятия полезной информации и больше подходят в роли дневника, чем кладези полезной информации.

Я установил на блог пачку полезных плагинов для устранения этих недостатков (хотя эти плагины шли по дефолту с темой), итак, вот что присутствует на блоге для наиболее удобного поиска статей:

  1. Карта Блога. У меня очень заметна ссылка на неё из шапки - http://vip-prime.com/sitemap/. Карта блога помогает легко увидеть какие посты присутствуют на блоге. Видны абсолютно все посты (и страницы), рассортированные по категориям. Если желаете сделать на блоге нечто подобное - воспользуйтесь плагином Sitemap Generator Plugin by Dagon Design.
  2. Категории. Виджет со списком категорий очень популярен и удобен, поставить его можно с помощью базовых функций вордпресса. Не забудьте поставить и виджет со списком страниц, даже если в шапке продублирован этот список.
    Категории
  3. Последние Записи. Обязательно разместите блок с последними записями. Большая часть читателей любого блога не являются постоянными читателями и чтобы сориентироваться с новыми материалами легко и наглядно, должна быть доступна информация об обновлениях блога, которую и показывает этот виджет.

    Я не понимаю тех, кто ставит в список последних постов всего-лишь 5 записей. Причём часто на странице блога стоит лимит в 10 записей. Полностью теряется смысл в этом виджете. Я считаю правильным ставить количество выводимых последних записей от 10 до 20 (в случае, если блог обновляется часто), это даст максимальное удобство при просмотре блога.

    Виджет с последними записями доступен в базовой комплектации вордпресса.

  4. Архивы. Архивы удобны для вывода записей в определённом промежутке времени, удобно когда читатель ищет определённые посты. Не скажу, что этот виджет обязателен, но он и не помешает. В базовую сборку вордпресса включена возможность выводить архивы постов по месяцам.
  5. Навигация по Страницам. Конечно нельзя забыть и об этой возможности. Любой читатель должен легко перемещаться в любую точку блога, кстати, это очень полезно и для СЕО. Записи должны быть доступны для просмотра в хронологическом порядке, навигация по страницам даёт такую возможность. Плагин для этих целей - WP-PageNavi.
  6. Теги. Теги расширяют (но не заменяют) возможности категорий, обязательно стоит их размещать. Базовая сборка вордпресса позволяет их размещать без дополнительных плагинов. Для вывода тегов пропишите в коде: <?php the_tags(); ?>, если желаете изменить базовые настройки вывода тегов - просмотрите страницу с описанием этой функции.
  7. Страницы для серии постов. Если вы на блоге ведёте интересную и объёмную серию постов, то стоит выделить для этой серии отдельную страницу, на которой можно сделать хороший обзор серии и собрать список всех постов. Эту страницу стоит вынести в список страниц на видное место, например, как это делает Profit Hunter. Плагинов для этого никаких не требуется.
  8. Самое Популярное. Блок с самыми популярными статьями полезен для серферов, которые первый раз зашли к вам в гости. Часто именно по его содержанию и складывается мнение о качестве блога. Именно по этим причинам этот блок стоит вынести повыше в сайдбаре. Для реализации такой возможности воспользуйтесь плагином Popularity Contest, плагин подсчитывает количество посещений каждого поста и может выводить список результатов, например в сайдбаре. Большие возможности настройки.
  9. Лучшие Посты. Лучшие посты выбирают уже сами пользователи, это хороший элемент социализации блога и отличный способ дать возможность пользователям взаимодействовать с блогом. Для реализации этой возможности поставьте плагин WP-PostRatings. Он даёт возможности выводить список лучших постов по рейтингу и самых оцениваемых постов.
  10. Похожие Записи. В конце поста выводятся заголовки записей, схожие по теме. Это помогает привлечь читателей к другим статьям, эти статьи воспринимаются как продолжение той статьи, которую читатель только что прочитал. Для установки такой возможности поставьте плагин Related Posts.
  11. Поиск. Для самых любопытных разместите виджет поиска по блогу, эта возможность должна быть по умолчанию в блоге.
  12. Самые Комментируемые. Список самых комментируемых постов даёт не только возможность легко попасть на лучшие вирусные посты, но и приносит немного элементов социализации блога. Для установки такого виджета необходимо поставить плагин - Most Comments.

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

2. Социализация

Похоже, что это Ваше первое посещение сайта. Для получения обновлений подпишитесь на Элитные RSS Новости о Заработке. Это сообщение будет показано только три раза, но подписаться вы сможете всегда с помощью сайдбара справа. Спасибо!

С элементами социализации будет намного сложнее, т.к. изначально идея блога заключается в том, чтобы выражать свои мысли в виде записей дневника. Автор пишет - а кто-то просто просматривает его “мысли”. Добавление возможности комментировать записи не решает полностью вопрос социализации. Для вордпресса нужно больше возможностей, похожие на возможности Живого Журнала (ЖЖ = LiveJournal.com). Вот, какие решения предлагаю я:

  1. Обязательно включите возможность комментировать записи. Некоторые закрывают комментарии из-за обилия спама, но отказ от комментариев будет сильно затормаживать развитие блога. Нельзя этого делать.
  2. Не усложняйте комментирование. Опять же, для борьбы со спамом, в комментарии ставится капча. Иногда эта капча сделана настолько хитро, что решаешь промолчать, чем тратить время на ввод этой капчи. Поэтому либо откажитесь от капчи вообще, либо используйте капчу, требующую минимальных затрат мозгового штурма и телодвижений.
  3. Лучшие Комментаторы. Отличный элемент социализации - список лучших комментаторов. Список формируется по количеству постов. Плагин для вывода такого списка - Show Top Commentators.
  4. Последние Комментарии. Список последних комментариев отлично дополнит предыдущий плагин. Плагин Get Recent Comments служит именно для этих целей. Этот и предыдущий плагин стоит ставить по-порядку, друг за другом, т.к. они предоставляют данные примерно одного типа информации.

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

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

  5. Опросы. Опросы вносят элемент игры во время серфинга по блогу, не так важна тема опроса, как наличие самого опроса. Эта маленькая деталь способна надолго задержать случайных посетителей блога. Плагин опросов - WP-Polls.

    Сейчас самое время добавить новый опрос:

    Ваша основная специализация:

    Смотреть Результаты

    Loading ... Loading ...

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

    О результатах предыдущего опроса я напишу позже.

  6. Чат. Слегка необычно для блогового движка, но я считаю в таком виджете есть необходимость. В чате общаться, в любом случае, удобней чем в камментах или по имайлу. Виджет чата - WP Wall

    Чат

Некоторые элементы социализации будут представлены в следующей статье о Веб 2.0, они касаются темы AJAX-технологий, поэтому сейчас я их не упоминал.

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

3. Бесплатность

Большинство блогов бесплатны и они на 100% соответствуют этому условию вебдванольности.

В своём блоге я решил сделать платный раздел, когда он будет не знаю, но будет точно. У меня был выбор - либо не писать некоторые статьи вообще, либо писать, но в закрытый раздел. Я выбрал второй вариант, темболее, что платный контент не будет никак перекликаться с бесплатным и блог, в целом, сохранит свою бесплатность.

4. Пользователи Создают Контент Сами

При добавлении возможности пользователям самим писать контент, блог сразу превращается в сообщество. Основная идея дневника полностью убивается. Это, я считаю, только плюс, т.к. сейчас есть потребность у людей в сообществах и именно у таких проектов будет будущее.

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

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

    Итак,

    Что вам нужно для того, чтобы написать гостевой пост на блоге Vip-Prime.com:

    1. Зарегистрироваться на блоге.
      Регистрация открытая, зарегистрироваться может любой. Для регистрации промотайте вниз сайдбара блога, там увидете виджет с ссылкой на регистрацию:

      Виджет регистрации

      В виджете кликайте на кнопку “Регистрация” и попадёте на страницу, где необходимо вбить свои данные (желаемый логин и адрес электронной почты).

      Страница регистрации

      На указанный адрес прийдёт пароль для входа в админку.

      Регистрация предельно простая и максимально быстрая. Никаких сложностей быть не должно.

    2. Добавьте Запись.

      Когда зайдёте в админку, слева в сайдбаре нажмите кнопку “Добавить новую”

      Добавить новую запись

      После этого откроется страница с добавлением новой записи.

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

      Советую использовать не визуальный редактор, а редактор кода.

    3. Вставьте Код Со Своей Рекламой в Начало Поста.

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

      Код с вашей рекламой следующий:

      <table width=”100%” border=”1″ cellspacing=”0″>
      <tr>
      <td><div align=”center”>
      <p><strong>Автор Поста:</strong></p>
      <p><a href=”htt://url“><strong>Имя</strong></a></p>
      </div></td>
      <td><div align=”center”>
      <p><strong>При Поддержке:</strong></p>
      <p><a href=”http://sponsorurl“><img src=”http://urlimg“></a></p>
      </div></td>
      </tr>
      </table>

      В работающем виде выглядит он так:

      Автор Поста:

      Имя

      При Поддержке:

      где

      url - Адрес вашего персонального блога или основного проекта. Эта ссылка не обязательна и можете её убрать из таблицы, при желании. Эти ссылки я буду внимательно проссматривать, чужие или левые проекты в них размещать нельзя, нельзя также размещать партнёрские и коммерческие ссылки.

      Имя - Ваш логин или название вашего основного проекта. Допускаются ключевики по типу: Создание Сайтов, Автосалон Москвы и прочее.

      sponsorurl - Ваша рекламная ссылка. Это может быть ссылка на ваш сайт, на сайт партнёра или ещё куда-нибудь. Партнёрские ссылки допускаются. Но нельзя размещать ссылки на кодеки, ppc, дорвеи и прочий мусор. Только белый заработок. Я буду эту ссылку тоже внимательно проверять. Ссылка разрешена одна.

      urlimg - Адрес баннера. Баннер не обязателен. Можете убрать, при желании, тег со вставкой картинки и оставить только ссылку. Размер баннера должен быть небольшой, в пределах 50 пикселей. За эти рамки выходить можно, но нужно делать это разумно и осторожно.

    4. Отправьте на Премодерацию.

      После того, как вы напишите статью, жмите кнопку справа “Отправить на утверждение”.

      Написать статью

      Я увижу этот пост в списке статей на премодерации. И если меня всё устроит, то статья будет скоро опубликована на блоге.

      • Я оставляю за собой право редактировать статью.
      • Возможно я буду заливать картинки из статьи и баннер на хост этого блога.
      • Даже если статья соответствует всем критериям - я всё-равно могу её не опубликовать. Поэтому сохраняйте копию статьи у себя в черновиках, по крайней мере, до того, пока она не будет либо опубликована, либо удалена из списка статей на премодерации.
    5. Требования к посту:

      1. Количество символов в статье от 3 000. Допускается меньшее количество, но при условии, что статья очень интересна.
      2. Нужно соблюдать хорошую разметку текста: абзацы, списки, выделение важных слов жирным, курсивом, подчёркиванием, иногда цветом.
      3. Крайне желательно использовать в статье картинки, скриншоты и другую графику. Но не злоупотреблять этим.
      4. Не должно быть никакого обмана читателей.
      5. Разрешены рекламные и партнёрские ссылки, при условии, что они касаются темы статьи и читатель чётко видит где партнёрская ссылка. Т.е. опять же, никакого обмана.
      6. Количество рекламных и любых ссылок любое, при учёте здравого смысла. Не нужно делать линкопомойку.
      7. Переводы статей разрешены. При переводе необходимо вставлять ссылку на оригинал статьи.
      8. Разрешены рерайты своих и чужих статей, но при условии 100% уникальности текста для ПС и её улучшения по сравнению с оригиналом, это может быть более подробное объяснение или добавление графики. При рерайте чужой статьи необходимо ставить ссылку на оригинал, не будет ссылки - статья может быть удалена.
      9. Тематика статьи: бизнес, манимейкинг, сео, блоггинг, реклама, личностный рост и смежные темы.
      10. Статья не должна разжовывать элементарные, и всем понятные, вещи. В статье должна быть ценность. То, о чём информации нет пока ещё нигде.
      11. Списки полезных ресурсов разрешены. Но они должны быть действительно полезными.
      12. Я оставляю за собой право редактировать статью.
      13. Самый важный критерий, по которому буду публиковать статью, - понравилось/не_понравилось.

      Более подробно на странице Гостевые Посты

  2. Фишечки.

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

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

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

    Пошаговая инструкция как бесплатно получить ссылку с главной страницы блога Живём Красиво:

    1. Переведите свой взгляд вправо, в верх сайдбара, там вы увидете формочку для фишечек:

      Фишечная Форма

    2. Заполните поле “Имя“. Сюда впишите либо свой логин, либо имя, либо ключевик. Я разрешаю размещать комерческие ключевики по типу “Создание Сайтов”, “Продажа Автомобилей”, но обязательно нужно учитывать здравый смысл в анкорах.
    3. При желании, заполните поле “Ссылка“. Сюда стоит вписать ту ссылку, которые вы хотите оставить на главной странице. Партнёрские ссылки запрещены. Разрешены только “белые” ссылки. В принципе, вы можете оставить дефолтный урл в этом поле, если желаете просто рассказать интересное людям, не получая ничего в замен.
    4. Заполните текстовое поле. Здесь и стоит прописать фишечку. Это может быть как несколько абзацев, так и всего пара слов. Выбор ваш. Но фишечка должна быть интересной читателям.
    5. Кликайте на кнопку “Сказать”. Когда все поля заполнены, просто нажмите на кнопку и всё! Больше от вас ничего не требуется.

      Фишечка попадает на премодерацию, если она интересная, то я её аппрувлю и она сразу же появляется на главной странице.

    Какой должна быть фишечка:

    1. Фишечка должна касаться любой темы бизнеса, рекламы, психологии и смежных тем, на которых можно зарабатывать деньги.
    2. Длина описания фишечки любая, от двух слов, до десятка предложений. Главное чтобы был понятен весь смысл фишечки.
    3. Не стоит постить сразу несколько фишек. В большинстве случаев, они не будут аппрувиться. Лучше сказать одну, но ценную и дать возможность другим поделиться.
    4. Если вместе, на главной странице блога, собралось уже много фишек, то остальные, даже качественные фишки аппрувиться не будут. Их я придержу, пока не появится новый пост и затем заапрувлю, изменяя дату на более новую.
    5. Фишечка будет выглядеть примерно так:

      Фишечка

      Чуть позже я немного изменю стиль вывода ссылок и будет только лучше!

    6. Я оставляю за собой право редактировать фишечку.

    Более подробно на странице Фишечки

  3. Форум.

    Необычно для манимейкерского блога? Новое время требует новых возможностей и я решил, что форум необходим. Особо здесь нечего описывать, как пользоваться форумом вы знаете. Форум интегрирован в блог. Адрес форума, как это ни странно, vip-prime.com/forum. Если желаете поставить такой-же - бегом на сайт BBPress.

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

5. Метки

Немного о метках я писал выше, здесь распишу новую информацию.

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

В последнее время пошла мода ставить плагин облака тегов WP Cumulus. Который выводит метки во флеше, в виде сферы, и эту сфера можно легко вращать.

Метки

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

Я остановился на плагине Configurable Tag Cloud. У него есть все возможности, которые мне необходимы от облака тегов.

Новое облако тегов

Советую!

6. Простота

Я знаю на 100%, что при первом посещении блога о заработке, у любого человека, создаётся впечатление загруженности и тяжести блога. У самого были такие же ощущения. Но со временем, к этому привыкаешь. Ведь, что может быть проще - слева статьи, спрва сайдбар.

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

На сегодня это всё! Социализируйтесь!

Оптимизация сайтов от профессионалов, первые позиции в выдаче. Закажите сегодня!

Творим чудеса всем районом, строим вместе утопленный сад и удивляем соседей.

Узнайте как похудеть и рассказывайте о ваших знаниях своим друзьям.

Здесь можно оставить свои комментарии. Выпуск подготовленплагином wordpress для blogger.com