スマートフォン最適化

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

2015年4月21日にGoogle社がスマートフォンでの閲覧に適したページの検索順位を引き上げ、適していないページの順位を引き下げる仕組みを発表しました。
この仕組みを「モバイルフレンドリー」と呼んでいます。

Googleの検索結果に動画も表示されることで、ホームページを見てくれる人を増やすことができます。さらに、良質な動画をホームページ内に組み込むことで、SEOの効果も期待できるので、検索順位にも優位に働きます。

モバイルフレンドリーへの対応はSEO対策としても有効ですし、スマートフォンでの閲覧をスムーズなればユーザーに優しいサイトになります。そこでブランディングテクノロジーでは、Webサイトを効果的に活用していただくため、モバイルフレンドリー化をオススメしています。

1-2.自社サイトがモバイルフレンドリーに対応しているかテストする。

「自社のWebサイトがモバイルフレンドリーに対応しているのかわからない」というお客様も多いのではないでしょうか？　そこで最初に自社サイトの状況を知ることが大切です。下記をクリックして、診断したいWebサイトのURLを入力してください。

モバイルフレンドリーかテストするサイトが開きます。 >

1-3.モバイルフレンドリーに対応するには

「モバイルフレンドリーに対応するには、スマートフォンの小さな画面でも閲覧しやすい、操作しやすいWebサイトにすることが基本になります。

• ◎ 小さな画面でも見やすい文字サイズにする
• ◎ 片手や、ながら操作でもクリックしやすいように、リンクボタンを大きくする
• ◎ メニューを画面内に固定して、他ページへ移動しやすくする
• ◎ 電話番号は、タップでそのまま発信できるようにする
• ◎ google mapと連携してアクセスをしやすくする
• などなど・・・

2-1.レスポンシブデザインとは

モバイルフレンドリーやモバイルファーストインデックスに対応するため、ブランディングテクノロジーでは「レスポンシブデザイン」をオススメしています。従来のWebサイトは、PCサイトとスマートフォンサイトを別々に用意し、デバイスごとに最適なページを表示させていました。しかし、PCサイトとスマートフォンサイトでURLが異なり、別のサイトとして認識されるといった問題もありました。その問題を解決し、なおかつデバイスと問わずに表示を最適化できる方法が「レスポンシブデザイン」です。

今までは、PCサイトにはPCサイト用のファイルを、スマートフォンサイトには、（以下「SPサイト」）にはSPサイト用のファイルを、それぞれ用意していました。レスポンシブデザインにすると、１つのファイルでPCでもスマホでも表示できるようになります。

2-2.レスポンシブデザインをすすめる理由

１つのファイルでPCサイトも、SPサイトも表示できることで、どんな良いことがあるのか、ちょっとわかりづらいですよね？見た目では分からなくても、インターネットの世界ならではのメリットがいっぱいあるんです。

googleのロボットに見つけてもらいやすい

googleは検索順位をどのように決めているかご存知ですか？　世界のウェブサイト数は、2014年に10億件を突破したというデータもあり、それを一つ一つ人間が確認することは不可能です。そこで活躍するのは、やはりロボットです。クローラーと呼ばれるソフトウェアが、全世界のWebサイトを巡回して「良いサイト」と「悪いサイト」を評価しています。このgoogleロボットに自分のサイトを「良いサイトです」と認識してもらうことが検索順位を上げる鍵となり、判断基準の一つが「モバイルフレンドリーやモバイルファーストインデックスへの対応＝レスポンシブデザイン」です。

URLが1つになることで拡散しやすくなる

URLが1つになれば流入を集中し、SEOの効果も出やすくなるPCサイトとSPサイトで別々のURLを使用していると、ユーザーの流入が分散してSEOが弱くなってしまう危険性があります。

3-1.レスポンシブデザインが不向きなサイトとは

このページで何度もお伝えしてきたように、レスポンシブデザインは１つのファイルでPCサイトもSPサイトも表示する手法です。そのためコンテンツの内容が複雑なデザイン、例えば文字数の多い、画像を多様しているWebサイトの場合はレスポンシブデザインが難しい場合もあります。その場合は、ユーザビリティを優先して、PCサイトとSPサイトを別々にわけたほうがよいケースもあります。

ご自分で判断するのは難しいと思いますので、スマートフォン最適化をご希望の方はブランディングテクノロジーにご相談ください。

4-2.よくあるご相談、3つのパターン