HTML 5 Элементы, не относящиеся к JS

Question

Позвольте мне начать с моих «ограничений» в моей ситуации в веб-dev.
1.) Сайт должен работать в IE7.
2.) Сайт должен работать для браузеров, отличных от js.

Мое положение очень тяжелое SEO. Рейтинги Google - все в этой ситуации.
HTML 5 добавил теги, такие как статья, заголовок, нижний колонтитул и т. Д., И я понимаю, что эти теги могут улучшить SEO.
Это, как говорится, мои два ограничения делают реализацию этих тегов немного сложнее, если не невозможно. Тем не менее, я знаю, что для пользователей, не использующих JS, эти параметры невозможны, поскольку они не являются реальным решением.

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

HTML:

<header><div class="header">Header content</div></header> 

CSS:

header, .header { identical properties } 

это было бы возможное решение?
Если это так, было бы разумно сначала поставить тег заголовка, или тег div сначала в разметке? Моя первоначальная мысль была элементом HTML 5, так как это было проверено поисковыми системами.

Answer 1

Нет никаких доказательств SEO-эффектов разметки, таких как article, header, footer и т. Д. Есть много предположений о них.

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

Answer 2

Если вы действительно хотите включить тег заголовка, то это выглядит как хорошее решение.

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

Кроме того, теги META могут быть полезны для SEO, поэтому не забывайте об этом!