リンクのhtmlタグ <a href=""></a>

リンクタグの「a href」(エー・エッチレフ)は、使用頻度の高い基本的なhtmlタグのひとつです。
一般的なリンクタグの書き方はこのようになります。

<a href="リンク先のURL">アンカーテキスト</a>


アンカーテキストの部分には、ホームページ名やサイトのURL、「こちら」とか「ここをクリック」など、リンクする人によってさまざまな言葉が使われます。

例えば、当サイトのトップページにリンクする場合、たいていはこのようなアンカーテキストになるかと思います。

このようにタグを記入すると、実際にはこのように表示されます。

またアンカーテキストの部分に画像を設定すると、画像でリンクすることもできます。
その際は、alt="" の部分にリンク先のページ内容を示す言葉を記入するようにします。

<a href="http://www.homepage-tukurikata.com/"><img src="http://www.homepage-tukurikata.com/image/hoge.bmp" alt="ホームページの作り方" width="233" height="165" border="0" /></a>

外窓で開く設定

リンクをクリックしたときに新しい画面が立ち上がり、外窓で開くように設定する場合は target="_blank" を入力して記入します。

<a href="リンク先のURL" target="_blank">アンカーテキスト</a>

すべてのリンクタグを外窓で開くように設定してしまうと、リンクをクリックするたびに新しい画面が立ち上り、閲覧者にとっては非常に面倒くさくなってしまいます。
現在のページを残したまま、ほかのページを参照する必要性がない場合は、あまり設定しない方がいいです。

リンクタグのアンカーテキストとSEO対策の関係

リンクタグのなかでも、「アンカーテキスト」の部分は非常に重要な要素です。
このアンカーテキストの部分は、リンク先のページ内容を示す言葉になります。

検索エンジンは、リンク先のページを「アンカーテキストで表現されているサイト」とみなす傾向が強く、検索結果でよくヒットするか、しないかのアクセス数にも関係してきます。
ほかのサイトにリンクする際も、まったく関係のない言葉ではなく、そのページを的確に表現するキーワードを入力しましょう。

例えば、当ホームページがリンクされる場合、運営者側からすると、アンカーテキストに「ホームページ」や「作り方」などのキーワードが入っているとうれしいです。

なかには、「当サイトにリンクする際は、このようにリンクしてください。」という風に、運営者側で指定してしているケースもありますが、同じアンカーテキストのみでリンクされる場合はかえって不自然な被リンクになってしまいます。
さまざまなアンカーテキストで自然にリンクが集まるのが望ましいと思います。

rel="nofollow"でアンカーテキストを無効化

アンカーテキストに書かれている言葉は、リンク先のページを表現するものとして検索エンジンは参照しますが、rel="nofollow"でアンカーテキストを無効にすることもできます。

<a href="リンク先のURL" rel="nofollow">アンカーテキスト</a>

グーグルの場合はこのタグが入っているとページランクも転送されません。

ブログでのコメントスパムやトラックバックスパム対策にも利用されていますが、検索エンジンによって取り扱いはまちまちのようです。
ほかにも、ウィキペディアでは自サイトの宣伝目的でコンテンツが作成されるケースもありますが、そのような対策としても使われているケースがあります。

リンクタグのhtmlとしては、ほかにも相対リンクと絶対リンクがあります。

関連:ホームページのリンクタグ作り方

次へ:<div>タグはブロック分けのhtml