ウェブサイト用に新しいレイアウトを作成しています。注文を表示するには、順不同リストタグ(ul
)を使用してリストを作成します。しかし、設計のため、h3
タグをa
要素に使用したいと思います。
私のアイデアはSEOにどのように影響しますか?
ここに私が達成しようとしているもののコードの例があります:
<a><h3>Header</h3><p>Text</p></a>
次のHTML(私のアイデアを含む)は有効だと思いますが、SEOにどのような影響がありますか?
<!DOCTYPE html>
<html>
<head><title>Test</title>
<body>
<a>
<h3>Header</h3>
<p>Text</p>
</a>
</body>
</html>
これに関するルールは簡単です:
block要素の周りにinline要素をラップすることはできません。
例外:HTML5を使用する場合、ブロック要素をアンカーで囲むことができます。
SEOの観点からは影響はありません。有効なhtmlなので、彼らはそれを信用しません。
それも助けにはなりません。段落全体をアンカーに詰め込んで、その中の各単語の値を非常に小さくし、気にしない単語を詰め込んでいます( "これは例です" "キーワードのみが「例」ですが、文全体がアンカーです)。
ユーザーインターフェースの観点から、それはcan(実装に依存)非常に奇妙であり、段落全体がリンクですか? 「ハァッ、プレーンテキストをクリックしてページを変更しました!」。
HTML 4 /XHTMLのような以前のバージョンではなく、ブロックの周りにアンカーをラップすることはHTML5で許容されます。
HTML5には次のものがあります。
A要素は、段落、リスト、表など全体、さらにはセクション全体を囲むことができます。ただし、内部にインタラクティブなコンテンツ(ボタンや他のリンクなど)がない場合に限ります。
-> https://www.w3.org/TR/html5/text-level-semantics.html#the-a-element
例えば。:
<aside class="advertising">
<h1>Advertising</h1>
<a href="http://ad.example.com/?adid=1929&pubid=1422">
<section>
<h1>Mellblomatic 9000!</h1>
<p>Turn all your widgets into mellbloms!</p>
<p>Only $9.99 plus shipping and handling.</p>
</section>
</a>
<a href="http://ad.example.com/?adid=375&pubid=1422">
<section>
<h1>The Mellblom Browser</h1>
<p>Web browsing at the speed of light.</p>
<p>No other browser goes faster!</p>
</section>
</a>
</aside>
したがって、はい、それは有効なHTMLであり、HTML5を使用する場合は安全に使用できます。他のバージョンのHTMLと互換性を持たせたい場合は安全ではありません。
更新このSEOは有効ですか?
これは、HTMLタグの使用がSEOに対して有効であるかどうかを尋ねるようなもので、それ自体は有効ではありませんが、SEOを有効にするのは、それらが使用されるコンテキストです。
有効なHTMLでなかった場合、SEOにはふさわしくありませんが、有効なHTMLであってもSEOが有効になるわけではありません。それを使用してコンテンツを構造化する方法に依存します。
優れたSEOは、優れたページコンテンツに由来します。正しいSEOは、正しいマークアップからも得られます。当然、HTML5は明確でないマークアップルールの混乱であるため、キャンバスコマンドが必要ない場合はXhtmlバージョンに固執します。とにかく私はトリックをしません。素晴らしいページコンテンツと適切なマークアップを取得し、多くのページを作成して、良い結果を得ることができました。 Googleは、あなたが仕事に注ぐ愛を感じています。