web-dev-qa-db-ja.com

HTML5タグ:それらを正しく使用するには?

WordPressサイトにできる限り最高のSEOが必要です。これを行うために、機能強化を行い、HTML5を使用しました。問題は、特定のタグの使用方法がわからないことです。たとえば、<section>タグにarticleタグがあります。これはいいですか?あなたがそれをよく見ることができるよりも、私のスニペットを見せてください...

<div id="wrapper" class="clearfix">
<nav id="menu">
<aside class="containing-links-to-posts">
<section id="content-section">
<div id="widgets">
</div>

説明:

<aside class="containing-links-to-posts> = 左ウィジェット

<div id="widgets"> = 右側のウィジェット

<nav id="menu"> = ナビゲーションメニュー

<section id="content-section"> = 投稿とコメントが含まれるメインセクション

<aside>で、私はこれを得た:

<section id="index">
<nav id="partial-index">
<div class="widget-title">Today's posts</div>
<ul class="blabla">
<li>
Post name
</li>
</ul>
</div>
</nav>
</section>

質問:これは良いですか?これは、すでにナビゲーションとセクションを持っているからです(上記参照)。これらのタグを使いすぎると問題が発生するのではないかと心配しています。

そして最後になりましたが、私は<section id="content-section">にこれを持っています:

<section id="content-section">
<ol>
<li>
<article>
<header>
<h1>
<a>testttt</a>
</h1>
</header>
<div class="content">
<div>
<span class="favorites">
</div>
<footer class="post-meta">
<div class="info">
<a class="entry-id">#32474</a>
<time class="timestamp" datetime="19-04-2013">19.04.2013 13:18</time>
<span class="author vcard">
<a class="url" rel="author">testauthor</a>
</span>
</div>
</footer>
<span class="tags">
<img alt="tags" src="">
<span>
<a rel="tag" href="">test</a>
</span>
</span>
</article>
</li>
</ol>

<article>タグに入れるには多すぎると思いますか? <article>タグは、投稿のPOSTコンテンツを取得することを目的としています...そのため、Googleはその部分が記事のコンテンツであることを認識します。

あなたのすべての助けに感謝します。

1
BlackEagle

私の知る限り、主要な検索エンジンはいずれも、SEOに関連するHTML5について明確な宣言を行っていません。その結果、整形式で意味的に正しいコードの通常の優れたプラクティスを超えて、その面で推測する以上のことはほとんどできません。

整形式で意味的に正しいHTML5を書くためのアドバイスについては、 HTML5 Doctor ブログを参照することを強くお勧めします。貢献者は、HTML仕様に取り組み、新しい要素と属性の非常に詳細な現実世界のアプリケーションを提供する人々です。

いくつかの質問に簡単に答えるには、<article>を独立したコンテンツにする必要があります。ウェブページのコンテキストから削除しても意味があります。 <article><section>内に含めることは問題ありませんが、他の何かの代わりに<section>を使用する場合の正確な詳細は非常に複雑なので、 HTML5 Doctorの記事その件名

ページに複数の実質的なナビゲーションセグメントがある場合、<nav>はページ内で複数回使用できます。そのため、メインナビゲーション、サイドバーナビゲーションなどを<nav>sでエンコードしておけば問題ありません。

心に留めておくべきことの1つは、HTML5がまだ開発中であるということです。たとえば、<hgroup>はすでに廃止されているため、仕様の進化を監視する必要があります。

4
GDav

私が追加することの1つは、Googleがauthorタグを認識するということです。簡単なGoogle検索を行う-これは読むのに良い記事のように見えます: http://www.copyblogger.com/wordpress-google-authorship/

また、レスポンシブテンプレートを使用します-デスクトップとモバイル用に1つのURL。

0
Michael Thamm