Articles

アンカー・タグ

Posted on

アンカー・タグとは?

アンカータグとは、HTMLのタグのひとつです。 ハイパーテキストリンクの始まりと終わりを定義するために使用されます。 検索エンジンは、このタグを使ってリンク先のURLの主題を決定します。

How to build a Hyperlink with anchor Tag in HTML

<a href="http://www.example.com">My sample page </a>

アンカータグは次の3つの部分で構成されています:

  • href属性、
  • name属性、
  • and target属性。

href属性

ハイパーリンクを作成するには、ドキュメントの宛先(アドレス)がわかっている必要があります。

例えば、Googleのホームページにリンクする場合、コードは次のようになります。

<a href="http://www.google.com">Google Home</a>

Hrefはhypertext referenceの略です。 この属性は、今回のリンク先である文書のターゲットアドレスを定義します(http://www.google.com)。 href」は属性、「http://www.google.com」は属性値というように、「=」記号は属性と属性値の関係を表しています。 属性値の前後にはアポストロフィーが入ります。 Google Home」というフレーズは、アンカーテキストまたはリンクテキストと呼ばれ、ユーザーが目にしたりクリックしたりする部分です。

ウェブサイトの別の部分に内部リンクする場合は、完全なアドレスを指定する必要はありません。 サイトの速度」も参照してください。

アンカータグ

name属性

アンカータグのname属性は、ユーザーがページ上の特定のポイントに「ジャンプ」できるようにするために使用することができます(ジャンプマーカー、アンカー)。

HTMLコードは以下のようになります。

<a name="to top"></a> or<a name="Content"></a>Content

最初のコードサンプルでは、ページの下から最初に戻るようにリンクしています。これにより、ユーザーは長時間スクロールすることなく、すぐにページのトップに到達することができます。 2つ目の例では、ユーザーがページの一部(例えば、細分化されたポイント)に直接アクセスできるようになっています。

<a href="#Content">Content</a>

アンカー名にハッシュタグ(#)を設定するだけで、ブラウザはページ内のジャンプを識別することができます。

また、内部的に別のページの特定の場所にリンクすることもできます。

<a href="anotherpage.html#name">Linktext</a>

ファイル名の後に「#name」を指定します。

Target属性

Target属性は、リンク先のページや対象の文書をどのように開くかを指定します。 “target=” _ blank ” は、対象ページを新しいタブで開く場合に使用します。

<a href="http://www.mypage.com" target="_blank" rel="noopener">Linktext</a>

title属性

title属性は、ユーザーがリンクをクリックしたときに、どこに移動するかを示す重要な指標となります。 ユーザーがリンク参照の上にマウスを置くと、属性で定義されたタイトルテキストが表示されます。 これは、ツールチップであったり、リンク先のリソースの説明であったりします。

title属性は、画像やグラフィックファイルにも使用することができ、画像に表示されている内容を簡単に説明することができます。

<img title="Here you can see a sample image" src="exampleimage.png" alt="sample image">

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

上部HTML参照の「preparation」という文字列は、ウェブサイトの本文に表示されるリンクテキストで、レイアウトによっては青文字や下線で表示されます。 リンクテキストはアンカーテキストとも呼ばれ、検索エンジン最適化の観点から特に重要です。 アンカーテキストはアンカータグの一部です。

アンカータグは、HTML文書を検索エンジン用に最適化するために不可欠な手段です。 アンカーテキストとtitle属性は、ユーザーと検索エンジンに対象となるリンクについての詳細な情報を与えます。

内部リンクのアンカーテキストは、クリーンなURLと同様に、キーワードリサーチが必要です。 例えば、内部リンクのアンカーテキストには、キーワードの使用に制限はありません。 ウェブマスターやSEO担当者は、検索エンジンからのペナルティのリスクを負うことなく、個々のキーワードを直接リンクすることができます。

一方、バックリンクでは、ペンギンアップデートの実施以降、キーワードリンクの過剰な使用は、Googleによるペナルティにつながる可能性があります。

アンカータグのtitle属性は、一般的にSEOに直接的な影響を与えません。 しかし、リンクや画像にtitle属性や要素を使用することで、クリック率が上がり、その結果、Googleがウェブサイトから受け取るユーザーシグナルに間接的に影響を与えることがあります。

アンカータグのtitle属性は、一般的にSEOに直接的な影響はありません。

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です