Есть ли вообще какой-нибудь толк от HTML5 семантической разметки страницы?

Question

[weranda]

Приветствую

Использую на некоторых сайтах семантику типа article, nav, aside, section, header, footer, main и сколько раз я задумывался, ровно столько же раз приходил к тому выводу, что реальной пользы я в этих элементах не нахожу.

• Если нужна верстка с поддержкой старых IE, начинаются всякие свистопляски, скрипты и пр.
  
• Сомнительная полезность для мифического определения поисковыми системами каких-то там групп контента...ну не знаю, только слышал про такое.
  
• Оптимизация для каких-то там ридеров, которых в руках не держал...
  
• W3C "рекомендует", а на сайте у них ни одного HTML5 тега не увидел.
  
• Некоторые люди на сайтах пишут, что "семантический код занимает меньше места". Ага, прямо-таки и занимает:
  

  <header class="header"></header> || <div class="header"></div>

  
  
  
• Некоторые аж пишут такое, что "сайт будет быстрее" грузиться. Без комментариев. Ах да, еще страница будет лучше ранжироваться – что, правда?
  

Я не говорю о всех тегах, а лишь некоторых из них – article, nav, aside, section, header, footer, main.

Answer 1

[iBird Rose]

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

тк они для того и создавались чтобы ты классы не задавал. правильно будет сравнивать так:
<header></header> || <div class="header"></div>
p.s. и не приплетай сюда БЭМ. это вообще из другого разряда

Comments

[Сергей delphinpro]

header - это не только шапка сайта. Их может быть множество на странице. Без классов все равно будет туго.

[weranda]

iBird Rose
Верно. Использовали header, а потом тучу div'ов с классами нафигачили)
Иногда заглядываю в разметку разных сайтов и ни разу не встречал, чтобы все было сделано в соответствии с рекомендациями, именно рекомендациями по использованию указанных мной тегов. Может быть не там смотрел.

[Саша]

iBird Rose а теперь вспомним , который может в себе содержать тег .
соответственно их может быть более одного на странице.
так что там на счет "не приплетай сюда БЭМ" ?)

[iBird Rose]

Сергей: " может быть множество" - а должно ли быть? h1 заголовков тоже "можно" использовать на странице множество. но никто это не делает)

[Сергей delphinpro]

iBird Rose: Вполне допустимо и рекомендовано стандартами

header
main
 article
   section
    header
    div
    footer
   section
    header
    div
    footer

[iBird Rose]

Саша: я так и не понял что ты хотел сказать. тостер твои теги съел. про бэм я упомянул сразу, потому что это 2 разных позиции. W3C и яндекс. их нельзя сравнивать. то что яндекс хочет ввести методологию - W3C срать на это хотел. у них другая позиция

[Саша]

iBird Rose: да, тостер незаметно съел.
так вот, article например

Answer 2

[dummyman]

Я один такой помню главные элементы верстки прошлого?

<br>       <!-- отступ вниз -->
&nbsp;   <!-- отступ вправо -->
<img src="/pixel.gif" width="10" height="1"> <!-- прозрачный пиксель -->
<center>...</center>
<marquee>...</marquee>
<font color="..." size="...">...</font>

Comments

[Crash]

это каменный век

Answer 3

[Дмитрий Евграфович]

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

Answer 4

[xmoonlight]

HTML5-разметка - это помощь поисковикам в верном разборе контента при индексации.
В общем, если всё по SEO составлено верно, - ранжироваться будет лучше в несколько раз вместе с отображением доп. данных из тегов (АНАЛОГИЧНО микроразметке) при показе результата поискового запроса в поисковой выдаче.
Если делать - то только HTML5-разметку.

Comments

[developer007]

нихрена оно не будет лучше ранжироваться. реальный мир жесток

[xmoonlight]

hwnd32: докажи!

[weranda]

xmoonlight: А вы можете доказать обратное – факт лучшего ранжирования ПС документа, как вы выразились, в несколько раз?

[xmoonlight]

weranda: Легко: Знаете зачем были введены эти теги? Для избавления от микро-разметки. А спрашивается: зачем, если есть микро-разметка?! Чтобы по тегам отслеживать где меню, а где заголовок, а где - публикация (+автор, +время и т.д.)
После того, как всё сделано корректно - не нужно дополнительно ничего делать и указывать поисковику где какие данные - он разбирает страницу по структуре HTML5-разметки. У меня были сайты, которые я переводил на HTML5 с переходной разметки XHTML и ранжирование в ПС было увеличено реально в разы без какой-либо SEO-оптимизации тегов и контента! (микро-разметки там не было ни до перевода, ни после)

[Антон]

xmoonlight: А что насчет использования более чем одного h1 в пределах документа, такое пробовали? Иными словами, на каждую секцию свой х1

[xmoonlight]

Антон: это всё описано. и да - более одного при корректной разметке - работает корректно.

[Антон]

xmoonlight: Но вообще, это больше похоже на миф, т.е. все описанное вами выше. Да и сео - штука такая, что то, что работает у Вас, не факт, что будет работать у кого-то. Я не единожды верстал семантически, и я не сказал бы, что оно дало какой-то эффек в плане ранжирования, если при прочих равных, сравнивать выдачу с конкурентами. Как описал человек выше, во всяком случае - Яше глубоко насрать, ибо его манера выбора сайтов в топ вообще далека от какой-то адекватной оценки, т.к. туда попадают совершенно мистические по своей ущербности сайты, при отсутствии ссылок, с табличными верстками, с отсутствующим дизайном, UI и т.п.

[xmoonlight]

Антон: предлагаю тогда тест: какими поисковыми системами, кроме известных вы ещё пользовались? Т.е. как ещё искали информацию в интернете, кроме гугла/яши/бинга/яху?

[Антон]

xmoonlight: Как пользователь? Если мне нужна коммерческая составляющая запроса, т.е. гео, я иду в яшу, а если нужно что-то глобальное - в гугл. Остальные системы, за годы периодического пользования ими, не давали мне нормальной релевантности, не удовлетворял меня поиск, поэтому они были забыты

[xmoonlight]

Антон: понятно. значит ответ на Ваш вопрос: кто больше платит - тот и "папа")

[mydarck]

xmoonlight: вот бы хоть одним глазком увидеть такой сайт и его результаты в выдаче. эх...

[Дмитрий Pacification]

xmoonlight: Ниразу не слышал о том, что использование html5 - это один из факторов ранжирования, или он влияет как-то на скорость загрузку сайта. Сеошная верстка - это не html5, а немого другие фишки.
Если уж хотите наверстать че-то, чтобы сайт хорошо ранжировался, используйте AMP. В гугле можно и реальные кейсы найти, как это влияет на рост топов

[xmoonlight]

Дмитрий Pacification: непонятно: как AMP поможет? (разметку json-ld сейчас в расчёт не берём - это и так понятно, что её лучше добавлять)

[Дмитрий Pacification]

xmoonlight: Ну как это зачем)) для того чтобы гугл быстрее грузил наши странички. Скорость загрузки и адаптивный дизайн - это сейчас 2 важных факторов ранжирования. Семантические html5 теги ни за то ни за другое не отвечают.
Если юзать AMP, то некоторые HTML теги нужно будет заменить на те, которые предлагает гугл. Например теги картинок
https://www.ampproject.org/ru/learn/about-amp/

[xmoonlight]

Дмитрий Pacification: Ясно: amp - это некая надстройка робота-инкапсулятора для контроля загружаемого кода/контента и выполнения различных команд и манипуляций в браузере, путём удалённого контроля вендором браузера)
Суть понятна. Смысл - нет)

[xmoonlight]

Дмитрий Pacification: т.е. как я понял: пусть вместо нас контент индексируют зашедшие на страницу пользователи, а мы - просто будем добавлять в поисковую базу готовую структуру информации о странице (+ ещё что-нить)

[Дмитрий Pacification]

xmoonlight: Мне кажется диалог перетек уже в другое русло. Я не внедрял собсвтенноручно амп, но вилел кейсы докахывающие его эффективность.
Продвигая сайты в одной из крупных вебстудий Украины, я ниразу не видел влияние html5тегов на индексацию или топы. Ровно такие же показатели как и у других сайтов. И кейсов почему-то нет, что вот мол мы юзаем хтмл5 и индексация стала лучше. Для гугла пофигу, используют ли html5 или нет, а вопрос индексации решается через грамотную настройку сайтмапа.

Answer 5

[Neocaridina]

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

Не сомнительная, а полезность. И не только для ПС.

Comments

[weranda]

Neocaridina
Аргументируйте пожалуйста.
Много раз читал про такую "полезность" для ПС и пока эта полезность остается для меня только полезностью на словах, а конкретных убедительных фактов я не встречал, возможно пока не встречал, но с вашей помощью надеюсь встретить.

[Neocaridina]

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

[Дмитрий Евграфович]

Neocaridina: простите, но если фактов нет, то о какой полезности можно говорить? Яндекс рассматривает содержание сайтов и поведенческие факторы, как главные критерии, а не то, верстали этот сайт блоками, табличками или новыми элементами. И доказательство конкретно этим словам есть - выдача яндекса.

[Neocaridina]

Дмитрий Евграфович: Есть опыт, он совпадает с постом xmoonlight.
Но опыт не факт, поэтому и не пишу инфа100%всетопываши.
Если визуально юзер не видит разницы верстайте как хотите, возраст и контент рулит.
ПС не будет доверять на слово хитрожопым сеошникам, поэтому и вес сабжа невелик.

[Дмитрий Евграфович]

Neocaridina: Введите в яндексе "продвижение сайтов" и выберите московский регион. В топе на третьем месте (по крайней мере у меня и двух знакомых мне людей, надеюсь, если сделаете это, яндекс вам не перетасует выдачу) найдете сайт, домен руcинoв-сео, зарегистрированный в сентябре прошлого года с табличной версткой. Регион достаточно конкурентный, запрос тоже. Рядом с этим сайтом по этому же запросу в выдаче находится другой человек, рассказывавший некоторые детали об особенностях продвижения. Когда я вижу в топах молодой сайт на табличной верстке по высококонкурентному запросу (а это не единственный пример низкосортной верстки, который есть в топах), я теряю веру в то, что семантика хтмл5 имеет для яндекса значимый вес.

[Neocaridina]

Дмитрий Евграфович: Какой такой значимый вес? Это как писать с абзацами и без. Поймут и так и так. Но с абзацами мы сами разделяем, а не полагаемся на погоду.
Сабж на топы прямо не влияет. Я такую низкосортную верстку в топах тоже везде вижу, и в некоторых случаях даже рекомендую не трогать.

[Дмитрий Евграфович]

Neocaridina: Значимый вес - это когда фактор влияет на ранжирование сайта яндексом. Вебмастеру от яндекса больше ничего не надо, только быть в топе и иметь с этого трафик. Если яндекс поднимает сайт в топ 10 по запросу, будьте уверены, он понял его лучше остальных сайтов. Не просто "понял и так", а посчитал этот сайт лучше сотен остальных.

[Neocaridina]

>> будьте уверены
Дадада. Багофичи никто не отменял.

Answer 6

[Сергей]

Использую section, header, footer, nav - так как лично мне удобнее с такой структурой страницы. Истово верую в то, что это больше нравится поисковикам, на старые браузеры которые не понимают этого мне глубоко наплевать, но вообще сейчас вряд ли можно найти сайт без reset или normalize. Так что верстка полюбому не едет. Какие там нужны скрипты не понял. Чтобы секции присвоить дисплей блок?