2024年10月25日SEO内部対策・テクニカルSEOシェアウェブページ上に別のページへのリンクを張るときに用いるのが「aタグ」です。aタグはブログを書くときの使用頻度の高いタグでもあります。検索エンジンはリンクをたどって別ページを発見するため、aタグの設定はSEOの観点からも重要な要素といえるのです。そこで本記事では、aタグの意味や使い方、設定する際のポイントについて解説していきます。SEOのよくある質問に回答したPDF資料(無料)をご用意しております。お気軽に以下のバナーをクリックして、ダウンロードフォームより資料をお申し込みください。\SEOの基礎を学べる!1問1答資料はこちら/「ナイルのSEO相談室」は業界歴15年超のナイルが運営しているメディアです。SEOの最新情報を随時発信しているので、ぜひブックマークしてください!またSEOにお悩みの方は無料相談やSEOコンサルティングサービスのご利用もぜひご検討ください!目次aタグとはアンカーテキストとはaタグの4つの使い方aタグを設定する際のSEO上の3つのポイント絶対パスと相対パスの違いリンクを張るときはaタグ!この鉄則を忘れずにaタグとはaタグは、リンクを指定するHTMLタグです。以下の「ナイルのSEO相談室」というテキストにはaタグが用いられていて、クリックすると本サイトのトップページに遷移します。ナイルのSEO相談室aタグの設定方法は、以下のとおりです。href="(リンク先のURL)">」と「</a>」に囲まれた「テキストサンプル」の部分が、リンクになります。aタグの設定をすると、多くの場合「テキストサンプル」の部分が「青い色+下線が引かれた状態」で表示されます。ちなみに、aタグの「a」は船のいかりを意味する「Anchor(アンカー)」の頭文字が由来です。アンカーテキストとはアンカーテキストとは、aタグで囲ったテキスト部分のことを指します。href="https://www.hogehoge.net/">この部分がアンカーテキストです</a>例えば、以下のように記述した場合には「ナイルのSEO相談室」の部分がアンカーテキストになります。href="https://www.seohacks.net/">ナイルのSEO相談室</a>アンカーテキストを記入する際は、必ずしもリンク先のタイトルを含まなくても問題ありません。上記の例でリンク先の「https://www.seohacks.net/」のタイトルは「ナイルのSEO相談室」ですが、アンカーテキストは下記のいずれでも設定ができます。アンカーテキストの例ナイルのSEO相談室ナイルのSEO相談室のトップページ詳しくはこちらなおアンカーテキストの詳細や、設定する際のポイントについては以下の記事をご覧ください。この記事もチェック【徹底解説】アンカーテキストとは?SEOやCV改善に重要な点を解説アンカーテキストとはWebページのリンクされたテキストで、SEOの観点からも重要です。アンカーテキストを適切な場所に魅力的な文言で設置すること...aタグの4つの使い方aタグの主な使い方としては、下記の4つがあります。ここでは、それぞれの使い方を解説していきます。同じタブでリンク先へページを切り替えるaタグの基本的な使い方は、アンカーテキストをクリックした際に同じ画面でリンク先のページに切り替える方法です。設定は、以下のように行います。別タブでリンク先のページを開くaタグでは、リンク先を別タブで表示させることも可能です。設定は、以下のように「target="_blank"」を用います。rel="noopener">ナイルのSEO相談室</a>「target="_blank"」を使う際の注意点は、「rel="noopener"」または「rel="noreferrer"」をセットで付けることです。設定しないようになっています。Docs)なお、ブラウザによっては、上記の話のように付与した場合と同じ動作を取るようになっています。これは「target="_blank"」にはセキュリティ上の脆弱性があるためで、Googleのエンジニアも以下のように発言しています。blank"は、サイトをパフォーマンスとセキュリティの問題にさらす可能性があります。修正するには、これらのリンクにrel="noopener"またはrel="noreferrer"を追加します。@GoogleChromeちなみに、「target="_blank"」の部分を「target="_self"」とすると同じタブでリンク先が開かれます。何も記述しなければ同じタブで開かれるため、基本的には設定する必要はありません。画像にリンクを張るaタグは、以下のように画像にリンクを張ることも可能です。以下の画像をクリックしてみてください。この設定をする際は、下記のとおりimgタグを<a>タグで囲います。alt="ナイルのSEO相談室ロゴ画像"/></a>「alt」の部分は検索エンジンが画像の内容を把握するためのヒントにしているため、その画像を説明するテキストを入力します。イメージとしては、altはアンカーテキストの代わりだと思って記載してみてください。この記事もチェックalt属性とは?SEOに効果的な書き方や設定・確認方法を解説alt属性とは、画像表示の代替となるテキスト情報です。同じページ内の別箇所へリンクさせるaタグは、同じページ内の別箇所へのリンクも可能です。ユーザーはリンクをクリックすると、リンク先の見出しやテキストの位置までスクロールします。設定は、以下のように「#」と「id」を用います。id="(任意の単語)">テキスト</span>※「任意の単語」の部分には、「#」と「id」で同じ文言を入れます。id="matome">まとめ</span>記述する際の注意点は、「リンクを張る部分」と「リンク先」の両方にaタグもしくはIDの記載をする必要があることです。どちらか片方だけ記載しても、リンクは設定されません。本記事でも目次の部分でこの使い方をしています。そのため、目次内の見出しをクリックすることで、該当箇所にスクロールされます。その他、SEOについて知りたい方は以下の資料をチェックしてみてください。\SEOの基礎を学べる!1問1答資料はこちら/aタグを設定する際のSEO上の3つのポイントaタグを使用する際、設定したページを検索結果の上位に表示させるためのポイントは下記の3つです。ここでは、それぞれのポイントの詳細を見ていきます。アンカーテキストはクリックされやすい文言にするポイントの1つ目は、ユーザーの興味が沸くようなアンカーテキストを心がけることです。ユーザビリティを向上させるため、リンク先がどのようなページかわかりやすい文言にして、「クリックしてみたら想像と違った」と思われないようにしましょう。クリックしたユーザーをがっかりさせるような過度に期待を煽るアンカーテキストも厳禁です。Googleの公式サイトは、アンカーテキストについて以下のように説明しています。リンクテキストとは、リンク内に表示されるテキストです。対して、リンク先のページについての情報を伝えます。ページ上のリンクには内部的なリンク(サイト上の他のページを参照しているもの)もあれば、外部的なリンク(他のサイトのコンテンツにつながるもの)もあります。リンク先のページを理解しやすくなります。ガイド(Google検索セントラル)ここで示されているのは、アンカーテキストに含まれるテキスト情報は検索エンジンのページ理解に用いられるなど、SEOに関わる要素になるということです。そのため、可能な範囲でリンク先を示すキーワードを含むテキストを記載するとSEO上の効果が見込めると考えられます。リンクを設定するときは基本的にaタグを使う2つ目のポイントは、リンクを設定するときは基本的にaタグを使うことです。属性が指定されたaタグのみリンクをたどることができるからです。Googleのヘルプページでも、以下のように記載されています。タグが使用されているリンクのみです。引用:適切なタグを使用する/リンクをクロールできるようにする(Google検索セントラル)反対にいうと、検索エンジンはaタグ以外のスクリプトで生成されるリンクなどをたどることができません。以上のことから、クロールへの影響を考えると基本的にサイト内のリンクはaタグで設定することがおすすめです。aタグで設定されていることを確認する方法としては、主に以下の2つがあります。nofollowを上手に活用するaタグを設定する際は、nofollowを上手に活用しましょう。nofollowは、検索エンジンに「このリンクをたどってはならない」というヒントを出す際に用いられるタグで、以下のように設定します。rel="nofollow”>ナイルのSEO相談室</a>有料リンクやコメント、ユーザーによって生成可能なコンテンツなどに対しては、このnofollowを活用することで、SEO上のデメリットを受けずに済みます。nofollowについては下記の記事で解説していますので、詳しく知りたい場合はご覧ください。この記事もチェックnofollowとは?使い方や設定方法、SEO効果について解説nofollow(ノーフォロー)属性とは、リンク先を検索エンジンにクロールさせたくない時、リンク先のサイトと関連付けたくない場合、検索エンジンへ...絶対パスと相対パスの違いaタグでは同じウェブサイトの中でページを移動する場合に、下記のようにURLを省略して記載することもできます。href="blog/1066/">アンカーテキスト</a>このとき、(1)のようにURLを省略せず記載することを「絶対パス」、(2)のように省略して記載することを「相対パス」といいます。外部サイトへのリンクを張る際には必ず「絶対パス」で記載する必要がある点に注意してください。リンクを張るときはaタグ!この鉄則を忘れずにaタグはリンク先を指定するためのHTMLタグです。Googleの検索エンジンはaタグのリンクのみをたどることから、SEOの観点ではリンク先の指定はaタグを使用することが推奨されます。コンテンツを作成する際には、記事の中で解説しきれないことや補足説明をリンク先に委ねることでユーザーが見やすいページにすることを目標にしましょう。作成した記事が検索結果の上位に表示されるためにも、本記事で紹介したポイントを押さえながらaタグでリンクの設定をしてみてください。ナイルでは、検索エンジンやSEOの疑問について回答した無料のPDF資料もご用意しております。SEOをうまく進めるためには、どういう体制が望ましいのか?Googleの評価基準が更新されるタイミングは?GoogleとYahoo!の検索結果に違いは?など、弊社によく寄せられる質問を中心に回答しています!お気軽に以下のバナーをクリックして、ダウンロードフォームより資料をお申し込みください。シェアPIVOTにもスポンサード出演しました!チャンネル登録者数が100万人を超えるYoutubeチャンネルPIVOTにスポンサード出演しました!動画内では、マーケティング組織立ち上げのための新しい手段についてお話しています。マーケティング組織に課題がある方はぜひご覧下さい。目次に戻るもっと効果的な集客施策してみませんか?無料で相談してみる会社概要ダウンロードWeb戦略の情報を定期的に受け取りたい方メールマガジンを登録する取材・メディア掲載に関するお問い合わせは、こちらからお問い合わせください。