Ред на заглавията в 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