以下に、HTMLコードのリンク例を示します。
<a href="./add.php?page=1" target="_blank"><div class="menu-button" id="menu-btn-3">Add</div></a>
<a href="/index.php?page=2"><button type="button" class="button" style="background-color: rgb(32, 32, 32);">Next</button></a>
<a href="./profile-added.php?page=1" target="_blank">Add</a>
最初の2つのリンクには、アンカーテキストdivおよびボタンタグが含まれます。これらのタグには、アンカーテキストもありますが、プレーン形式です。
3番目の例は、プレーンアンカーテキストを使用した通常のリンクです。
プレーンテキストでないアンカーテキストを使用した例を使用すると、SEOランキングに影響しますか?最終的にランキングを改善するには、代わりに3番目のオプションを使用する必要がありますか?
プラス:このタイプのリンクを使用した場合:
<a><img /><a>
リンクタグにアンカーテキストを指定したり、画像の説明とともにaltタグのみを残したりする方が、クローラーにとって使いやすいですか?
非常に悪い検索エンジン(存在する場合)のみがa
の子要素に問題を抱えます。これは非常に一般的で便利です。基本的に、子要素を持つ他の要素と違いはありません。
ただし、有効な子要素のみを使用する必要があります。
button
(またはその他の「インタラクティブコンテンツ」要素)は許可されませんdiv
(または他のブロックレベル要素)は(X)HTML5でのみ許可されます(ただし、HTML 4.01で珍しいエラーではなかったため、多くの古い検索エンジンでもこれを処理できます)ただし、span
、b
、i
、em
、strong
、code
、img
、abbr
などの要素など(および(X)HTML5のブロック要素)は問題ありません。
img
を含むリンクにアンカーテキストを含めるかどうかは、実際のコンテンツに依存します。場合によっては追加のテキストが必要/必要な場合があり、そうでない場合は必要ありません。ただし、alt
属性で指定された情報を複製しないでください。