モバイルフレンドリー対策「Googleの紹介する3つの施策とは」

SEO Googleの推奨する3つのモバイルフレンドリー施策とは

スマートフォンの普及が高まり、検索ワードの7割弱がモバイル媒体から検索が行われている昨今、Googleはサイトの評価を「モバイル版ページのみ」で行っています。この事からSEO対策を行う上でモバイルフレンドリーなサイト構築を行うことは最重要項目になりました。 今回の記事ではWEBサイトをモバイルフレンドリー化させる施策として、「Google検索セントラル」でGoogleが公式に発表している方法を紹介致します。

モバイルフレンドリーとは

現在、モバイル端末(スマートフォンの事でiPadなどのタブレットは含まれません)は検索が行われるメーンのツールになっています。そのため、モバイル端末用の画面を用意することがユーザビリティを向上させる為に最重要の項目となっています。SISTRIX社の調査(※)によると、スマホを使用した検索数がデスクトップを使用した検索数を大きく上回るという調査結果が出ています。以下は調査結果を元に作成したグラフです。
※参考「SISTRIX Gmbh|The proportion of mobile searches is more than you think – What you need to know

モバイル端末とデスクトップ端末の検索割合(調査結果をもとに作成)

モバイル端末でPC専用画面を閲覧する事は、文字は小さくて読みづらく、ピンチインやピンチアウトが必要となりユーザビリティを大きく損ないます。そこでモバイル端末に合わせたサイト構築を行うモバイルフレンドリーというサイト構築方法が重要になっています。

モバイルフレンドリーなサイト構築に取り組む必要性

モバイルフレンドリーなサイト構築に取り組む事はモバイル検索の絶対数が増えている昨今では必要不可欠です。

実際にモバイルフレンドリーに取り組むことが自社やユーザーにとってどのようなメリットが有るのか説明していきます。

  1. ページの可読性向上

    スマートフォンでネット検索をしているとき、気になるページを開いたらPC版のページで「文字小さい!ピンチしないと見にくい!」という経験をしたことがあるかもしれません。このようなページはユーザーにとって使いづらいページであり、重要な情報が乗っているページでも読む前に他のページを見に行ってしまう可能性があります。見にくく使いづらいページはユーザービリティを損なうことに繋がりユーザーが自社について知る機会を損失するだけでなく、SEO対策においても不利になります。

    Googleの経営理念の1番目には「ユーザーに焦点を絞れば、他のものはみな後からついてくる」と掲げており、SEOの評価基準にもそのユーザー第一主義が反映されています。

  2. モバイルページの評価が検索順位を決定する

    • 以前:評価対象はPC用ページ
    • 現在:評価対象はスマホ用ページ

    モバイルファーストが進められてきた結果、モバイル端末用ページが検索結果の順位を決定する評価の対象となりました。

    先程挙げたGoogleの経営理念では5番目に「情報を探したくなるのはパソコンの前にいるときだけでない」と掲げています。このことからもGoogleがモバイル端末への対応がいかに重要視しているかをがわかります。

モバイルフレンドリーへの施策

上項で「何故モバイルフレンドリーなサイトづくりに取り組むべきなのか?」について説明をしました。この項では実際に何に取り組めば良いのかについて解説します。

Googleが紹介している施策は3つです。

  1. レスポンシブウェブデザイン

    Googleが最も推奨しているWEBデザイン方法です。その理由は後に紹介する2つと異なり、ページを構成する「HTML」を複数個作成する必要が無いという点が大きな利点です。その理由は記事の内容を更新する際のメンテナンス性が高いという1点に集約されます。
    また、PC用ページとモバイル端末用ページのURLが共通であり、Googleのクローラによるクローリングが行われやすくなります。

    デメリットは、「テキスト」「画像」などをスマホ画面とPC画面のどちらにも対応可能な配置にする必要があり、デザインに制約を受ける上にサイト設計の段階で綿密な計画が必要です。サイトレイアウトやデザインのプランが立てば、後は「meta viewタグの追加」「画面サイズごとにCSSの記述を設定する」の2つの設定だけでレスポンシブデザインに対応が可能です。
    「参考:Google検索セントラル|レスポンシブウェブデザイン

  2. 動的な配信

    動的な配信とは、URLは一緒でもアクセスするデバイスごとに異なるHTMLとCSSを表示するコーディング方法です。
    この方法のメリットはデバイスに併せてHTMLとCSSの記述を自由にコーディングできる点です。これにより、凝ったデザインのページを作成することが可能です。
    デメリットはページの修正を行うときにPC版とモバイル端末版の両方を修正する必要があり、メンテナンス性が低いという点です。
    「参考:Google検索セントラル|動的な配信

  3. 別々のURL

    別々のURLはGoogleにより紹介はされていますが「推奨しません」と赤文字で注意書きされています。
    その理由は勿論メンテナンス性の問題です。「動的な配信」と異なりURLが端末ごとに変化します。そのため、メンテナンス性が著しく低いと言えます。
    しかし、デバイスごとに自由なデザインを作成が可能なのでメンテナンス性を考えずにデザインに凝りたい人には向いているかもしれません。
    「参考:Google検索セントラル|別々のURL

モバイルフレンドリーなサイトかチェックする方法

Googleが提供している「モバイルフレンドリーテスト」を実施すると、自社のWEBサイトがモバイルフレンドリーなサイトになっているか確認することができます。使い方は簡単で、検索ボックスにテストを実施したいWEBサイトのURLをコピー&ペーストして「URLをテスト」をクリックするだけです。
参考:モバイルフレンドリーテスト

モバイルフレンドリーテストのTOP画面

まとめ

SEO対策としては「内部対策」や「Googleのクローラーに向けたサイト最適化」など他にも様々な方法があります。今回紹介したモバイルファーストはそれらの対策の1つに過ぎませんが、特に重要な施策なのでまだ対応できていないという方は取り組んでみて下さい。