モバイルフレンドリーに対応する8つの方法

2015/03/25 18:15

今回皆さんにご紹介するのは、モバイルフレンドリーに関する話題です。

モバイルフレンドリーとは、スマートフォンから閲覧した際に、ウェブサイトが最適化されていることになります。

2015年4月21日には、Googleはモバイルフレンドリーアップデートを予定しています。

モバイルフレンドリーアップデートとは、スマートフォンの表示に対応していないウェブサイトは、検索順位を下げるといものになります。

逆に言うと、スマートフォンの表示に対応するウェブサイトは検索順位を上げる可能性があります。

更にその上、モバイルフレンドリーアップデートは、パンダアップデートやペンギンアップデートよりも影響が大きいとGoogleの方がコメントしています。

2015年4月21までには、サイトのスマートフォン対応をすることが、ウェブサイト運営者にとって、緊急かつ重要な課題となっています。

モバイルフレンドリーテスト

まずは、テストしてみましょう。

Googleは、モバイルフレンドリーかどうかテストするツールを無料で提供しています。

モバイルフレンドリーテストでもし、NG項目が発生しましたら、エラーの内容に応じたサイトの修正が必要になります。

モバイルフレンドリーに対応する8つの方法

モバイルフレンドリーに対応する8つの方法をGoogleが公式にアナウンスしているのでこちらでご紹介します。

1.Flashをつかわない

スマートフォンで表示できないFlash形式のファイルはモバイルフレンドリーではありません。

PCサイトのみで使用し、モバイルページを別途用意するかあるいはFlashの使用をやめるというのも選択肢の一つかもしれません。

2.文字を大きめに設定

スマートフォンはPCに比べて画面が小さいため、PCでは見やすい文字もスマートフォンでは縮小され読みづらくなります。

スマートフォンサイトは文字を大きめに設定しましょう。 ズームしないと見えないサイズはNGとなります。

3.コンテンツのサイズとスマホの画面のサイズがぴったりあっている

コンテンツがはみ出てしまい横スクロールしないと内容を見る事ができないサイトはモバイルフレンドリーではありません。

コンテンツの幅とスマートフォンで表示する画面の幅をぴったり合わせましょう。

4.リンクとリンクが近すぎない

リンクとリンクが近すぎると誤って隣のリンクをタップしてしまいがちです。

スマートフォンの表示でリンクと隣り合う別リンクの距離は適切に設定しましょう。

5.モバイルフレンドリーテストに合格すること

サイトを修正したら必ずチェックしましょう。

設定漏れがあれば項目ごとに修正を行い対応完了を確認しましょう。

6.Google のウェブマスター向けモバイル ガイドに合致している

モバイルガイドにそったサイト作成方法や改善方法について最新のものがGoogleから提供されています。

項目を一つひとつ見てみましょう。

7.ウェブマスターツールのモバイルユーザビリティレポートを見る

モバイルフレンドリーテストはサイト全体の問題の検知からページごとの分析まで行うことができとても便利です。

ですが、問題点としてサイト修正してからモバイルユーザビリティレポートに反映するまで時間がかかる場合があります。

分析結果がしっかりと反映されたことを確認してからレポートを見ることをおすすめします。

8.CMS向けガイドを確認する

「CMS」とは、「Contents Management System:コンテンツ・マネジメント・システム」の略です。

WordPressやjoomlaなどのシステムを使用しているサイト用にモバイルフレンドリーの対応方法がGoogleから提供されています。

該当するCMSを使用しているウェブサイト運営者の方はぜひ参考にしてください。

参考サイト:CMSとは?初心者でもわかるCMSの基礎知識とメリット、導入事例

スマートフォンサイト生成ツール

作業をする人員や担当者の工数が確保できない場合はスマートフォンサイトを作成するツールを利用するのも選択肢の1つです。

サービスとしては様々ありますが、今回は2つご紹介します。

Dudaは、中小企業にWebデザインサービスを提供する企業向けのWebデザインプラットフォームです。

引用 (日本語訳):duda|ABOUT US|https://www.duda.co/about

※Duda Mobileには、14日間無料トライアルプランがあります。

shutto(シュット)とはPCサイトを元にドラッグ&ドロップでスマートフォン向けページが作成できる2011年リリースの純国産スマートフォンサイト変換・作成サービスです。

引用:shutto|スマホ変換シュット|shuttoの特長|http://shutto.com/feature/

まとめ

モバイルフレンドリーアップデートは、スマホ検索結果にかなり大きい変化をもたらすことが予測されております。

このアップデートをピンチでなくチャンスにするためにもサイトのスマートフォン対応をすすめていただき、モバイルフレンドリーアップデート後に対応した検索エンジン最適化をはかりましょう。

参考: Google 検索セントラルブログ|検索ユーザーがモバイルフレンドリーページを見つけやすくするために|2014年11月19日水曜日時点

この記事を書いた人

SEOタイムズ 編集部

SEO対策実績「20,000社」を超えるGMOソリューションパートナー株式会社がインハウスSEOに取り組む企業様・個人に向けSEO情報を発信。

"Web初心者にもわかりやすく"をコンセプトにSEO対策情報をお届けします。

ランキング

  • 週間
  • 月間
【Illustratorのパターンの作り方】初心者でも簡単!パターンの基本を教えます!
1
【Illustratorのパターンの作り方】初心者でも簡単!パターンの基本を教えます!
2022/03/25 11:00
web
2
CSSでかっこいいアニメーションを作ろう!~animationの基本~
2022/07/08 18:34
web
#コーディング
3
【GA4】平均エンゲージメント時間とは?定義と滞在時間との違いを徹底解説
2023/02/27 12:00
SEOツール
#アナリティクス
4
AIツールとは?おすすめのAIツール27選をジャンル別にご紹介
2023/05/15 12:00
SEO対策
5
CSSの基本!横並びなどフレキシブルに対応する「Flexボックス」
2021/11/15 13:46
web
【Illustratorのパターンの作り方】初心者でも簡単!パターンの基本を教えます!
1
【Illustratorのパターンの作り方】初心者でも簡単!パターンの基本を教えます!
2022/03/25 11:00
web
2
CSSでかっこいいアニメーションを作ろう!~animationの基本~
2022/07/08 18:34
web
#コーディング
3
【GA4】平均エンゲージメント時間とは?定義と滞在時間との違いを徹底解説
2023/02/27 12:00
SEOツール
#アナリティクス
4
CSSの基本!横並びなどフレキシブルに対応する「Flexボックス」
2021/11/15 13:46
web
5
重ね言葉、知らないうちに使っていませんか?
2022/11/22 12:00
web
#ライティング

SEOタイムズとは?

SEOタイムズとは?

SEOタイムズは、Webマーケティングに取り組むWeb担当者向けのSEO対策特化型の情報メディアです。テーマは「SEO開拓者のバイブル」。

"初心者にもわかりやすく"をコンセプトに、SEO対策に関する有益な情報を発信しています。
20,000社以上の幅広い業種の集客支援実績から得られた経験とノウハウをベースに最新の情報をお届けします!

今すぐ出来るSEO対策情報も満載。あなたのWebマーケティング戦略を成功に導きます。