レスポンシブデザインはSEOに有利?WordPress等のCMSでは?

公開日: : 最終更新日:2015/06/08 SEO

   
 
   

レスポンシブデザインはGoogle推奨なの?

この記事は、既に保有するサイトをレスポンシブ化しようか、または新規作成するサイトをレスポンシブで作るべきか悩んでいるユーザーのお役に立つと思い書かせて頂きました。
WordPressでスマホ表示用プラグインとどちらにすべきかや、ブラウザによっては部分的に非表示にすることについても後半触れています。

この記事では

  • Googleが推奨してるの?
  • レスポンシブデザインにする目的?
  • 実際のところレスポンシブだと順位が上がるの?
  • WordPressで構築する場合、WPTouchとどちらが良い?
  • display:none;を一行書くことに躊躇する

これら題材を扱っています。

Googleが推奨してるの?

Googleは3つの制作手法を推奨しています。それは、

  • レスポンシブ デザイン
  • 動的な配信
  • 別個のモバイル サイト

引用元:Google-スマートフォン向けウェブサイトの構築

詳細な説明は引用元に任せるとして、「Googleはレスポンシブデザインを推奨しているか?」という問の答えは、「推奨している」になります。
ただし誤った理解をしている方が多くいますので付け加えますが、「レスポンシブデザインでなければならない」訳ではありません。
目的を達する上で、良い方法の一つであると言うことです。

レスポンシブデザインにする目的?

最大の目的は、PCやタブレット、スマホのいずれのデバイス(端末)からアクセスしても同一の情報を表示出来る点にあります。
また、1枚のhtmlファイルで作成するため、デバイス別にページを作成する場合に比べ工数が少なくて済みます。
デバイス毎に異なるURLとし振り分けての運用を行う場合には、デバイス間でURLが異なるが同一のコンテンツであることを正しくマークアップする必要があります。(rel=”canonical”が代表的)

実際のところレスポンシブだと順位が上がるの?

順位へのプラス影響はありません。
デバイス別にページを作成しており、かつコンテンツの重複判定を受けないよう正しいマークアップを行っていないサイトとレスポンシブデザインでのサイトを比較した場合であれば、後者に軍配が上がりますが、加点よりは減点がないと考えるべきでしょう。

稀なケースだとは思いますが、PCから光回線での閲覧であっても表示に時間が掛かるサイトの場合、3G回線での表示にはストレスとなるかと思います。
この場合、直帰率や滞在時間に悪影響が現れ、その結果として順位に悪影響を与える可能性はありますので、一般的なスマホのスペックや回線状況を加味した上で、難のあるサイトに限っては、レスポンシブの採用を見送ることが減点をなくすと言えます。

WordPressで構築する場合、WPTouchとどちらが良い?

ここまでをお読み頂ければ分かる通り、PCとスマホで表示されるURLが異ならず、コンテンツにも差異がないのであれば、どちらを選択するかはサイトの開発者、運営者が扱いやすい方法を選ぶことがベストです。

WPTouchでの開発事例が多く、メンテナンス含め管理が容易であればプラグインを選ぶべきですし、WordPressサイトであってもバージョンアップ時の対応を考え、プラグインを極力利用しないことを優先しレスポンシブで制作することも良いでしょう。

display:none;を一行書くことに躊躇する

気持ちは非常にわかります。
やはり内部ソース、ここではcssを指しますが、チェックを行う際に”none”と”-9999”はこれでもかと言うほど丁寧な確認を行います。

結論から書きますと、「その一行を書く理由は正当か?」ということ。
PC表示時の下方に小さな文字で配置したSEO目的での記事を隠すのであれば当然アウトです。
PC表示では電話番号画像、スマホ表示では電話発信用リンクとしたテキスト表示にしたい場合であればOKです。
(jsでスマホの場合にだけというマークアップを推奨する方もいるでしょう。ただ上記例のようなPC・スマホで双方向display noneは正しい使い方です。)

スマホでは長文は読みにくいから非表示という考えに私は反対です。
であれば、より自由度の高い別ファイル別URLを採用できるにも関わらず、レスポンシブで構築しながら表示させるコンテンツを選ぶことはサイト構築法の選定から見直すべきだと考えます。

 
という訳で、サイトのリニューアルや新規作成をお考えの方、スッキリ出来たでしょうか?
スッキリ出来たところで大変恐縮ですが、これからサイトを作るのであれば「プログレッシブ エンハンスメント」についても知っておく必要があります。先日のGoogle公式発表を受け、分かりやすい記事としましたので、合わせてどうぞ。
プログレッシブ エンハンスメントとは?Googleの推奨するサイト構築法

 

関連記事

コンテンツSEOセミナー開催しました(過去形)

コンテンツSEOセミナーへのご参加ありがとうございました。

昨日(2015年2月24日火曜日)コンテンツSEOセミナーを開催させて頂きました。 急な開

記事を読む

SEO外部対策の仕方は?

外部SEO対策の方法(ホワイトとブラック)

SEOには、内部と外部がありますね。 内部対策は地道にサイト編集することでより良く最適化さ

記事を読む

SEOの戦略を事前にねるべき?

戦略的SEOを取り入れないリスク

2011年頃までのSEO依頼の大半は、「このサイトの順位を1ページ目にして」といったものでし

記事を読む

失敗したSEO例

過去に失敗したSEO施策を7例あげます

弘法にも筆の誤りと言いますが、私のようなひよっこであれば、それはもう多くの失敗をする訳です。

記事を読む

日本語のURLはSEO効果が高い?

SEO効果の高いURLの決め方。日本語?英語?数字?長さは?

もしあなたが、新規にホームページやブログを立ち上げるタイミングで、ドメインやファイル名の決定

記事を読む

コンテンツの文字数とSEO効果

コンテンツSEOには文字数は重要?

さあ!頑張ってコンテンツを自社で作ろう! となった際、多くの方が一番初めに疑問思うのが文字

記事を読む

SEOの要因に直帰率は含まれるの?

SEOとの関係性。直帰率が高い、離脱率が高いと順位は落ちる?

この記事では、一般的なWEBサイトやLPへオーガニック経由でアクセスがあった場合の直帰率や離

記事を読む

SEOエンジニアの業務とは?

SEOエンジニア・SEOスペシャリストとは?仕事内容は?

つい先日もSEOエンジニアという職種について質問を受けました。 やはり、WEBデザイナーや

記事を読む

SSLメールフォームにすると順位は上がる?

SSL導入でSEO効果アップ?順位アップ!?

今回は、はじめにメールフォームや決済情報入力ページをSSL化するとSEO効果があるのかについ

記事を読む

ドメイン移転時のリダイレクト設定とは

ドメイン移転の際は、.htaccessファイルでリダイレクト設定を忘れずに【必須手順】

ウェブサイトの運営過程で、サイトドメインを変更するケースもあるでしょう。 中には、あるどメイン

記事を読む

 
 
2019年のSEO
2019年のSEO。私が頑張りたい4要素。

昨年(2018年)は書くのを忘れました。今年は書いておこうと

Googleの個人名「ナレッジパネルの認証を受ける」の申請方法・編集

Googleで個人名検索をした際に表示される「ナレッジパネル

検索意図ドリル
コンテンツマーケティング関連本「検索意図ドリル」書きました。

ドリルを書きました。 「は?ドリル?あの漢字とかの?」 こ

2017年のSEOトレンド
2017年のSEOトレンド予測と重点対策ポイント

2017年に注力すべきSEO領域、新たにキャッチアップすべきSEO

SEOとキーワード数
SEOとキーワード数(メタタグ・タイトル・1ページ内)の正しい設計

この記事は、ご自身でサイト上位表示に取り組む方向けの内容です。

→もっと見る

PAGE TOP ↑