Юзабилити в wordpress. Часть 6 – скорость загрузки.

Время загрузки сайта (латентность) – время, необходимое для полной загрузки страницы с момента обращения к ней пользователя. К сожалению, очень многие веб-мастеры при создании сайтов совсем не думают о скорости загрузки. Они думают, что если на их мегабите сайт грузится быстро (всего то 3-5 сек), то всё отлично. А как же юзеры с медленным интернетом? Не забывайте, что огромное количество пользователей интернета по прежнему сидит на dial-up. У них ваш сайт будет загружаться не несколько секунд, а несколько минут.

Чаще всего этот вопрос решается, когда посещаемость сайта прилично выростает (1000 хостов в сутки и более) и вебмастер замечает большую нагрузку на сервер. Чтобы уменьшить нагрузку, нужно уменьшить вес страниц, количество обращений к серверу, использовать кэширование и архивирование и т.д. А в следствие этого уменьшается и время загрузки всего сайта.

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

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

• Самым важным фактором, который влияет на скорость загрузки сайта, является качество хостинга. Я в этом лично убедился, когда перешел от одного хостера к другому и мой блог стал загружаться в 2-3 раза быстрее. Так что тщательно выбирайте хостинг и не жалейте на это дело денег.
• Оптимизируйте каждую картинку перед тем как добавить ее на сайт. Я для этого пользуюсь фотошопом (save for web – сохранить для веб) и выбираю качество jpeg 60. Это оптимальный вариант – лично проверено с помощью программы image analysis. Эта программа анализирует выбранную вами картинку и выдает оптимальный формат и качество изображения, при этом процент сходства оптимизированной картинки и оригинала – 99% (параметр можно изменить). В большинстве случаев программа image analysis уменьшает размер изображения на 50% и больше. После оптимизации картинки в фотошопе image analysis пишет, что оригинал 100% оптимизирован.
• Для wordpress существует много плагинов, как бесплатных так и платных, которые кэшируют страницы и оптимизируют их:

1. WP Super Cache, Hyper Cache и WP Widget Cache – самые популярные кэширующие плагины для wordpress.
2. Web-Optimizer – позволяет максимально увеличить скорость загрузки вашего сайта. Он включает все ведущие технологии и наработанные практики в области клиентской оптимизации. По словам разработчиков плагина, среднее ускорение сайта — 2,5 раза. Есть бесплатная и платная версии.
3. Кэш для wordpress от Max’a. Обещает уменьшить ресурсопотребление в 100 раз. Так же есть бесплатная и платная версии. Если будете пользоваться этим скриптом на wordpress, то обязательно прочитайте эту статью.

• Сервисы для проверки скорости загрузки сайтов (многие из них умеют не только это):

1. Pingdom Tools – отличный англоязычный сервис, который даёт детальную информацию о времени загрузки всех элементов сайта.
2. Site performance – есть возможность проверить время загрузки в разных браузерах.
3. Webo – русский сервис, который не только покажет информацию о скорости загрузки страниц вашего сайта и их элементов, но и даст подсказки по его оптимизации. Так же есть возможность заказать платную оптимизацию сайта.

Юзабилити в wordpress. Часть 5 – показатель отказов.

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

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

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

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

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

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

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

• Список похожих статей после каждого поста. Самый простой вариант – WordPress Related Posts, но есть вариант получше. Помимо вывода похожих постов из той же рубрики, это еще и отличный способ внутренней перелинковки статей (для WordPress). Правда устанавливать придется вручную.
• Список самых популярных статей на блоге. Можно реализовать с помощью плагина WordPress Popular Posts – популярность поста определяется по количеству его просмотров. Но количество просмотров не является объективным показчиком качества того или иного поста. По этому я использую плагин GD Star Rating – популярность постов определяют сами пользователи, оценивая посты по десятибальной шкале.
• Список последних постов, категорий, тегов.
• Ссылки на следующую и предыдущую статьи в виде их названия. О том, как это реализовать, я писал во второй части этого руководства, посвященном навигации.
• Нужно при каждой возможности ссылаться на другие свои посты, как я только что сделал. Тем самым, помимо дополнительной перелинковки, мы лишний раз заставляем посетителей прочитать другие посты.

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

• Различные слайдеры, которые автоматически прокручивают лучшие посты (feaatured posts) с миниатюрами, очень сильно снижают показатель отказов. Но их самый большой минус в том, что грузятся такие навороты обычно очень долго. Из тех, что я видел, быстрее всего грузится плагин Smooth Slider. Увидеть этот плагин в действии вы можете на главной странице этого блога.
• Ссылка «Читать дальше…» после анонса поста должна быть большой и заметной. Желательно конечно придумать что-нибудь более креативное, но не менее очевидное.
• Нужно отображать количество комментариев к посту или призыв прокомментировать, если их нету.
• Отображение категории, к которой принадлежит пост, и меток так же может заставить посетителя прочитать другие заметки в этой же категории/с этим же тегом, если тема его заинтересовала.
• Количество рекламы очень сильно увеличивает показатель отказов. Лично я редко задерживаюсь на блогах, увешанных баннерами и контекстной рекламой как новогодние ёлки.

На последок хочу сказать, что для блогов нормальным показателем отказов является 60-70%, а для сайтов, заточенных под ПС – этот показатель может быть больше 80%. На моём блоге эта цифра на данный момент составляет 65% – не лучший вариант, по этому я постоянно работаю над его уменьшением. Если кто-нибудь хочет похвастаться маленьким показателем отказов – добро пожаловать в комментарии.

Руководство по юзабилити. Часть 4 – Подача контента

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

• Цвет текста. Прежде всего он должен быть контрастным по отношению к фону. Но этот контраст не должен бить по глазам. Исследования учёных показали, что текст, оформленный тёмным шрифтом на светлом фоне, читается легче, чем инвертированный: светлым по тёмному.

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

• Использование текстур в качестве фона в 99% ухудшает читабельность текста, не говоря уже о ярких и пёстрых текстурах от которых просто глаза на лоб вылазят.

• Ширина текстового поля. Читать легче, если текстовое поле не очень широкое. Именно по этой причине в журналах и газетах текст разделен на столбцы, книги преимущественно печатают на формате A5, а сайты разбиты на 2 или 3 колонки. Для сайтов оптимальной шириной текстового поля считается 55-75 знаков.

• Выравнивание. Вариантов тут не много. А если хорошо разобраться, то вообще один. Читаем мы с лева на право, так что выравнивание по правому краю сразу отпадает. Выравнивание по ширине тоже является нежелательным, т.к. из-за разного расстояния между словами читабельность текста падает.
• Шрифты. Бывают рубленые и с засечками. Самый распространенный рубленый шрифт – Verdana (и не зря, т.к. считается самым читабельным), а самый распространенный шрифт с засечками – Times New Roman. Принципиальное отличие в том, что из-за наличия засечек, такие шрифты хуже читаются при маленьком размере шрифта. По этому рубленые чаще используют для текста абзацев, а шрифты с засечками – для заголовков и подзаголовков.
• Размер шрифта. Наверное самым распространенным является размер в 11 пикселей, но не существует такого размера, который подходил бы всем вашим посетителям. По этому на свой блог я установил скрипт переключения размера шрифта, с помощью которого посетители могут изменять размер шрифта как в большую, так и в меньшую сторону. Никто не останется недовольным

В качестве альтернативы для тех, кто сам вышеупомянутый скрипт установить не может, могу предложить плагин Font-resizer. Всё, что в этом случае вам нужно будет сделать, это установить плагин и добавить виджет в сайдбар, в котором будут отображаться 3 буквы А: уменьшить шрифт, сбросить и увеличить.

Типографические исследования показали, что в идеале:

- Отношение высоты строки к высоте шрифта должно составлять 1.48
- Отношение длины строки к высоте строки должно быть 27.8

• Для акцентирования внимания рекомендую использовать разные шрифты для основного текста и заголовков. Использование более 3-х шрифтов на одной странице не рекомендуется (шрифты на логотипах, кнопках, баннерах и других графических элементах не в счёт). Чтобы связать заголовок с текстом, используйте разные отступы сверху и снизу. Помните, что заголовок должен быть ближе к тому абзацу, к которому он относится, чем к предыдущему.

• Абзацы. Разделяйте контент абзацами в 2-5 предложений, несущих одну законченную мысль. Это сделает текст менее монотонным и подчеркнет основные идеи, содержащиеся в нём. Для расстановки акцентов так же используйте подзаголовки, картинки, маркированные и нумерованные списки.

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

Для того, чтобы лично вам было удобнее читать другие сайты, советую включить Clear Type – технология, которая сглаживает шрифты. Сначала может быть немного непривычно, но потом вы поймете, что читать стало гораздо легче и приятнее. В windows XP включить clear type можно следующим образом: свойства экрана – оформление – эффекты – применить следующий способ сглаживания экранных шрифтов – clear type. Так же можно установить программу Clear Type.

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

Юзабилити в wordpress. Часть 3 – комментарии.

Комментаторы – самая активная часть аудитории любого блога, от которой во многом зависит его развитие. Они всегда подскажут, что не так, поделятся советами, зададут интересные вопросы, выскажут объективную, а иногда и не очень, критику. И их активность, которая, между прочим, является одним из самых объективных показателей популярности блога, во многом зависит от того, на сколько удобно на блоге реализовано комментирование. Тут важно продумать каждую мелочь.

• Наличие капчи – крайне нежелательно. Если вас достали спамеры, могу посоветовать очень хорошую альтернативу: плагин Conditional Captcha for WordPress. Работает он на пару с Akismet’ом и если последний посчитает какой-либо комментарий спамом, то Conditional Captcha тут же попросит подозрительного комментатора ввести капчу. Это дает сразу 3 жирных плюса:

1. Большинство комментаторов никогда эту капчу вообще не увидят.
2. НЕ спамеры, которые случайно попали в черный список Akismet’а не будут попадать в спам. К сожалению, такие случаи бывают довольно часто.
3. Вам не нужно будет рыться в кучах спама в поисках нормальных комментариев, которые туда случайно попали (если вы конечно это делаете ).

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

• Возможность ответить на комментарий, древовидные комментарии. Во-первых – удобно, во-вторых – помогает навести порядок в комментариях.

Для реализации двух последних функций я использую плагин WP Thread Comment – добавляет возможность отвечать на комментарии и отправляет уведомления комментаторам на e-mail. В настройках можно выбрать один из следующих вариантов информирования комментаторов о появлении новых комментариев:

- Отключить
- Если ответ от автора записи или администратора
- Всегда информировать
- Commenter choose to do so(default checked) – По выбору комментатора (выбрано по умолчанию)
- Commenter choose to do so(default unchecked) – По выбору комментатора (не выбрано по умолчанию)

Очень советую не выбирать пункт «Всегда информировать». Помнится мне, так было у Деваки (не знаю как сейчас) и если кто-то комментировал любой пост, то приговаривал себя к постоянным уведомлениям на e-mail о новых комментариях без возможности отписаться. Пару раз я прокомментировал и перестал, потом совсем отписался от блога, т.к. не комментировать я не могу
Лучше всего выбирать последний вариант. Это всё же увеличит процент возврата комментаторов на блог, но в случае их нежелания получать уведомления они могут снять галочку.

Так же в разделе настроек этого плагина можно настроить внешний вид ответов на комментарии и текст приходящих на e-mail уведомлений. Одним словом, отличный плагин!

• Возможность отредактировать оставленный комментарий. Очень полезная функция. У меня на блоге она реализована с помощью плагина Ajax Edit Comments. После добавления комментария под ним появляется ссылка с надписью «Нажмите для редактирования», кликнув по которой можно изменить как сам комментарий так и личные данные. Так же с помощью этого плагина можно рядом добавить ссылку «Delete request» (Запросить удаление комментария), но я счел это ненужным. Почему плагин переведен на русский язык как-то выборочно для меня остается загадкой. Этот плагин тоже дает сразу 2 жирных плюса:

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

• Сохранение данных подписчика. Мне лично очень не нравится, когда на каком-нибудь блоге данные комментатора не сохраняются и каждый раз при написании нового комментария их приходится вводить заново. Не сохраняться они могут по-разным причинам, например если у вас установлен скрипт Кэш для WordPress.
• Можно в этом плане пойти еще дальше и установить скрипт Привет, комментатор. В этом случае, посетителям, которые ранее уже оставляли комментарии на вашем блоге вообще не будут отображаться поля для ввода личных данных, а вместо этого будет написано: «Рад снова видеть Вас, [имя]!» (Или любой другой текст). На всякий случай рядом размещается ссылка «изменить данные», при нажатии на которую отображаются поля ввода имени, e-mail’a и сайта. В действии этот скрипт вы можете увидеть на данном блоге.
• WordPress трюк: определяем подписавшихся на комментарии – интересная статья о том, как можно определить, кто из комментаторов подписан на уведомления по e-mail и отобразить в его комментарии соответствующую каринку или текст. Это полезно для того, чтобы перед тем, как отвечать на чей-либо комментарий можно было посмотреть, подписан ли этот человек на уведомления по e-mail и, соответственно, увидит ли он ваш ответ. Правда для этого нужно, чтобы на блоге был установлен плагин Subscribe to Comments (идет в стандартной сборке wordpress), а я им в данный момент не пользуюсь – по этому пока что думаю как это организовать с моим любимым WP Thread Comments.

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

Юзабилити в wordpress. Часть 2 – навигация

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

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

Отличительные черты хорошей навигации:

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

Вот пример хорошо выделенной навигации:

Банальщина? Вот какой сайт висит на 3-м месте в яндексе по запросу «новостной портал»:

Если посетитель заблудился на сайте, то это не значит, что он «умудрился заблудиться». Значит навигация слишком запутанная, как на вышеуказанном сайте, либо просто она НЕ интуитивно понятная. И он не будет сидеть и ломать голову, как же пользоваться вашим сайтов, а просто уйдет к конкуренту.

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

• Хороший вариант – использование картинок в сочетании с текстом.

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

• Использование кратких описаний для каждого пункта меню – вообще отличное решение:

• Для любой CMS есть плагин хлебные крошки (breadcrumbs), который отображает место сайта, в котором вы находитесь. Объяснить на словах довольно сложно, проще увидеть глазами:

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

Для wordpress существует целое множество плагинов breadcrumbs, но сам я таковыми не пользуюсь, как и большинство других блогеров – из-за отсутствия большой вложенности страниц и, как я уже говорил, хорошей структурированности блогов.

• Постраничная навигация. Какие возможности она должна предоставлять посетителям:

- Переключение страниц в одно действие (один клик).

- Удобный переход на последнюю и первую страницу.

- Возможность переключения на следующую и предыдущую страницы.

- Удобочитаемый вывод списка страниц.

- Выделение активной страницы.

На данном блоге вы можете увидеть в действии плагин WP SEO Pager, который всё вышеперечисленно умеет.

• На последок расскажу, как я реализовал вывод ссылок на предыдущую и следующую статьи в виде их названий, которые, на мой взгляд, так же улучшают юзабилити. В работе эту функцию вы можете наблюдать на любой странице поста (single.php).

1. Зайдите в functions.php. Если в нем нет вот такого кода:

if (!function_exists('get_previous_posts_link')) {
 function get_previous_posts_link($label)
 {
 ob_start();
 previous_posts_link($label);
 return ob_get_clean();
 }
}

if (!function_exists('get_next_posts_link')) {
 function get_next_posts_link($label)
 {
 ob_start();
 next_posts_link($label);
 return ob_get_clean();
 }
}

if (!function_exists('get_previous_post_link')) {
 function get_previous_post_link($label)
 {
 ob_start();
 previous_post_link($label);
 return ob_get_clean();
 }
}

if (!function_exists('get_next_post_link')) {
 function get_next_post_link($label)
 {
 ob_start();
 next_post_link($label);
 return ob_get_clean();
 }
}

то вставьте его туда.

В то место шаблона, где вы хотите, чтобы отображалась навигация по статьям вставьтте вот этот код:

<?php
$prev_link = get_previous_post_link('&laquo; %link');
$next_link = get_next_post_link('%link &raquo;');
?>
<?php if ($prev_link || $next_link): ?>

<div class="navigation">
	<div class="alignleft"><?php echo $prev_link; ?></div>
	<div class="alignright"><?php echo $next_link; ?></div>
</div>
<?php endif; ?>

Конечно же классы navigation, alignleft и alignright вы можете заменить на свои. Я их не убирал для большей наглядности.

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

P.S. Информационный спонсор второй статьи из серии о юзабилити в wordpress – аренда туалетных кабин для стройплощадок, автобаз и заправок от OOO МКАД-СЕРВИС.

Юзабилити в wordpress. Часть 1 – поиск

В последнее время меня всё чаще стали интересовать вопросы по улучшению юзабилити (удобство пользования) своего блога. От этого очень сильно зависит, какое впечатление сложится у посетителей о вашем ресурсе. И, как ни странно, на эту тему в интернете очень мало информации. Статей то много – но все они очень поверхностные и, как правило, однообразные. Таким образом у меня родилась идея восполнить этот пробел в блогосфере и написать серию статей о юзабилити, в которой я поделюсь с вами всеми знаниями, которыми я располагаю сейчас и буду приобретать в будущем.

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

Начнем с общих сведений о поиске:

• Хотя на блогах поиск не пользуется такой популярностью у посетителей, как на обычных сайтах (потому что там контент не так хорошо структурирован, как на блогах), они всё же его используют, причем довольно часто.
• Судя по статистике поиска на моих блогах, да и если логически подумать – когда посетители всё же что-то ищут на блоге, то большая часть поисковых запросов состоит из 3-х слов и более. Это говорит о том, что они ищут что-то конкретное, а не просто общую информацию по интересующей их теме.
• Еще раз в этом я убедился, когда прочитал на smashingmagazine.com о том, что оптимальное поле поиска должно быть размером в 27 символов. Конечно и в маленькое поле можно вписать длинный поисковый запрос, но это не очень удобно и редактировать этот запрос становится сложно. Не думаю, что это столь критично по отношению к блогам, но если у вас есть возможность увеличить поле ввода поискового запроса (если дизайн и структура темы позволяют), то это всё же стоит сделать.
• Вообще поисковая форма не должна находиться где-нибудь в самом неприметном месте вашего шаблона. Сделайте ее большой, заметной и расположите на видном месте – это облегчит вашим посетителям поиск нужной им информации.

Для изучения статистики поиска по блогу я использую плагин Search Meter. Он ведет учет всех запросов, которые посетители вводили в поисковую форму и записывает результаты каждого поиска: сколько материалов было найдено по запросу и были ли вообще результаты поиска. Эти сведения очень полезны, когда аудитория блога уже сформировалась и вы можете видеть, что люди ищут и находят ли они это. Если посетители часто ищут то, чего на блоге нет, то это хороший повод написать на эту тему пост.

Другой способ отслеживания поисковых запросов на своем ресурсе – включить такую функцию в вашем аккаунте Google Analytics. Для этого нажимаем на кнопку «изменить» на профиле нужного сайта, и еще раз жмем «изменить» напротив надписи «Основная информация профиля веб-сайта». Внизу видим подзаголовок «Поиск по сайту«. Настраиваем:

Параметр запроса – параметр id, который находится в тэге input поисковой формы на вашем блоге. По умолчанию в wordpress этот параметр – s.

На следующий день после включения этой функции в панели инструментов Google Analytics появится новый пункт – поиск на сайте. В нем вы сможете увидеть, что посетители ищут на вашем сайте и с каких страниц они вводили эти запросы.

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

Есть еще один хороший плагин для поиска – Search-in-Cat. Он позволяет пользователям выбирать категорию, в которой нужно искать.

Или добавить вот такой чекбокс рядом с поисковой формой:
Себе я его пока не устанавливал, т.к. практически по любому запросу в результатах поиска у меня отображается не более 8-10 результатов – блог довольно молодой и статей еще не так много. На крупных блогах с большим количеством статей, лично мне, часто такой возможности очень не хватает, чтобы быстрее найти нужную информацию.

Это всё. Продолжение ждите в следующем посте из этой серии.

P.S. Хотите скачать песни в формате mp3 бесплатно и без регистрации, но никак не можете найти, где это можно сделать без проблем? Тогда добро пожаловать на музыкальный сайт Mp3Albom.

Как повысить конверсию трафика?!

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

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

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

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

Что нам это дает:

• мы можем найти на нашем ресурсе «мертвые зоны» – то есть области, на которые посетители нашего ресурса обращают меньше всего внимания и вследствие этого…
• оптимизировать интерфейс и повысить юзабилити
• найти наиболее активные зоны и разместить там ключевые элементы сайта, если говорить о конверсии – то рекламу, баннеры и т.д., увеличив этим самым количество кликов по ним
• проанализировать различия в поведении разных посетителей (напр. пришедших из поисковых систем и перешедших по ссылке) и акцентировать внимание на самых жирных, т.е. приносящих больше всего денег. Для этого в сервисе есть возможность установить фильтр посетителей по определенным критериям (напр. по продолжительности пребывания на сайте или по переходу с определенного урла)

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

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

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

Оптимизируем wordpress для людей и ПС

Улучшение юзабилити (от англ. usability – удобство, простота использования) и оптимизация блога это безусловно настройки, которые  должен произвести каждый блогер. По этому в рамках конкурса: «Апгрейд блогосферы» от Сергея Бирюкова пишу это руководство по улучшению юзабилити и SEO оптимизации для начинающих блогеров. Хотя я думаю, что и опытные блогеры смогут почерпнуть полезную информацию из данного руководства.

Почему юзабилити на 1-м месте? А потому что блог существует в первую очередь для людей, а не для роботов. Хотя одно другому не мешает, по этому отдадим должное внимание и SEO, и юзабилити.

1. Оптимизируем конверсию подписчиков и комментаторов:
   • Ставим большую и заметную кнопку подписки на RSS и на обновления по почте.
   • Устанавливаем плагин Subscribe remind – вставляет запись типа: «Если вам понравился пост, подпишитесь на RSS или на обновления по e-мэйл» после каждого поста. После установки не забудьте отредактировать выводимый текст и внешний вид здесь: плагины – subscribe remind – изменить.
   • Плагин WP Thread Comment – отличный плагин, совмещающий в себе 2 очень важные функции: возможность оставлять древовидные комментарии и подписаться на ответы на свои комменты по почте.
   • Устанавливаем скрипт: «Привет, комментатор!« Если посетитель блога ранее оставлял комментарий, то при следующем комментировании он увидит надпись: “С возвращением, %Имя комментирующего%!” При этом поля Имя/E-mail/URL спрятаны, как ненужные в данный момент элементы, остается только поле для комментария.
   • Дайте возможность вашим комментаторам добавить картинки в свои комменты и возможность предпросмотра комментариев.

   Установите jQuery-cкрипт “Добавить в закладки” (by Dimox), который дает возможность быстро добавить понравившийся пост в свой любимый сервис социальных закладок.

   • Установив плагин dofollow вы привлечете больше комментаторов на свой блог, в том числе и спамеров, но на это Akismet вам в руки. Кстати мой блог является членом движения dofollow.
   • Установите плагин топ комментаторов, который так же активирует деятельность комментаторов на вашем блоге.
   • Естественно не забываем всячески стимулировать читателей оставлять комментарии (задавать вопросы, просить высказывать свою точку зрения, дополнять пост в случае, если вы что-либо упустили и т.д.)
2. Устанавливаем Переключатель размера шрифта сайта – юзабилити взлетает.
3. Ставим красивую и очень удобную форму обратной связи cforms для того, чтобы ваши посетители могли в любой момент с вами связаться. А может быть кто-либо хочет стать вашим спонсором. Подумайте, кому это нужнее: вам или кому-то там еще?
4. SEO pager – отличный плагин, который добавляет в ваш блог полностью настраиваемую визуально и удобную постраничную навигацию. Пример вы можете увидеть, если опуститесь в самый низ этой страницы. Как видите, это повышает и юзабилити, и упрощает поисковым ботам индексацию всех страниц блога.
5. Плагин Platinum SEO Pack – усовершенствованная версия All in one SEO pack. Это просто мега плагин, который сделает за вас половину работы. Он поможет оптимизировать заголовки, описания, ключевые слова, избавиться от дублированного контента (можно поставить noindex для рубрик, архивов, комментариев (могут понизить плотность ключевых слов, а значит и позицию в поисковой выдаче), RSS-ленты и nofollow для ненужных ссылок), добавить теги noodp (запрещает гуглу брать описание сайта из dmoz для сниппета - короткое описание сайта, которое отображается в результатах поиска под адресом сайта) и nodir (выполняет ту же функцию, но в отношении Yahoo! Directory).
6. Так же этот плагин осуществляет редирект 301 если вы перешли на постоянные ссылки, что я вам очень рекомендую сделать (параметры – постоянные ссылки). Постоянные ссылки по умолчанию в wordpress являются динамическими (http://web2.0blog.ru/?p=123), но они и выглядят не очень то эстетично и поисковики больше любят статические ссылки типа http://web2.0blog.ru/archives/123. У меня постоянные ссылки, как вы наверное уже заметили, выглядят вот таким образом http://web2.0blog.ru/posts/%post_id% Единственное, что нужно заметить – это то, что если у вас на протяжении долгого времени стояли ссылки одного вида, то когда вы их измените, все ссылки на ваши посты для поисковиков просто исчезнут, так как будут ссылаться на несуществующие страницы. Посетители же, которые будут заходить на ваш блог по этим ссылкам даже ничего не заметят, так как Platinum SEO будет их перенаправлять на ту же страницу с новым адресом. К чему я всё это? Менять структуру ссылок блога нужно в самом начале его существования, в противном случае это аннулирует всю вашу работу по наращиванию ссылочной массы.
7. Simple tags – отличный плагин, который делает очень удобной работу с метками, ключевыми словами и помимо этого имеет функцию вывода ссылок на связанные записи после каждого поста, что очень повышает юзабилити и помогает удержать читателей на блоге.
8. Google (XML) Sitemaps Generator – этот плагин установит и будет автоматически обновлять карту сайта, когда вы добавляете новый пост. Она поможет поисковым ботам беспрепятственно проиндексировать все страницы вашего блога.
9. Устанавливаем плагины WP Super Cache и WP Widget Cache для уменьшения нагрузки на сервер и уменьшения времени загрузки страниц.
10. SEO smart links и SEO friendly images – 2 отличных SEO плагина от одного автора. SEO smart links – плагин для автоматической внутренней и внешней перелинковки – вы можете задать, какие слова будут автоматом линковаться с каким либо сайтом (у меня, например, мое имя автоматически ссылается сюда).  Пример внутренней перелинковки: все слова «блог» будут ссылаться на тег «блог», что влияет на поисковую выдачу по данному запросу. SEO friendly images – автоматически вставляет описания к картинкам, если вам это лень делать самим, хотя я лично рекомендую не лениться.

Вот такое вот получилось длинное и подробное руководство, я даже сам не ожидал. Я не планировал сделать очередную подборку плагинов, но судя по всему так и получилось. Надеюсь руководство вам пригодилось и вы не зря потратили время на прочтение данного поста. До скорых встреч!