HTML5 — Section? Aside?

[ruslan.savenok]

Давайте поговорим об html5 семантике, как бы вы разметили данный макет?

[Nekromancer]

Может не надо?

[buddah]

Уфф...Уже столько обсуждали. Сил нет)

update: а по поводу макета - сделал бы точно так же. Можно конечно копаться и "мастур**ровать" на новые тэги, но это самый очевидный вариант.

Edited August 3, 2011 by buddah

[ruslan.savenok]

  On 8/3/2011 at 7:17 AM, buddah said:

Уфф...Уже столько обсуждали. Сил нет)

update: а по поводу макета - сделал бы точно так же. Можно конечно копаться и "мастур**ровать" на новые тэги, но это самый очевидный вариант.

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

  On 8/3/2011 at 7:17 AM, Nekromancer said:

Может не надо?

Почему не надо?)

Edited August 3, 2011 by ruslan.savenok

[Nekromancer]

  On 8/3/2011 at 7:27 AM, ruslan.savenok said:

Почему не надо?)

По моему это ещё одна холиварная тема, всё равно каждый, в итоге сделает по своему.

[buddah]

  On 8/3/2011 at 7:27 AM, ruslan.savenok said:

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

Ну и чем существующая в макете разметка не подходит спецификации html5?

  Quote

но как показывают исследования, сайты на правильном html5 попадают в топ чаще, чем подобные на xhtml.

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

[Softlink]

Nekromancer, ну так перенеси тему во флейм, делов-то))

[ruslan.savenok]

  On 8/3/2011 at 7:29 AM, Nekromancer said:

  On 8/3/2011 at 7:27 AM, ruslan.savenok said:

Почему не надо?)

По моему это ещё одна холиварная тема, всё равно каждый, в итоге сделает по своему.

Почему же холиварная? Каждый делает по своему, потому что нет у кого спросить.

Увы не нашел ни одного форума где сидит куча html5 разработчиков и обсуждают семантику.

  On 8/3/2011 at 7:30 AM, buddah said:

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

  Quote

The benefits of doing this are numerous from a search engine's point of view. Page segmentation allows a better understanding of the make-up of a page, allowing them to be examined more efficiently and increasing understanding of the relevancy of a page. Segmenting a page means a search engine can decide where to look for the main content, and spending less resources on menus, footers, header, advertising and other block elements. It would also allow search engines to rank multi-topic pages more accurately.

http://www.bigmouthmedia.com/live/articles/html-5--an-seo-mustknow.asp/5747/

И вот что пишет Google:

  Quote

It's always beneficial to organize your content so that visitors have a good sense of where one content topic begins and another ends. Breaking your content up into logical chunks or divisions helps users find the content they want faster.

Edited August 3, 2011 by ruslan.savenok

[buddah]

ruslan.savenok, это рассуждения и фантазии какого-то сеошника из какой-то сео-компании в 2009 году, а не пруф.

Я такую же статью могу накатать о нападении марсиан. Все будет красиво и обосновано.

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

  Quote

И вот что пишет Google:

Да понятно что если будут пихать <p> в <a>, то поисковикам это не понравится. Это всего-лишь общие рекомендации, а ты их подгоняешь под то, что тебе самому интересно.

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

Edited August 3, 2011 by buddah

[ruslan.savenok]

  On 8/3/2011 at 7:59 AM, buddah said:

ruslan.savenok, это рассуждения и фантазии какого-то сеошника из какой-то сео-компании в 2009 году, а не пруф.

Я такую же статью могу накатать о нападении марсиан. Все будет красиво и обосновано.

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

  Quote

И вот что пишет Google:

Да понятно что если будут пихать <p> в <a>, то поисковикам это не понравится. Это всего-лишь общие рекомендации, а ты их подгоняешь под то, что тебе самому интересно.

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

А гугл никогда не скажет

Вот например из статьи на хабре:

  Quote

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

По этому я склонен к мнению в СЕО блогах, чем делать как захочу

Вопрос по теме, должен ли я использовать figure в блоке акций?

    <ul>
      <li>
        <figure>
          <a href="#">
            <img src="#" alt="" />
            <figcaption>Offer Title</figcaption>
          </a>
        </figure>
      </li>
    </ul>

Edited August 3, 2011 by ruslan.savenok

[SelenIT]

Имхо, никакие figure тут не нужны. Остальная разметка вроде в тему, только насчет блока про "Salon Expert" я бы поколебался в сторону header вместо aside — всё-таки это полезная информация о самом салоне, которую вполне можно рассматривать как вводный текст, а не "нечто касательно связанное". Ну и городить UL ради двух картинок (карта сайта + обратная связь) я бы не стал, сделал бы простой строкой. И в футер явно микроформат hCard просится...

[Softlink]

а вместо nav>ul не пройдет menu>li ?

[Vlad]

Семантика это скользкая тема пока ещё. Вот скажем, что такое семантика? 1) Использование элементов по их назначению. 2) Набор правил для машинной обработки содержимого.

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

По второму пункту тоже надо конкретизировать, для какой конкретно машинной обработки делать. Для поисковиков? Яндексу важны микроформаты, Гугл настаивает на микроданных, т.е. им как-то фиолетово на теги HTML5. Что ещё? Речевые браузеры? Кто-нибудь видел хоть один, использовал, верстал под него?

Вот и получается, что семантика на уровне тегов пока находится в плоскости "поговорим о ней".

[ruslan.savenok]

Vlad, а как бы Вы разметили данный макет?

  On 8/3/2011 at 9:04 AM, Softlink said:

а вместо nav>ul не пройдет menu>li ?

Меню это по другой части http://dev.w3.org/html5/spec/Overview.html#menus

  On 8/3/2011 at 8:53 AM, SelenIT said:

Имхо, никакие figure тут не нужны. Остальная разметка вроде в тему, только насчет блока про "Salon Expert" я бы поколебался в сторону header вместо aside — всё-таки это полезная информация о самом салоне, которую вполне можно рассматривать как вводный текст, а не "нечто касательно связанное". Ну и городить UL ради двух картинок (карта сайта + обратная связь) я бы не стал, сделал бы простой строкой. И в футер явно микроформат hCard просится...

У меня логотип, Salon Expert и 2 ссылки в шапке обернуты в <header>

Про микроформаты спасибо, почитаю.

[Vlad]

Да так же бы и разбил как вы. За исключением <ul>, это уже стереотип какой-то, всюду пихать списки. Здесь всего две картинки, зачем ради них список городить, да ещё и настраивать его через стили.

И пожалуйста, не пишите "вы" с большой буквы, на форуме я такое не поощряю. Не можете, пишите "ты", и то правильнее будет.

Вот здесь про микроформаты и Яндекс

http://help.yandex.ru/webmaster/?id=1111995

[ruslan.savenok]

  On 8/3/2011 at 9:29 AM, Vlad said:

Здесь всего две картинки, зачем ради них список городить, да ещё и настраивать его через стили.

Привычка все делать текстом

    <ul class="secondary-links">
      <li><a href="#">Карта сайта</a></li>
      <li><a href="#">Контакты</a></li>
    </ul>

[SelenIT]

  Quote

а вместо nav>ul не пройдет menu>li ?

Имхо, в данном случае — никак нет. Здесь это именно навигация по разделам сайта, а не меню приложения.

[Softlink]

  On 8/3/2011 at 9:23 AM, ruslan.savenok said:

  On 8/3/2011 at 9:04 AM, Softlink said:

а вместо nav>ul не пройдет menu>li ?

Меню это по другой части http://dev.w3.org/html5/spec/Overview.html#menus

  On 8/3/2011 at 9:34 AM, SelenIT said:

  Quote

а вместо nav>ul не пройдет menu>li ?

Имхо, в данном случае — никак нет. Здесь это именно навигация по разделам сайта, а не меню приложения.

Да, соглашусь, выдвинул в качестве гипотезы.