ブログ

アノテーションとは?SEOを意識した正しい設定方法

近年はPCサイトだけでなく、スマホ向けのサイトを作成することも当たり前になってきました。各デバイス向けのサイトを作るということは、それぞれのURLが異なることもありますが、コンテンツは同じなのにURLが異なることによって生じるSEO上の問題点があります。これを解消しないとせっかくスマホ向けサイトを作っても検索エンジンの評価が上がらないどころか下げてしまうことにつながる場合もあり、注意が必要です。

PCサイトとスマホサイトを一緒に作るうえでの「アノテーション」の設定について、詳しく説明していきます。

アノテーションとは?

アノテーションとは、PCやスマホなど各デバイス向けに作られた別々のURLが存在することを検索エンジンに認識させる設定のことをいいます。PCサイトだけでなくスマホサイトなどを一緒に公開する際は設定するようにしましょう。

PCサイトとスマホサイトそれぞれのheadタグのなかに適切なタグを組み込むことで、PCサイトとスマホサイトの両方が存在することを検索エンジンに認識させることができます。

どんな場合にアノテーションをする?

PC向けサイトとスマホ向けサイトの内容(コンテンツ)がまったく同じなのにそれぞれのURLが異なるときがあります。こういう場合にアノテーションの措置を取ります。

例えば以下のようなURLの場合、
PCサイト http://example.com/
スマホサイト http://sp.example.com/

同じ内容なのに違うURLが2つあることがわかるでしょう。
検索エンジンはそれぞれが違うサイトであると認識できないことがあり、結果的に「重複サイトがいくつもある」と認識されて検索評価が落ちる可能性があるのです。

これを解消する措置が、アノテーションということになります。

アノテーションの設定方法は?

PCサイト、スマホサイトそれぞれのページ内に指定のタグを設定します。

PCサイトの場合はheadタグのなかに「link rel=“alternate」を入れて、スマホサイトのURLを指定します。同様に、スマホサイトの場合はheadタグのなかに「rel=”canonical」を入れて、PCサイトのURLを指定します。

これにより「PCサイトのほかにスマホサイトがある」、また「スマホサイトのほかにPCサイトがある」ということを両方のサイトから検索エンジンに認識させることができます。

PCサイト(トップページ)

PCサイト内に、「スマホサイトも存在する」ということを認識させるためのタグを入れます。

<link rel=”alternate” media=”only screen and (max-width: 640px)” href=”http://sp.example.com/” />

このようにalternateタグを指定することで検索エンジンは「対応する内容のスマホサイトがある」ことを認識し、その関係性によって検索評価をするのです。

スマートフォンサイト(トップページ)

スマホサイト内に「PCサイトも存在する」ということを認識させるためのタグを入れます。
<link rel=”canonical” href=”http://example.com/” />

このようにcanonicalタグを指定することで、PCサイトとスマホサイトは相互に関係しているということを検索エンジンが認識するようになります。

アノテーションをしていない場合のSEOにおける問題とは?

検索エンジンは基本的に「重複コンテンツは同時に表示させない」という特性を持ちます。アノテーションを設定しないといずれのURLも重複コンテンツと見なされてしまう可能性があるのです。重複コンテンツがあると検索評価は下がってしまい、上位表示が難しくなります。

アノテーションをしないと、被リンクの評価が下がる可能性も否めません。本来であれば一つのURLに被リンクが集中しているような形が評価を得やすいですが、アノテーションをしないと被リンクの評価が分散してしまいます。被リンク対策という点でもPCサイトとスマホサイトの関連性をしっかりと検索エンジンに認識させることが重要です。

また、Googleはモバイルフレンドリーアップデートと呼ばれる、スマホ対応しているサイトを適切に評価するアップデートを行いました。アノテーションを行っていればPCでの検索にはPC向けのページが、スマホでの検索にはスマホ向けのページが表示されるようになりますが、アノテーションがされていなければどちらのページが表示されるのかが制御できなくなります。

アノテーションとは、このような重複評価や被リンクの分散評価を避け、スマホ対応を行っていることを適切に伝えるためのSEO対策といえます。

近年の検索エンジンは、スマホサイトの最適化にも力を入れています。PCサイトとスマホサイトで内容が重複しているのに「別々のURL」として見られると検索評価は下がってしまうのです。

細かいことではありますが、このようなSEO対策を怠ると検索上位表示の可能性も低くなります。せっかくPC向け、スマホ向けのそれぞれのデバイスでコンテンツを配信するわけですから、Googleに適切に評価されるようベストなSEO対策を心がけましょう。

◇この記事もおすすめ!
・SEO対策(検索エンジン最適化)とは?初心者にもわかりやすく解説します





■関連情報:サクラサクマーケティングのSEOコンサルティングサービス
中小・ベンチャー企業の売上をサポートするSEO対策低価格・高品質なSEOコンサルティング

無料メルマガのご登録(無料)

SEOの最新情報を無料でお届けします!





プライバシーポリシー

監修者:笹本 雅人

記事一覧

SEOシニアコンサルタント

2013年株式会社ブレインネットに入社し、会社合併を経てサクラサクマーケティング株式会社に合流した後も現在に至るまでSEOコンサルタントとして大小問わず様々なクライアントの集客向上に貢献。

特にシステム開発がからむSEOを得意としているほか、自社メディアのブログの作成・監修を行い、数多くのキーワードで上位表示を達成している。



無料資料ダウンロード

サービス資料ダウンロード

用語集

ソースコード集

お役立ちリンク集

無料メルマガのご登録(無料)

SEOの最新情報を無料でお届けします!





プライバシーポリシー

お役立ちツール

カテゴリ一覧

タグクラウド

新着記事一覧

  1. 【失敗から学ぶ】なぜ中小企業のWEBマーケティングは失敗するのか?vol.1:市場環境編

    サクラサクマーケティング株式会社の社長の根岸です。 今回は中小企業ならではのWEBマーケティングが苦戦する理由を弊社の顧客、また弊社自身の事例から解説していきたいと思います。 弊社では15年間にわたって、SEO施策を中心 […]...

    1. 令和時代に活躍出来るWEBコンサルタントとして押さえておくべき4つのスキル

      初めまして。アカウントコンサルティング事業部 部長の角田です。 私がサクラサクマーケティングに入社してから4年。WEB広告の多様化が進み、Googleのアルゴリズムが大きく変遷して、SEOやWEBコンサルタントに求められ […]...

      1. 【SEO検証】オリジナル画像を使うと順位が上がるのか?サクラサクラボ事例を公開!

        記事などに画像を使用する際には、PIXTAやShutterstockなどの素材画像を使用することも多いかと思います。 しかし、そのまま使ってしまうと他のサイトでも見たことのあるようなものになりやすく、オリジナル性に欠ける […]...

おすすめコンテンツ

  1. SEO対策(検索エンジン最適化)とは?初心者にもわかりやすく解説します

    SEO対策とは「検索エンジン最適化」のことで、数あるWeb集客手法の中でも、検索エンジンからの成果を最大化することです。基本的にはユーザーや検索エンジンからより評価されるように、WebサイトやWebページの変更・改修を続 […]...

    1. コンテンツマーケティングとは?特徴と事例、社内でできる方法を解説します

      ここ数年で急激にコンテンツマーケティングという言葉を聞くようになりました。しかし、「興味があるがまだ着手できていない」という人や、「そもそもどんなコンテンツを作ればいいのかわからない」、「社内で運用しているが成果がでない […]...

      1. SEOに強いコンテンツは回答性×網羅性×文字数×ユーザー体験

        目次 SEOに強いコンテンツとは回答性網羅性文字数ユーザー体験[回答性×網羅性×文字数×ユーザー体験]を考慮したSEOに強いコンテンツ制作お問い合わせフォーム SEOに強いコンテンツとは 検索エンジンで上位表示をさせるた […]...

最新情報を取得する

PAGE TOP