Обзор blogomob.ru

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

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

Вот и Блогомобу{точка}ру эта стилистика к лицу.

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

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

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

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

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

Скажем, оптимизированная под 1024×768 тема в этом разрешении занимает весь экран — от сих до сих. Возможно, стоило бы ее немного ужать, пожертвовав шириной основного текста. В любом случае, предложения длиннее 5-6 слов становится уже труднее читать. Хотя в этом случае возникает проблема, как вместить баннер ГлавМеда.

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

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

Главная страница →
Страница →
Пост →

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

Простыня на главной, вообще, длинновата — хотя есть отличные числа 5 и 7, которые, по старинным поверьям приносят гораздо больше удачи, чем десятичная система исчисления. И в тексте случаются опечатки, а grammar nazi дремлют только пока — каждый порядочный блоггер с претензией на мастистость должен следить за русским языком.

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

По технической стороне все просто — валидатор выдает 492 ошибки и почти столько же предупреждений. А все потому, что в половине кода используется HTML4, а в половине XHTML (а доктайп стоит последнего). Не так, чтобы все это было так страшно, но проблем у кода куча.

К 5 подключенным файлам js и 6 css (из которых один — ужаснейший wp pagenavi) добавляется еще четыре инлайновых блока стилей и скриптов, которые загружаются каждый раз.

Верхушка также не обернута стилем, а забита инлайном, в хедере зачем-то используется таблица... Синенькие панельки сверху и снизу почему-то разные (вверху — тонкая темная полоса снизу, внизу — тонкая светлая сверху), к тому же сделано через два дива, хотя достаточно использовать border. Не совсем понятно, почему каждый пост обернут в два дива — с классом .entry и айди #post-NNN.

Ну и дальше все в том же духе. Даже style.css избыточен и повторяет себя в каждой третьей строке. И HTML, и CSS требуют серьезному переписыванию начисто.

Удивительно, что это все еще отображается нормально и грузится не сильно медленно. Все-таки кеширование — замечательно-сладостная штука.

Ну и последним пунктом укажу на отсутствие robots.txt, хотя в каждом из аудитов автора есть замечание по поводу необходимости sitemap'а. Так вот, инструкции для поисковых роботов — также важная штука.


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

И ведь есть что оборачивать!

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

Оценка — неплохо, которое может стать хорошо.

Обзор Блогомоба
 по тегам: ,
{15 комментариев} Подписка на комментарии

Да, еще мелочь — чекбоксу подписки в форме комментировании не хватает tabindex, чтобы по табу на него переходил курсор до кнопки но после текстареа.

Во, что я нашел: ссылка на чипп вверху и соцзакладки внизу. Это одного поля ягоды, так чего их раскидывать? Вместо соцзакладок от Джана, лучше выпросить скрипт у Димка, у него такой аккуратный красивый скрипт, который я как-то безуспешно пытался выцепить=)

Два емейла — лишнее. В смысле, в сайдбаре и в посте.

Локализатора темы — в костер!

Связанные записи при их отсутствии можно отключить. Есть опция в настройках плагина.

Я тоже аудитор!=)

Кстати вот.

Вопрос — социальные закладки на самом деле что-то дают кроме приятного чувства их наличия?

А то, как я писала, уже утомили блоги о сео, у которых нулевой PR\CY.

А искать авторитетную статью лень, лучше у тебя спрошу и поверю на слово )

+1

@Jehy: Добавление в соцзакладки дает только краткий скачок переходов, пока она висит на главной. И то незначительный. Индексируются сами ссылки редко и тяжко. В основном, в закладки добавляют сами авторы свои же статьи — с помощью всяких сабмиттеров.

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

Угумс, пасибо. Я тоже всё думала — к чему это пёстрое великолепие...

Кстати, можно камень в твой огород?

Сделай, пожалуйста, сверху страницы кликабельным только сам логотип (с надписью) — а то я, привычно зажимая среднюю кнопку планшета, чтобы скролить страничку, каждый раз ссылку открываю =_=

@Jehy: конечно, можно, только осторожно ^^.

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

А у меня тоже ссылки не подчеркнуты, это критично?

Для ссылок в основном тексте и если это не обосновано, да, критично.

о_О

не ожидал. Разгром отличный!

Да, Сергей, мне нужен был такой пинок! Теперь будет что исправлять и к чему стремится ;)

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

> Не совсем понятно, почему каждый пост обернут в два дива — с классом .entry и айди #post-NNN.

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

@blogomober: любым элементам можно присваивать одновременно до одного id и сколько угодно class. Т.е. вполне нормально вот так:

<div id="post-12">
<div id="post-12" class="entry">
<div id="post-12" class="entry blogomob">

Соответственно, лишние дивы — это плевок на семантику :)

Ах да, вот тебе еще один совет, социальный — заведи себе френдфид, в который слей свои 4 RSS-потока и твиттер в придачу. Ну, может, еще что-нибудь.

> /iskariot.ru/files/audit/blogomob-review.png

Идея с таким выражением оценки интересная.

Но вообще ты должен ненавидеть оценки циферками наравне со списками

@Арсений: ну это же структурированное объективное методологическое выражение экспериментального исследования.

А вообще, классика (единственное, очень не хочу выводить общую оценку — глупо это), против нее точно не попрешь.

С другой стороны можно трехмерный индикатор стремления к совершенству забацать — с градиентами и отражениями.

А здесь можно оставить свое мнение ↓ Подписка на комментарии
какие-то из следующих трех полей можно оставить пустыми


нет тегам!!! **эмоция**, __ирония__, >цитата, {[код]}