aタグとは？aタグの使い方とSEOの重要性を解説

リンク先を指定する

ハイパーリンクを設定したい箇所を<a> と</a>タグで挟み、href属性を使ってリンク先を指定することで、別ページやサイトに飛べるように設定できます。

【書き方】

【具体例】

リンク先のページ表示を指定する

リンク先の文書を開くフレームや、ウインドウを指定する場合には、target属性を使用します。

target=”​​_blank”を使うと、ページを表示しているタブを残した状態で別タブを開けられます。リンク先に移動した後、再びサイトへ戻って欲しいときや複数ページを表示したいときに有効です。

【書き方】

また、targetの属性値を「_self」にすると同じ領域に別のページが表示されます。ターゲットを指定していないときと同じ動作をするので、ユーザーの利便性に応じて設定しましょう。

【書き方】

画像にリンクを張る

検索エンジンは、画像内容の把握が難しいとされています。画像にリンクを設定する際は、alt属性にリンク先を表すキーワードを入れて画像の説明をしましょう。

イメージとしては、altをアンカーテキストの代わりと考えます。

【書き方】

同じページの別の場所にリンクを張る

目次など、同じページの別の場所にリンクを設定にする場合には、aタグのhref属性に#とidを使用します。なお、リンク先とリンク元の両方に設定をする必要があるので注意しましょう。

リンクをクリックしても指定した場所に飛ばないときは、片方しか設定できていない可能性があるので、確認してください。

【書き方】

【具体例】

アンカーテキストには対策キーワードを使う

アンカーテキストには、対策キーワードを含める必要があります。まずは、検索エンジンにページ内容を伝えましょう。リンク先の内容をアンカーテキストで示すことにより、検索エンジンからのSEO評価は高くなります。

また、ユーザーの期待を裏切らないために移動先の内容を具体的にしておけば、ユーザーの興味を引くことができ、安心してクリックできます。

リンクを設定できるのはaタグのみ

SEOを意識してリンクを設定するなら、aタグの使用が求められます。なぜなら、Googleの検索エンジンなら、href属性が指定したaタグのみリンクをたどれるからです。

なお、aタグが設定されているかは以下の方法で確認できます。

• ソースコードの確認や、サイトの内部構造を見られる検証機能を使う
• リンクにマウスカーソルを合わせ、左下にリンクの文字列が出ているか確認す（Chromeの場合）

サイトが適切にインデックスされるためにも、内部・外部リンクともにaタグを使用しましょう。

参照：適切なタグを使用する/リンクをクロールできるようにする（Google検索セントラル）