Порядок заголовков в HTML5

Это пример веб-страницы моего сайта:

<html>

<title> artilce header </title>

<body>
    <header> <h1> nme of website</h1></header>

    <section>
        <h2> name of section</h2>

        <article>
            <h3>article header</h3>

        </article>
    </section>
</body>
</html>

Я хочу знать, правильный ли этот порядок? Или, может быть, это плохо влияет на SEO?

заголовок есть на всех страницах, раздел должен иметь заголовок из-за заголовка/…

Например, мне нужно изменить его на что-то вроде этого:

<html>

<title> artilce header </title>

<body>
    <header> <h2> nme of website</h2></header>

    <section>
        <h3> name of section</h3>

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

        </article>
    </section>
</body>
</html>

person partiz    schedule 02.06.2015    source источник


Ответы (2)


Оба варианта являются действительными HTML5.

Спецификация HTML5 говорит о заголовках и разделах. :

Разделы могут содержать заголовки любого ранга, и авторам настоятельно рекомендуется использовать заголовки соответствующего ранга для уровня вложенности раздела.

Итак, ваш первый пример рекомендован HTML5.

HTML5 не определяет, что h1 будет более "важным", чем h6.
Как потребители (например, поисковые системы) интерпретируют это зависит от них, и это, скорее всего, отличается от потребителя к потребителю, поэтому вам придется проверить их документацию.

person unor    schedule 03.06.2015
comment
Чтобы было ясно, h1 имеет более высокий ранг, чем h6. Что может иметь значение, отличное от важного, но я бы так не думал. - person Rob; 03.06.2015

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

person Richard Olga    schedule 03.06.2015