Обзор PublicWeb

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

Вот отдали мне на съедение блог Кузьмина Евгения. Это типичный авторский бложек, претендующий на настоящую топовость (а то 180 читателей — это тьфу, просто автор еще не развернулся в полную силу). Содержание и материалы — мэйнстрим, приемы тоже. Но это скорее плюс для блоггера именно как «блоггера».

Зато блог — авторский и часто попадающий в десяточку со своими постами. Впрочем, не нравился бы мне местами контент (<irony>а мне сложно угодить, даааа</irony>), я бы не повелся на предложение. Единственное, насчет самого Евгения у меня не сложилось четкой картинки личности, но виной всему, наверное, моя невнимательность (плюс отсутствие общения с человеком и то, что он подписывается у других как milax), а не недостаток персональности в блоге.

Орфография и грамматика не подлежит перепроверке.

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

И буду прикапываться к мелочам.

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

Возможно, в эпоху RSS это кажется не важным, но у хорошего блоггера должен быть свой стиль. Знаете, вроде как «взбалтывать, но не смешивать», или убивать андроидов, засовывая им банан в выхлопную трубу (кто-нибудь помнит, откуда это?). Так что, если нравится именно эта тема, нужно ее немножко подправить под себя, добавить изюминки.

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

К тому же, уже указали, что человеку, советующему верстать правильно, не к лицу невалидный HTML в блоге. Я же скажу, что даже валидный хаос в нем — плохо. Хотя можно долго спорить о том, что «отображается и ладно» — это неправильный подход.

Мета

meta name="keywords" от All-in-SEO-pack — крут, добавляет одну категорию в список кейвордов. Теги совсем не заполняешь? Они могут помочь.

Можно вдобавок ко всему использовать OpenID авторизацию со своего блога.

Помимо отсутствующего sitemap.xml нет также и robots.txt, который помогает поисковикам.

Оптимизация

Количество подключенных CSS (5) и js (7) зашкаливает за единицу разумного. Их размеры — тоже. Кроме того, один style даже определен прямо на странице! Собственно, как и один скрипт на js.

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

Основной style — 15Кб!!! Его можно и нужно минимизировать. И избавиться от гарнитур шрифтов в кавычках. И убрать кучу лишних классов.

Для чего же вообще нужны некоторые из js, я не могу понять до сих пор.

Изображения, использующиеся в оформлении — засунуть в CSS Sprite, т.к. их 30 штук. Половину из них можно сохранить в png и чуть пожать — выигрыш в размерах составит до 20%. Одного файла (date-bg.gif) вообще нет на диске.

Я вообще удивляюсь, как при таком количество файлов (и, соответственно, соединений) сайт еще грузится. Провайдер и кеширование спасает?

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

Хедер и футер

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

Помимо точки, у хедера есть самый распространенный недостаток — использование доменного имени. Это дурная практика, которая не имеет ничего общего с «улучшенной запоминаемостью сайта». Лучше оставить один «PublicWeb», а также выделить надпись «Блог Евгения Кузьмина» (если уж не ФИО, то лучше пустить именно в таком порядке). Тогда сам дескрипшн можно будет пустить ниже.

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

По HTML. Блок поиска — внутри headerimg (где находится h1 и decription), хотя навигация — в отдельном. Div с description оформить не class, а id (соответственно, #description) — он один на странице.

В целом, хедер требует глобальной переработки.

Футер

Кстати, белая полоса с САПой — это гениально, реклама в этом месте действительно не заметна.

Зато дефис в диапазоне 2007—2008 — это не тру, нужен &mdash;.

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

2007<?php if(date('Y')!='2007') echo "&mdash;".date('Y'); ?>

Проверка — да, лишнее, но если только блог не заведен в текущем году.

Ссылка на хедере, ведущая на главную, не должна стоять на главной (решение проблемы).

Враппер

Зачем в ленте постов нужен wrapper, когда врапом выступает некий #page? Можно сделать чище и избавиться от лишних вложений.

В конце #page стоит невидимый hr class="clear". Он же еще и в футере. Такие вещи лучше делать бэкграунд-картинками, или бордером — т.к. hr является семантическим разделителем, а не элементом оформления.

Оформление поста

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

Прямоугольничек с закругленными краями делается двумя дивами. Ну, т.к. заголовок может в две-три строки, это нормально.

Зато у тебя спан с датой находится прямо в h2, где должен быть, по идее, один заголовок. С точки зрения SEO — это тоже плохо.

Дата зеленым, как и основной заголовок блога («PublicWeb.ru») — зачем? Зачем эта картинка — как и многие элементы, она не используется больше нигде, а метафора пиктограммы не читается вообще.

Метафоры особой на иконке с категорией внизу тоже нет. На «отзывах» — еще ладно, но там в качестве символа «дальше» используется _»_ — закрывающая лапка! У тебя есть стрелочки в сайдбаре — не бойся их использовать.

Отбивка постов в ленте друг от друга не достаточна — несмотря на синий гламурный прямоугольник, все кажется, что «отзывы» — к нижнему посту, а не к верхнему.

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

Ссылки традиционно синие, а вот visited для них — не прописаны.

И да, лучше использовать the_excerpt (с плагином его автозаполнения) или осмысленный кат <!--moreКакой-то крутой тизер-->. В фиде посты будут отдаваться по умолчанию полностью, а мы получим незагруженную главную страницу. Это хорошо и для SEO — контент в категориях становится менее «дублированным».

Кстати, внутри поста (single.php) отображается имя автора под заголовком — у вас там больше, чем один автор?

RSS

К последнему абзацу из предыдущей главки — у тебя в фид отдается анонс! А на главной — простыни! Проблема точно требует решения.

Если собираешься и дальше отдавать «тизеры» в RSS, то однозначно надо что-то делать с простынями на главной. Кроме уже описанного ката и excerpt, можно сделать, как у меня.

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

Написание поста

Видно, что используется визуальный редактор. При написании постовых используешь несколько подчеркиваний (логичней как раз hr). Из-за этого парсер превращает строки не в параграфы, а разбивает все br. Это косяк.

Списки-сиськи-писки. Либо просто вручную ставишь циферку вместо ol-li, либо заключаешь в h3 вместе с цифрой, как здесь. Куда потерялась семантика?

Дополнительные элементы

Следует избавиться от повторяющихся элементов в основной ленте. Когда-нибудь задумывались, приятно видеть на одной странице 10 предложений подписаться, 10 уведомлений о конкурсе? На «главных» страницах это недопустимо — одного раза даже самому тупому достаточно (к счастью, их нет в RSS). Оставить их только на single.php.

«Внимание! Конкурс для блоггеров!» выделен в параграф с инлайновым, да еще невалидным при использовании XHTML атрибутом align="center". У тебя в стилях определен .center, поэтому нужно так: &lt;div class="center">...</div>.

Предложение подписаться сверху отбивается, опять же, подчеркиваниями — нужен border-bottom в CSS.

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

Закладки на страницах (page.php) зачем? Кто будет портфолио или об авторе сохранять в соцзакладках?

Рейтинги. Самая бесполезная вещь. Всегда ставят пять, для определения популярности статьи можно использовать и другие критерии. При наведении на звездочки (выглядящие иднородным элементом, к тому же, красные — ну нет такого у тебя цвета) верстка плывет вниз.

Если уж хочется их оставить, то лучше скомпоновать блок с закладками в одну строку, избавиться от ненужного и ужасного текста («никто не голосовал», «1 голосов, среднее: 5 с 5»).

Комментарии

Лента комментариев вполне вливается в общую тему. Можно ее сделать посветлее, чтобы не так бросалась в глаза. И раз уж начал использовать зеленый цвет (хедер, даты), то можно выделение авторского комментария сделать зеленым. Хотя и красный, в общем-то пойдет.

Раньше явно использовалась зебра — чередование синего прямоугольничка коммента и просто белого фона. От этого осталось пустое class=" «. А из-за не совсем верного скрипта авторского выделения, получается лишний пробел в нормальных class=»alt " (зачем alt, если все одинаковые?). Чтобы убрать пробел, надо добавлять по проверке не «author», а « author».

Смайлики, как всегда, рвут строки — это решаемо. Самое простое — сделать их текстовыми, конечно.

Номер комментария — лишний, если не перевешивать на него анкор на комментарий с даты.

В тег cite входит не только имя комментатора, но и номер комментария. Почему-то.

Аватары (граватары) у тебя подставляются плагином? Я не могу объяснить, зачем там нужен очередной инлайн-CSS style='float: left; margin-right: 10px; border: none; display:inline;', да еще c width и height в качестве атрибутов.

«подкинул(а) вот такую мысль: „ — эта унисекс-надпись мешает. Метаинформацию в комментариях можно скомпоновать поприятней и без избыточности.

На дате ссылка с пустым title=“».

Форма оформлена неплохо, хотя серые кнопки добавления тегов — из другой оперы. «(обязательно)» можно вынести звездочкой-сноской, «(не будет опубликована)» — я думаю, уже всем и так понятно.

Инпуты разделены параграфами p, правильней будет дивами (т.к. это не параграфы).

«Смайлы закрывающаяся-елочка» лучше сделать подчеркнутой пунктиром ссылку «Добавить смайл».

Чекбокс подписки на почту должен быть до кнопки «добавить» (делается это перемещением экшна).

Предпросмотр комментария кто-нибудь вообще использует? Теги в комментариях кто-ниубдь использует? Точно все это надо?

Сайдбар

Наконец, дошли до сайдбара. Большая куча всего, да. Хаос, зато выдержанный в одном стиле. Более-менее.

RSS-подписка. Я не понимаю, за что нравятся все эти псевдокрасивые иконки RSS. Она не попадает в стиль. Она других цветов. К тому же, это трехмерный билборд на плоской поверхности, зависший в воздухе, с почему-то зеленым значком медицинской помощи. Лучше поискать что-нибудь на rssicons стоящее, или нарисовать самому.

Под ней опять дублируется кнопка RSS Статьи, а потом еще зачем-то RSS всех (!) комментариев, на которые никто не подписывается. А вот возможности подписаться на RSS комментариев к записи нет, нет link rel для автоматической подписки, нет пиктограммки для ручного кликанья. И да, это список RSS выделен зачем-то этими стрелочками для списков синего цвета, хотя у них уже есть метафора-пиктограммка.

RSS на почту лучше делать формой прямо в сайдбаре, но если нельзя — то стандартная кнопка ужасна.

Про баннеры 125×125 уже писал — они рядом с кнопкой подписки, вверху самого поста, где и так уже есть реклама. На рекламе epochta не стоит target=_blank, поэтому ссылка открывается в этом же окне.Да и баннеры — не баннеры, а просто рефы. Смысл так надоедать ими? Середина поста просит свою долю.

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

Архивы при этом точно не нужны. Тем более, что даты у тебя не русифицированы (ни в предпросмотре, ни в архиве) — есть для этого замечательный плагин Russian Date.

А потом вдруг идет куча картинок-пузомерок. Ну е-мое.

Вообще бы, выделить как-нибудь сайдбар... ну или лучше, все-таки сменить тему на что-нибудь более приятственное. И сделать ее качественно.

Постскриптум

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

Но если вы подписались на обновления publicweb, значит, дело линкбайтинга живет и процветает!