- オンライン
10/23水12:00〜13:00
リンクタグはサイトを運営している人にとっては、あまりにも当たり前過ぎるものだが、リンクタグの設定方法によってサイト全体のSEOに無視できない影響を与えることを知っている人は、それほど多くはないのではないだろうか?
そこで、ここでは、
をご紹介する。
人によっては、当たり前過ぎて、「何を今さら」と思われるかもしれないが、SEO内部対策を行う時には必須となる知識およびテクニックなので、しっかりと理解しておいて欲しい。
目次
リンクタグとは、ユーザーを今見ているページ(ページA)から、他の見て欲しいページ(ページB)へ誘導したい時に使う技術のことだ。
リンクタグを設定したテキストは通常、下図のように視覚的にそれがリンクであることが分かるようになる。これは誰もが見たことがあるもののはずだ。
方法は後述するが、テキストだけでなく画像にもリンクを設定することができる。
なお、自サイトのあるページから別のページへのリンクを内部リンク、自サイトから他のサイトへのリンクを外部リンクと言う。
ここで知っておいて欲しいのは、リンクにはSEOに好影響を与えるものと悪影響を与えるものがあるということだ。
次に、それぞれのリンクの違いをご説明する。両者をしっかりと見極めて、適切なリンク設定を行い、ユーザーにとっても検索エンジンにとっても使いやすいサイトを作り上げよう。
SEOにとって有効なリンクとは、「そのリンクを貼ることによって、ユーザーにとってメリットがあるリンク」のことだ。
例えば、ナビゲーションメニューやパンくずリストは、内部リンクの一つだが、それがあることによって、ユーザーはよりサイト内の目的のコンテンツを探しやすくなる。つまりユーザーにとってメリットがあるリンクということだ。
また、何か外部サイトの情報を引用した場合に引用元として設定する場合や、あなたが書いた記事の補足として外部サイトを紹介する場合などの外部リンクもSEOにとって有効なリンクだ。
なぜなら、それがあることによって、ユーザーは自分が求めている情報を網羅的に得られる可能性が高くなるからだ。
迷った場合には、「このリンクを貼ることによって、ユーザーは喜ぶかどうか」を基準に判断するようにしよう。
ここで記しているようなリンクを設定するとSEOに深刻なダメージを与える。
最悪の場合、Googleから悪質なサイトだと判断されて全ての検索結果から除外されるようになる。
具体的には以下のようなリンクがペナルティの対象となる。
念のため知識として持っておくと安心できるだろう。
隠しリンクとは以下に該当するもののことだ。
普通にサイトを運営していれば、これらを行う可能性はないだろう。
これは、今は行っている人はほぼいないと思うが念のため解説しておく。
ⅰ.過剰なリンク交換とは
1990年代後半から2000年代前半ごろまでは、誰かのサイトからリンクを貼ってもらったらお返しに、自分のサイトからもリンクを貼るという慣習が存在していた。
しかし、ある時期からこの慣習を逆手にとって、意図的に多くの被リンクを獲得し、検索エンジンの上位表示を狙うという手法が蔓延した。
この手法で上位表示されたサイトの大半が全くユーザーにとって役に立たないものばかりだったので、Googleは、この手法をブラックハットと判断するようになった。
ⅱ.相互リンクを目的としたページとは
相互リンクを目的としたページとは、自分のサイトからそのページにリンクをすることと引き換えに、その相互リンクページからリンクを貼ってもらうというページのことだ。
このようなページを容認していると、WEB上に価値のないページばかりが増えてしまうため、Googleはこれをブラックハットと判断するようになった。
今でも「相互リンク」と検索するとこのようなサイトを多く発見できるが、絶対に利用しないようにしよう。
悪質なサイトとは、何らかのツールによって自動生成されたテキストが詰め込まれた意味をなさないページばかりのサイトや、無断複製したコンテンツばかりのサイトのことだ。
通常、これらのサイトに対して、こちらからリンクを貼る機会はないだろう。もし、反面教師として紹介する場合など、必要に駆られて悪質なサイトにリンクを貼る場合は、後述する rel=”nofollow” の設定を行おう。
それでは、リンクタグの設定について解説しよう。ここでは、
の2つをご紹介する。
特にWordPressに関してはすでにある便利な機能を利用するので、タグ設定はとても簡単だ。ただ基本を抑えてほしいのでHTMLのタグ設定から順に読み進めよう。
例えば「マーケティング」というテキストに「http://example.com」というページへのリンクを設定する場合、以下のように設定すれば良い。
1 2 | //テキストにリンクを設定する場合のHTML <a href="http://example.com">マーケティング</a> |
ちなみにリンクが設定されたテキストのことをアンカーテキストと言う。
また、リンクはテキストだけでなく画像にも設定することができる。その場合は、<image src=”画像のURL”>をアンカーテキストの代わりに挿入するだけだ。
1 2 | //画像にリンクを設定する場合のHTML <a href="http://example.com"><img src="https://exapmle.com/images/photo1.jpg"></a> |
簡単なので、特に迷うことはないだろう。
さてリンクタグに関して、押さえておいて欲しいテクニックがある。
の2つだ。早速解説しよう。
通常、リンクをクリックすると今開いているウインドウが、そのままリンク先のページを表示する。これでは今開いているページとリンク先ページを見比べた時や、後になって現在のページをもう一度見たい時に多少不便だ。
そんな時に使うのが target=”_blank” という設定だ。
弊社では、記事中のリンクには全てこの設定を行い、ナビゲーションメニューやパンくずリストのリンクなどは行わないようにしている。
設定方法は簡単で、リンクタグ内に target=”_blank” の記述を追加するだけだ。
1 2 | //リンク先ページを新しいウインドウで表示する方法 <a href="example.com" target="_blank">アンカーテキスト</a> |
リンク先ページにリンク効果を渡したくない場合とは、以下のようなケースに該当する場合だ。
こういう時には、次のようにリンクに nofollow というタグを追加しておく必要がある。
1 2 | //リンク先にリンク効果を渡したくない場合の設定方法 <a href="http://example.com" rel="nofollow">アンカーテキスト</a> |
ここでは例として「マーケティング」というテキストにリンクタグを設定するケースを解説する。
まず WordPress の管理画面にログインして左メニューより「投稿 → 新規追加」の順にクリックしよう。すると下図のように新しい投稿の画面が表示される。
ここで「ビジュアル」タブになっていることを確認しよう。
まず「マーケティング」という文字を入力し、このテキストを選択する。すると下図のように「リンクの挿入」アイコンが押せるようになるので、このボタンをクリックする。
次のリンク設定画面がポップアップで表示されるので設定していこう。
設定が終わったら「リンク追加」をクリックしよう。これでリンクタグの設定は完了だ。
画像の場合もテキストのリンクタグ設定方法とほとんど同じだ。下図の吹き出しの順番通りにクリックすると、同様にリンクタグの設定画面が表示される。
その画面の設定が完了すると、リンクタグは挿入される。
いかがだっただろうか?
サイトを運営し始めたばかりの方や、これからサイトを運営しようと考えている方にとっては、HTMLも絡むので多少難しく感じるかもしれないが、どれも一度やれば覚えられるぐらいに簡単なものなので、しっかりと記憶して実践して欲しい。
広告に頼り切ったマーケティングの打開策としてコンテンツマーケティングについて調べているけれど、よく分からないと悩んでいませんか?
本書は弊社やクライアント様がコンテンツマーケティングに取り組み
など、コンテンツマーケティングの効果と、具体的な施策内容を全94ページに渡って詳細に解説しているものです。
ぜひ、貴社のWEBマーケティングにもご活用ください。