アンカータグ。定義と属性 - Seobility Wiki

定義

アンカータグは、ハイパーリンクを作成するために使用されるHTMLタグです。リンクやハイパーリンクは、ウェブ上でのナビゲーションの基本となるもので、ウェブサイトのあるページから別のページへ移動する際にクリックするものです。

アンカータグの属性

HTMLの<a>タグは、アンカータグとして知られており、いくつかの異なる属性を受け入れることができます。 HTML属性は、追加情報を与えるためにタグに追加されるデータです。ほとんどはオプションですが、中には必須のものもあります。

いくつかの属性を使用した HTML アンカータグの例は次のようになります。

<a href="www.google.com" name="google_link" target="_blank" title="Link to Google">Link to Google</a>

Href 属性

href 属性はリンクを作成するために必要です。 Hrefとはhypertext referenceの略で、ユーザーがリンクをクリックしたときに送るURLを含みます。上記の例では、www.google.com。

name属性

HTML5ではname属性は廃止され、代わりにid属性を使用することが推奨されています。 HTML5以前では、name属性とid属性は互換性がありました。

Target属性

target属性は、ユーザーがリンク先のページにどのように送られるかを記述するために使用されます。

「_self」は、特に指定されていない場合のデフォルトのオプションで、ユーザーを同じブラウジングコンテキスト（通常はタブ）内のリンクに送ります。

その他のターゲット属性には、「_parent」や「_top」などがありますが、これらはほとんど使用されておらず、一般的にはiframeが広く使用されていたときに適用されていたものです。

Title属性

title属性は、リンクの名前を提供するために使用されます。この名前は、ユーザーがリンクの上にマウスを置いたときや、スクリーン・リーダーを使用しているユーザーがアンカー・タグをハイライトしたときなど、いくつかの状況で表示されます。

追加の属性

アンカータグは追加の属性をサポートしています。これらの属性の中には、「class」や「id」のように他のHTMLタグと共通のものもありますが、中にはanchorタグに固有のものもあります。

ダウンロード属性

この属性は、リンクが、リンク先のコンテンツに移動するのではなく、ダウンロードを引き起こすべきであるというヒントをブラウザに与えます。

hreflang属性

このHTML属性は、それぞれのWebページの別の言語バージョンを指定するために使用できます。これは、フランス語を表す「fr」やイギリス英語を表す「en-GB」のような値になります。

rel属性

HTMLのrel属性は、2つのページ間の関係を指定することができます。これには、「canonical」、「external」、「help」などの値があります。

検索エンジン最適化の重要性

アンカータグはウェブの仕組みの基本であり、アンカータグ内のいくつかの属性はSEOに関して特に有用です。多言語のサイトでは、hreflang属性を利用することを強くお勧めします。また、ページの正規版を指定するためにrel=canonicalリンクを使用することは、一般的なSEOのベストプラクティスです。

rel属性には、「nofollow」などの値を指定することもできます。

まとめ：アンカータグに関するFAQ

アンカータグは何に使うのですか？

アンカータグは、テキストや画像などのHTML要素をハイパーリンクにするために使用します。

アンカータグはどのように作成するのですか？

HTMLでは、<a>タグと1つ以上の属性を組み合わせて、アンカータグを作成することができます。

アンカータグの最も重要な属性は何ですか？

最も重要な属性は次のとおりです。

Href
Name
Target
Title

アンカータグはSEOにどのような影響を与えますか？

アンカータグは、重複コンテンツを避けるためにcanonical linkを作成するときなどに使用できるので、SEOに関係します。

類似記事

Canonical Tag