Кто использует семантическую верстку html5? Какие результаты?

12
J
На сайте с 07.10.2010
Offline
163
1983

Добрый день. С появлением html5 стали доступны новые теги семантической верстки: header, main, nav, footer, section, article и тд. Кто уже полностью перешел с обычной блочной верстки на семантическую? Какие результаты? Улучшается ли при этом оптимизация сайта? Благодарю за ответы.

R
На сайте с 17.03.2014
Offline
0
#1
Jaroslav:
Добрый день. С появлением html5 стали доступны новые теги семантической верстки: header, main, nav, footer, section, article и тд. Кто уже полностью перешел с обычной блочной верстки на семантическую? Какие результаты? Улучшается ли при этом оптимизация сайта? Благодарю за ответы.

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

I
На сайте с 20.05.2013
Offline
74
#2

Я сейчас тоже переделываю один сайт под семантическую верстку, достаточно интересная тема! Хотелось бы тоже узнать ответ!) Ждать долго просто)

altezzik
На сайте с 06.11.2011
Offline
247
#3

Пока никак не влияет вроде. Работа на перспективу.

J
На сайте с 07.10.2010
Offline
163
#4
romanigorevich:
Главное, чтобы позиции не слетели.

позиции вряд ли слетят.

Меня интересует, есть ли большой смысл переводить старые сайты на семантическую верстку html5?

Также согласно html5 на странице теперь можно использовать несколько заголовков h1 - внутри каждого нового тега section или article. Стоит ли это делать? Или пока придерживаться правилу - на одной странице только один заголовок h1?

А также как правильно оформлять заголовок h1 согласно спецификациям html5? Обязательно внутри тегов header или можно обойтись и без этого?

Пример:


<article>
<header><h1></h1></header>
</article>

или можно так?


<article>
<h1></h1>
</article>

И можно ли прописывать заголовок h1 внутри тегов main? Или его лучше указывать над тегом <main>?

J
На сайте с 07.10.2010
Offline
163
#5

Кто еще что может сказать по поводу семантической верстки? Интересует ответы на мои вопросы. Спасибо.

Ayavryk
На сайте с 11.10.2003
Offline
209
#6
Jaroslav:
Кто еще что может сказать по поводу семантической верстки? Интересует ответы на мои вопросы. Спасибо.

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

Jaroslav:
позиции вряд ли слетят.

Ну почему же? Если во время никому ненужной переверстки вы где-нибудь не закроете пару тегов и забудете какую-нибудь фичу то вполне может слететь.

Тынгыр, мынгыр, комсомол (http://erum.ru). Ехари, ехари, (жалобно) аяврик. /народная тунгусская песня/
J
На сайте с 07.10.2010
Offline
163
#7
Ayavryk:
Если во время никому ненужной переверстки вы где-нибудь не закроете пару тегов и забудете какую-нибудь фичу

ну это уже если были допущены ошибки, то да такая вероятность есть.

Ответьте, пожалуйста, на мои вопросы:

Jaroslav:
Также согласно html5 на странице теперь можно использовать несколько заголовков h1 - внутри каждого нового тега section или article. Стоит ли это делать? Или пока придерживаться правилу - на одной странице только один заголовок h1?
Jaroslav:
А также как правильно оформлять заголовок h1 согласно спецификациям html5? Обязательно внутри тегов header или можно обойтись и без этого?

Можно ли прямо внутри тегов main вставлять контент? Или обязательно это делать внутри тегов article? Пример:


<main>
<article>
Контент контент контент
</article>
</main>

Новым тегам html5 можно присваивать class и id?

Ayavryk
На сайте с 11.10.2003
Offline
209
#8
Jaroslav:
Можно ли прямо внутри тегов main вставлять контент? Или обязательно это делать внутри тегов article?

Как сочтете более семантично :)

По стандарту внутри main должно содержаться что-то уникальное

В принципе если вы считаете что заголовок страницы - уникальный, вы должны его разместить внутри main. Если вы считаете что заголовок неуникален - вынесете его после body.

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

Jaroslav:
Или пока придерживаться правилу - на одной странице только один заголовок h1?

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

Единица контента не может иметь несколько заголовков-названий.

Jaroslav:
можно присваивать class и id?

класс и id можно присваивать любому тегу.

В нормальных HTML-стандартах был документ DTD, который регламентировал какой тег/атрибут где можно ставить. В HTML5 вместо удаления неиспользуемых и дублирующих тегов внесли кучу новых никому не нужных и удалили правила.

J
На сайте с 07.10.2010
Offline
163
#9
Ayavryk:
В принципе если вы считаете что заголовок страницы - уникальный, вы должны его разместить внутри main. Если вы считаете что заголовок неуникален - вынесете его после body.

а если код оформлен так?


<body>
<main>
<article>
контент
</article>
<aside>
</aside>
</main>
</body>

куда в данном случае вставить заголовок h1? Внутри article? После открывающегося тега body? Можно ли aside вставлять внутри тегов main?

Является ли правильным такой код?


<body>
<main>
контент
</main>
</body>
богоносец
На сайте с 30.01.2007
Offline
769
#10

Правильным для кого?

Для семантических голов — да.

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

Используйте не

а
 красивше будет

<body>

<main>
<article>
контент
</article>
<aside>
</aside>
</main>
</body>
так вы быстрее получете свою дозу эстетического наслаждения... и перестанете задавать бесполезные вопросы.
12

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий