HTML5 структура заголовка сайта и заголовка страницы - PullRequest
6 голосов
/ 29 февраля 2012

Правильная ли структура ниже или тег раздела не нужен?

Для SEO, при условии, что соответствующие ключевые слова являются заголовком страницы, а не заголовком сайта, является ли структура ниже оптимальной? Спасибо

    <header>
        <h1>Site Title</h1>
    </header>

    <section>
        <h1>Page Title</h1>
        <p>Page Content Here</p>
    </section> 

Ответы [ 3 ]

0 голосов
/ 29 февраля 2012

Действительно зависит от того, каким образом или планируете ли вы составлять и / или синдицировать ваш контент, и, тем не менее, он подходит вам лучше всего.Нет никаких «проблем» с тем, как он у вас сейчас, кроме того, что вы хотите использовать только один «H1» для каждого документа.С другой стороны - «H2», «H3» и т. Д. Могут использоваться несколько раз без негативного SEO.

Ссылка html5doctor об общем разделе является хорошим ресурсом, но также учитывайте следующее:

http://html5doctor.com/the-article-element/

http://www.impressivewebs.com/html5-section/

http://webdesign.about.com/od/html5tags/a/when-to-use-section-element.htm

0 голосов
/ 29 февраля 2012

Не злоупотребляйте использованием тегов section и article, используя их для структуры, вместо этого продолжайте использовать divs.

В html5, при использовании заголовков и разделов, вы должны убедиться, что у каждого раздела есть собственный заголовок.Вы можете использовать планировщик, чтобы увидеть, как устроена структура.http://gsnedders.html5.org/outliner/

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

// Ответ 12/03/01

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

<header>
   <h1 id="position-me-in-section">Page Title h1</h1>
</header>

<div id="content">
    <section>
        <h6 id="position-me-in-header">Site Title h6</h6>
        <p>Page Content Here</p>
    </section> 
</div>
0 голосов
/ 29 февраля 2012

Вот как бы я это сделал. Тег <article> связывает связанный контент вместе, вы также можете разместить несколько статей на одной странице и т. Д.

<header>Site Title</header>

<article>
    <header>Page Title</header>
    <p>Page Content Here</p>
    <footer>Page Footer</footer>
</article> 

<footer>Site Footer</footer>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...