«Семантические» HTML5 элементы — это аттавизм?

Question

[weranda]

Приветствую.

Давно знаю о «семантических» элементах HTML5 типа <header>, <footer>, <article>, <section> и др. Давно мне эти элементы кажутся какой-то фигней. Они вроде есть, но правила их применения настолько мутные, а положительный эффект от реального их применения я не встречал, даже «кейсов» нигде не видел, мол, внедрение вот этих вот элементов позволило нам достичь вот этого и того. Может быть, эти «кейсы» есть, но я их не видел.

Поведайте мне, есть ли реальная, ощутимая, подтвержденная, объективная польза (эффект) с какой-либо из «сторон дела»: пользователя, верстки, программирования, поисковых систем?

Comments

[mletov]

Тостер теги съел)

Answer 1

[Вадим]

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

https://habr.com/ru/company/htmlacademy/blog/546500/

Основных поинтов использования семантики 3.
1) Использование подходящих элементов делает их использование удобнее. Несколько раз встречал когда ссылки делали дивами с js поверх. Нет возможности нажать на них колёсиком чтобы открылаьс в новой вкладке или правой кнопкой с соответствующем ссылке контекстным меню. Это отвратительно неудобно.
2) это помощь людям с ограниченными возможностями для понимания контекста происходящего на экране. Наглядный пример это ссылки внутри тэга nav. Можно побаловаться со скрин ридером и будет понятно о чём речь.
Если коротко: ссылки в div будут озвучены как: *ссылка*.
Ссылки в nav: "ссылка, навигация"
https://vc.ru/promo/132280-kak-zvuchat-sayty-nezry...
https://www.youtube.com/watch?v=RQiN1Hhrxu0
3) Помощь поисковым ботам понимать контекст и формировать снипеты в поисковой выдаче. Пример есть в статье выше.
https://siteclinic.ru/blog/technical-aspects/html5...

с какой-либо из «сторон дела»: пользователя, верстки, программирования, поисковых систем?

1) Про пользователей выше
2) Про вёрстку - удобнее читать
3) Про программирование - использование верных тэгов соответствующим образом влияет на работу с этими элементами в JS либо избавляет от необходимости в JS в принципе.
4) Про поисковые системы выше.

Comments

[weranda]

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

«Разметка может сделать ваш сайт более заметным в Поиске Яндекса и таким образом привлечь больше посетителей, принадлежащих целевой аудитории. Однако, напрямую семантическая разметка не влияет на ранжирование.»

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

[Вадим]

weranda, Поисковые системы не заинтересованы в том, чтобы кто-либо знал алгоритм, влияющий на ранжирование + есть много легаси сайтов, написанных до появления семантики. По ссылке из пункта про поисковых ботов, а именно про article, автор пишет что мол прям придаётся вес.
Относительно поисковых систем правда в том, что то, что работает сегодня, может не работать завтра и наоборот. Но если сделано "правильно" - то в худшем случае Вы ничего не проигрываете, а в лучшем - выигрываете.
Это возвращает нас к вопросу, с которого я начал.
Если что-то можно сделать лучше и при этом это совсем не сложно, то почему бы этого не сделать?

[Вадим]

weranda, Даже если кто-то скинет Вам 100% доказательство, сравнительный анализ, мол, было у нас без семантики, стало с семантикой - поднялись на 3 строчки выше, то это не гарантирует, по факту, ничего (с точки зрения СЕО. А вот то, что стало удобнее пользователям - 100%, что могло привести к повышению трафика, на что мог обратить поисковик). Ранжирование основывается на фиг знает каком количестве факторов а алгоритмы и подходы - меняются.

*вспоминаю ситуацию когда гугл вводили ИИ для ранжирования и в топ попадали сайты 100500 летней давности с не актуальной инфой*

[Вадим]

weranda, и опять же, как гласит текст во многих статьях - делайте сайт для людей. Поисковики подтянутся.
А подвергать сомнению что семантика важна для пользователей можно только в специфических проектах.

[weranda]

Вадим, Буду делать)

[Вадим]

weranda, Отмечаем ответ решением?

[weranda]

Вадим, Если вам так угодно, то отметил.
Но вообще считаю кнопку «Отметить решением» малость некорректной. Плюс за ответ, как это реализовано на stackoverflow или некую оценку балльную — это бы лучше удовлетворяло удовлетворенность ответом, обсуждением.

[Вадим]

weranda, Ну почему же. У Вас конкретный вопрос. Атавизм - нет, не атавизм.
Отметка решением служит для того, чтобы одни участники сервиса не тратили своё время на этот вопрос, а другие, у кого будет похожий вопрос - наоборот провалились бы сюда из поиска и ознакомились с ответом.

[weranda]

Вадим, Но я же могу и специально отметить решением некорректный ответ ;)

[Вадим]

weranda, Ну это уже другой вопрос)
Не корректный ответ может натолкнуть на нужные мысли, что поможет с самостоятельным решением.
Является ли в таком случае ответ не корректным, если помог с вопросом и привёл к решению?:-)

[weranda]

Вадим, Зависит от ситуации, но не будем на этом. Спасибо вам за логику.