Информационный сайт

[kir]

e-book-reader.ru

Основная задача сайта: предоставлять контент в удобочитаемом и приятном виде.

Прошу поругать, оценить

1. Общее впечатление.
   
2. Дизайн.
   
3. Юзабилити.
   
4. Типографику.
   
5. SEO.
   
6. Верстку.
   

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

Рабочая среда: сайт разрабатывался и тестировался только для актуальных версий 5-ти популярных браузеров (Chrome, FF, IE, Opera, Safari) под Windows.

P. S. Логотип сознательно сделан так, чтобы он не привлекал внимания.

Edited April 25, 2012 by kir

[ShumNo]

Люблю чистые сайты, где главное на сайте это контент

Я бы немного увеличил размер шрифта заголовка и отступ между тизерами материала

При просмотре полной версии материала возможно информация под заголовком о кол-ве комментариев не нужна

[Pasha]

Было бы ещё круто, если бы при нажатии на кнопку, которая разворачивает тему, открывалась не ссылка с темой, а на главной же старнице тема разворачивалась, как на iguides.ru

[Catherine]

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

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

Edited April 25, 2012 by Catherine

[Viper]

Основная задача сайта: предоставлять контент в удобочитаемом и приятном виде.

С основной задачей вы справились хорошо, если говорить исключительно про десктопных пользователей, ИМХО.

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

Рабочая среда: сайт разрабатывался и тестировался только для актуальных версий 5-ти популярных браузеров (Chrome, FF, IE, Opera, Safari) под Windows.

под IE7-8 не тестировали? Chrome показивает, что вы стили подключили между HEAD и BODY...

Прошу поругать, оценить

1 Общее впечатление.

2 Дизайн.

3 Юзабилити.

4 Типографику.

5 SEO.

6 Верстку.

1. Первое - положительное, даже очень. Если общее, то неплохо, но верстка(код) впечетление портит.

2. Мне нравиться. Всегда одобрял мягкие тона и "чистоту" для сайтов предназначеных для чтения.

3. Тоже плюс. Разве-что я бы добавил еще title на логотип, когда он являеться ссылкой.

4. Не силен... Но вроде, хорошо.

5. Ну SEO оптимизация и верстка тесно связанны. Хотя спам-метод все еще рулит, как не прескорбно...

6. Слабенько, особенно на глаза давит табличная верстка и практически полностью отсутсвует семантика.

П.С. Если интересуют более детальные минусы верстки, могу сделать краткое ревью кода.

Зрение у меня отличное и шрифт не беспокоит, но думаю, таких не много, и чуточку, буквально на 1рх, увеличить не помешает

+1.

Когда-то читал, что более читабельные являються шрифты кратные 2-м, может и ошибаюсь... Но думаю, 14px будет самое оно, ИМХО

[wildhind]

Нормальный сайт. Код, конечно, хреновенький. Но кто, кроме нас, смотрит в код?

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

Огромный жирный плюс: сразу понятно, о чём этот сайт и зачем он. У таких сайтов и появляется аудитория, такие сайты и читают.

Дизайн не мешает восприятию информации — уже замечательно, отлично и превосходно. Уже только по этому параметру сайт с ходу лучше примерно 80% сайтов рунета.

Однако, дизайн может и помогать и привлекать. Вам есть куда расти.

Будете писать, развивать этот сайт — будет ему счастье и долгая жизнь.

[Viper]

Но кто, кроме нас, смотрит в код?

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

[wildhind]

ок, ладно.

Поисковики(SEO),

Псевдонауку, основанную на мифах, всерьёз воспринимать вряд ли стоит.

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

Во-первых, слово «становится» пишется без мягкого знака.

Во-вторых, шлака действительно много, но на него ориентироваться не стоит.

помогающим людям с ограниченными возможностями или чтения с екрана

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

частично некоторые мобильные устройсва.

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

Это репутация в мире ИТ(в будущем...), а ИТ-шников, на сайте такой тематики, будет не мало.

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

Есть ряд случаев, когда качество кода действительно важно. Это не тот случай.

[buddah]

e-book-reader.ru

Основная задача сайта: предоставлять контент в удобочитаемом и приятном виде.

Прошу поругать, оценить

1. Общее впечатление.
   
2. Дизайн.
   
3. Юзабилити.
   
4. Типографику.
   
5. SEO.
   
6. Верстку.
   

1. Похоже на смесь Хабра и Википедии. И это хорошо. В том смысле, что не самые плохие представители жанра, где контент ценится намного выше оформления. С основной задачей ты справился.

2. Согласен с замечаниями на счет футера. А так - цвета приятные, читается легко, ничего лишнего. Над лого я бы еще подумал. Можно сделать и красиво и не отвлекающе одновременно.

3. Всё понятно, контент легко доступен. Nuff said. Единственное - я бы шрифт увеличил на 1px.

update: а зачем форма поиска на отдельной странице? Если не хочется лепить поле для ввода - сделай выезжающую плашку, как в браузере при Ctrl-F например.

4. Ну а типографика че? Стандартная такая типографика. Чисто - и слава Богу. Отступы в основном правильные, места достаточно, глаз не замыливается.

5. SEO - это дублирование заголовка в ссылке read more? Это делается автоматически? Тогда хорошо.

6. Код плохо отформатирован, трудно читать. Наверное ты старался сделать все быстро. Таблицы не всегда там, где они по-настоящему нужны.

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

P.S. Проголосовал за вариант 5 если чо.

[Viper]

Псевдонауку, основанную на мифах, всерьёз воспринимать вряд ли стоит.

Это говорит человек, который в SEO ничего не смыслит... (Сами говорили). А что вы знаете то о SEO, раз такое утверждаете? И вы, могу предположить, считаете, что рекомендации, того же Гугла - понты, пустые слова?

Во-вторых, шлака действительно много, но на него ориентироваться не стоит.

Шлака? А для кого вы сайты то делаете? Нету слов...

[ирония]Хм... а это, случайно, не вы писали вопрос на Хабре "Я ненавижу людей"?[/ирония]

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

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

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

Одна из сотен статей на эту тему Статья.

Мобильные устройства вот этот сайт с говёной вёрсткой отображают нормально

Вы уверенны? и на каких же?

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

Есть ряд случаев, когда качество кода действительно важно. Это не тот случай.

Да.. тайна, однако, страшная...

По важей логике, половина пользователей Хабра - форумные троли...

Edited April 25, 2012 by Viper

[wildhind]

По важей логике, половина пользователей Хабра - форумные троли...

не думаю.

Там их как минимум 95%.

Я имею в виду активных комментописателей.

Адекватный народ редко-редко там себя проявляет.

[Vin]

Сайт вызывает скорее положительное впечатление. Но могу указать слабые места:

1. Логотипа, как такового, нет

2. Границы основных блоков вроде и есть, но они еле заметны.

3. Отступы между основной колонкой и сайдабаром можно сделать побольше.

Это говорит человек, который в SEO ничего не смыслит... (Сами говорили). А что вы знаете то о SEO, раз такое утверждаете? И вы, могу предположить, считаете, что рекомендации, того же Гугла - понты, пустые слова?

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

[alexandr_v-vich]

kir,

Поставить протокол malito на подпись

Создание сайта: «КИР»

—, я думаю, ошибка) Хотя бы иконку конвертика рядом чтоли.

И цвета скудные. Их мало и половина из них серые) Ещё и светло-серые. Контраст для текста маленький.

В целом впечатление приятное, но долго находиться там мне тяжело.

Vin,

Вёрстка действительно влияет на SEO?

Ну я думаю title, alt. Потом meta-теги. Правильное употребление заголовков (h…). Iframe`ы хорошо так влияют, если не ошибаюсь.

А с семантикой html5 seo же тоже связано… ну или как-то в идеи же имеются там какие-то взаимосвязи?

Edited April 25, 2012 by alexandr_v-vich

[Viper]

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

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

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

- увеличить шанс того, что ваш сайт будет полезен(тематика, сама информация, что это более новая информация, тд...), при определенном запросе определенному пользователю, с помощь RDFa, microformats, информационных тегов/атрибутов(h1-h6, alt, тег title, мета-данные);

- улучшит постоение сниппетов, которые ведут на ваш сайт, в выдаче. Алгоритм их постоения скрывают... Но точно известно, что на них влияют микроформаты. Можно логически предположить, что еще и RDFa атрибуты. (Semantic Web)

- "обьснить" поисковику для какой языковой аудитории предназначен сайт, на каком он языке и для какого региона(в мире) будет более полезен(Геолокация, атрибут lang).

Edited April 25, 2012 by Viper

[kir]

Спасибо всем комментаторам за время и внимание, затрачиваемые на написание отзывов.

Про размер шрифта

Хорошо понимаю советы увеличить размер с 13px до 14px. Сам я, будучи слегка близоруким, временами на разных сайтах изменяю масштаб так, чтобы текст покрупнее становился. Однако, для своего сайта 13px выбрал осознанно, исходя из предпочтений и привычек большинства пользователей, которые имеют хорошее зрение и привыкли к мелкому шрифту. О предпочтениях и привычках судил по дефолтным шрифтам (без засечек) в следующих местах:

• Wikipedia: 13px;
  
• Livejournal: 13px;
  
• ВКонтакте: 11px;
  
• Kinopoisk: 12px;
  
• Facebook: 13px;
  
• ОС Windows 7: 11px.
  

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

Хм, интересное мнение. С вами и buddah солидарен. Признаться, не ожидал, что это может показаться кому-либо некрасивым. Также как и со шрифтами делал этот отступ осознанно : ) Его цель — дать возможность скроллить так, чтобы для прочтения текста над футером и в самом футере не приходилось бы низко опускать взгляд. Т. е. этот отступ для улучшения юзабилити делал. В качестве примера для подражания брал Gmail:

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

Бесспорно. В моем случае фиксированная верстка является следствием отсутствия:

1. Опыта работы с адаптивной версткой.
   
2. Времени (а его в связи с пунктом 1. потребовалось бы много).
   
3. Острой необходимости в адаптивной верстке.
   

под IE7-8 не тестировали?

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

Я сознательно (опять-таки) кладу на неактуальные версии IE. Хотя даже IE9 не захотел отображать сайт совсем без багов (они незначительные и даже вряд ли кто заметит их, но все же есть парочка). Вообще говоря, меня настолько бесит огромное количество багов (поведений, не соответствующих стандарту) в современных браузерах (не только в IE9), что я решил попрощаться с профессиональной версткой и веб-дизайном. Оно того не стоит: вместо быстрого чистого кода с ожидаемым поведением приходится кругом костыли совать — оцениваю так в сравнении с программированием на C++, под .NET.

Chrome показивает, что вы стили подключили между HEAD и BODY...

Сие странно. Такого, конечно, у меня не наблюдается. Не поделитесь скриншотом?

Если интересуют более детальные минусы верстки, могу сделать краткое ревью кода.

Буду признателен. Разумеется, допускаю, что там много лажи в коде, т. к. верстку начал изучать недавно (полгода назад) и мало ей занимался. Однако когда верстал, то старался следовать советам с htmlbook.ru (тем, которые запомнил после прочтения теории) — ожидал, что серьезных косяков в верстке не сделаю.

P. S. Остальные советы и замечания обязательно прокомментирую, только чуть позже (сейчас со временем никак).

[buddah]

2. Границы основных блоков вроде и есть, но они еле заметны.

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

[kir]

Код, конечно, хреновенький. Но кто, кроме нас, смотрит в код?

Ага, в основном в код на сайтах смотрят другие верстальщики и, бывает, тестировщики. Это также как и с ПО: ну кто будет смотреть код OpenOffice-а или другой какой программы? — только программисты (здесь это обобщающее слово, обозначающее различных специалистов по разработке ПО).

А с тем, что код смотрят еще и

Поисковики(SEO), разнообразные программы...

тоже согласен. Так их, по-моему, мой код более-менее удовлетворяет:

• Верстал с учетом рекомендаций Google по SEO (на мое удивление Google проиндексировал сайт в течение суток после открытия для поисковиков — хотя, может быть, SEO-верстка на это и не повлияла).
  
• Safari Reader парсит код и нечто читаемое выдает.
  

Огромный жирный плюс: сразу понятно, о чём этот сайт и зачем он. У таких сайтов и появляется аудитория, такие сайты и читают.

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

Дизайн не мешает восприятию информации — уже замечательно...

Однако, дизайн может и помогать и привлекать...

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

Буду учиться. Дизайн мне интересен.

[kir]

1. Похоже на смесь Хабра и Википедии.

Интересный взгляд.

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

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

3. ...а зачем форма поиска на отдельной странице? Если не хочется лепить поле для ввода - сделай выезжающую плашку, как в браузере при Ctrl-F например.

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

4. Ну а типографика че? Стандартная такая типографика. Чисто - и слава Богу. Отступы в основном правильные, места достаточно, глаз не замыливается.

Забавно, что никто внимание не обращает (может, и видит, но молчит) на мягкие переносы в сочетании с полной выключкой. А ведь это нечастое явление для веба. Я-то ожидал, что найдутся ярые противники (например, среди подростков, которые читают только в вебе и бумажных книг не успели застать) и твердые сторонники — и начнется holy war : )

6. Код плохо отформатирован, трудно читать... Таблицы не всегда там, где они по-настоящему нужны.

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

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

[buddah]

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

Ну не знаю, я против подхода - верстаю таблицами где удобно. Семантика и все дела.

Верхнее меню - display:inline-block со всеми вытекающими.

карта сайта, поиск, рсс...аналогично

В лого я вообще не понял зачем таблица. Ну вот совсем не понял.

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

А еще у тебя в галерее вместе прописаны float: left и display: block; Но я так понял, что галерея тоже чужая.

[kir]

2. Границы основных блоков вроде и есть, но они еле заметны.

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

3. Отступы между основной колонкой и сайдабаром можно сделать побольше.

Ориентировался на отступ на Youtube — там 40px, а я сделал 40px + 1px (на border).

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

Насколько я разобрался, основное влияние верстки на SEO изложено главной SE в рекомендациях по SEO. У вас появилась возможность любить верстку еще больше ; )

Поставить протокол malito на... КИР... я думаю, ошибка) Хотя бы иконку конвертика рядом чтоли.

Согласен. Может даже раздражать ситуация, когда жмешь на "КИР" с ожиданием получить сайт разработчика, а вместо этого открывается почтовый клиент в ОС / загружается почтовый сервис в браузере. Однако т. к. в будущем для "КИР" ожидается все-таки ссылка на сайт и т. к., вообще говоря, мало кто из пользователей туда будет тыкать, то решил пока в качестве временного варианта оставить как есть.

И цвета скудные. Их мало и половина из них серые) Ещё и светло-серые. Контраст для текста маленький.

Градации серого в дизайне — это стилизация под изображение, которое выдают монохромные E-Ink экраны. Делать же всё серым не рискнул : ) — элементы управления оставил в привычном для веба синем цвете; ну и картинки цветные. Я рассуждал так: главное для большинства пользователей — это красивые картинки; после картинок — текст. Следовательно, надо было сделать такой дизайн, который всё внимание будет направлять на картинки — дизайн с легкими оттенками серого подошел идеально, т. к. с ним цветные картинки получают максимум внимания. Ну и для чтения текста серый (ближе к черному) хорошо подходит.

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

Edited April 26, 2012 by kir

[kvant]

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

[kir]

Верхнее меню - display:inline-block со всеми вытекающими.

карта сайта, поиск, рсс...аналогично

В лого я вообще не понял зачем таблица. Ну вот совсем не понял.

А еще у тебя в галерее вместе прописаны float: left и display: block; Но я так понял, что галерея тоже чужая.

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

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

Галерея чужая. А вот "float: left и display: block" я задаю для нескольких идущих подряд ссылок-превьюшек, как например здесь для пяти ссылок-превьюшек. Тут что-то не правильно? "display: block" для того, чтобы ссылки стали блочными элементами, а "float: left" для того, чтобы эти ссылки-блоки строились подряд по горизонтали.

[troll]

Галерея чужая. А вот "float: left и display: block" я задаю для нескольких идущих подряд ссылок-превьюшек, как например здесь для пяти ссылок-превьюшек. Тут что-то не правильно?

Все правильно, но можно сэкономить несколько байт, убрав display: block. Оно установится автоматически для элементов с display: inline, если float не none.

[kir]

Спасибо, не знал.

Edited April 26, 2012 by kir

[Viper]

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

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

первая, вторая

Возможно, они вас вдохновят =)

2. <html lang="ru">. Даст знать программам, что контент на вашем сайте на русском языке. Это уменшить число нежелательных пользователей, которые не знают русского, а попали случайно по запросу, например, Wi-Fi, E-Ink Pearl, тд... Другим программам даст знать как лучше работать с вашим контентом(например, не предлагать ли перевод) и тд.

3. Раз ваш сайт акцентирован на чтение, то стоит задуматься о правильном использовании тегов <strong> и <em>, <b> и <i>. О них можно много говорить, по этому я лучше дам ссылку на хорошую статью. Наведу практический пример(с тренинга Юры Артюха/akella):

В одном из проектов главным приоритетом была семантика, так как сайт будут посещать много людей с ограниченными возможностями и пограммы чтения с екрана там будут часто использоваться(не только этими людьми). При тестировании пришлось немного подправить семантику: люди жаловались, что текст в тегах <strong> слишков громко произноситься, а в тегах <em> не всегда было уместным акцентирование внимания на тексте внутри...

4. Тег <time> нужно указывать с атрибутов datetime:

<time datetime="YYYY-MM-DD"></time>

Именно он указывает программам на время/дату. Внутри тега синтаксис не важен. Убериться можно здесь, и заодно полезная стратья(wordpress).

5. Использование тега <nav>, как врапа для ссылок, указывает программе на принадлежность их к навигации страницы. Одно из основных предназначений - обрамлять им Содержание статьи(ссылки с анкорами). Мелочь, но кому-то будет полезной. А такие мелочи очень повышают отношение к сайту. Пусть таких пользователей будет и единицы, но если ваш сайт их "обрадует" такими нюансами, они могут порекоменовать его друзьям или даже написать о нем в своем блоге...

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

П.С. Если вдохновение будет вас переполнять, попробуйте еще - это (про RDFa). Стремная штука, но покурив денек-второй начинает вставлять