これからはモバイルを重視して、モバイルに対応していないサイトの検索ランキングを下げるともとれるような内容でしたので、SEO的にも「これは困った」と思った方もいらっしゃったと思います。Googleが推奨する3つのモバイル対応方法Googleが推奨するモバイル対応方法は次の3つです。それぞれにメリット、デメリットがあります。別々のURLGoogleはそれぞれの方法をとったからといって、検索ランキングを差別することはないといっていますが、1番のレスポンシブ・デザインを強く推奨しています。それぞれについて解説していきましょう。1.レスポンシブウェブデザイン(RWD)ひとつのHTMLに対して、CSS側にウインドウサイズを記述することによって、画面サイズに適切な画面を配信する方法です。URLがパソコン、スマホで同一で、HTMLも同じものを配信できることが特徴です。GoogleはURLが同一ということでクローリングの負担が少なくなるので、レスポンシブウェブデザインを推奨していると考えられます。運用側も、パソコン、スマホと個別に管理する手間がなく、リダイレクト等もないのでページの読み込み速度(これもSEOに大きな影響があります)を短縮することができるので、理想的な方法といえます。デメリットとしては、パソコン、スマホで同一HTMLを使うため、画面毎のレイアウトの変化を厳密に設計する必要があり、導入に少々手間がかかります。新規にサイトをリニューアルするときであれば、RWDを前提にデザインすればよいですが、既存サイトに導入するのはかなり難しいでしょう。動的な配信アクセスしてきたデバイスのエージェント情報を読み取り、それぞれに対応したHTML/CSSを配信する方法です。URLがパソコン・スマホで変わることはないですが、HTML/CSSは個別に作成する必要があります。パソコン、スマホそれぞれ個別のコンテンツを見せたい場合などにも向いています。PowerCMSのDynamicMTMLを使った方法が有名ですね。デメリットとして、どうしてもシステム依存の方法なので、その実装にコストがかかります。CMSなどの導入は必須だと思います。別々のURLスマホサイトと、パソコンサイトを、別のサイトとして運用する方法です。パソコンサイトのコンテンツに左右されることなく、スマホのサイトを構築することができます。スマホユーザーだけにプレミアムなコンテンツを提供したい場合とかにも良いですね。デメリットとして、パソコン、スマホとURLが複数できるということ、2つのコンテンツを管理していかないといけない点があります。別々のディレクトリー+.htaccessでURL書き換えあれ、Googleは3つの方法を推奨していたんじゃなかったでしたっけ。実はもうひとつ方法があります。当サイトがとっている方法です。パソコンはそのまま、スマホは/spディクトリーを新たに作成、コンテンツを出力します。CMSでコンテンツは管理しているのでスマホのためにコンテンツを別に管理する必要がありません。その上で.htaccessファイルに以下の記述を追加し、スマホでアクセスしてきたユーザーを/sp以下のコンテンツを閲覧するように振り分けるわけです。そのためURLはパソコン、スマホで同一のものになります。/CMSを使っていれば、スマホ用に/spディレクトリーに出力するテンプレートを新たに追加するだけですみますので、すでに運用中のサイトを大きくかえることなく、小規模な改修だけで対応できるのがポイントです。デメリットもあります。記事本文中の画像のアップロード先がパソコン用のディレクトリーになるため、スマホ側から参照出来ず(すべて/spがついたURLと認識するため)/sp以下の画像ディレクトリーにFTPでアップロードしなくてはいけなくなっています。運用でカバーとはいえ、結構どんくさい仕様です。急場しのぎのモバイルフレンドリー対応だったので仕方ないです。新規にリニューアルするときには使えませんね。既存サイトを暫定的に対応させるなら、4番の方法が、リニューアルを機にモバイルフレンドリーに対応させようというのであれば、レスポンシブウェブデザインが選択肢の最初になるのかなと思います。Googleは、モバイル検索を、パソコン向けの検索と分離すると最近発表しました。サイトによってはモバイルからのアクセス数が40%を越しているというところもあるとか、このサイトも日によってはモバイルからの閲覧のほうが多い日もあります。モバイル対応は待ったなしです。各方法のメリット、デメリットを把握して対応しましょう。ペナルティにならないよう、基本から勉強しようウェブサイトを作ったら、たくさんの人に見てもらいたいものです。[...]kigoulab2017年3月15日メニューホームUXデザイン診断キゴウラボとはサービスブログUXデザイン診断のお申し込み最近の投稿UI/UXデザインデザインは誤解されている。デザインは誤解されています。デザインは、一般には美術の領域と考えられています。現代のデザインは、美術の領域を超えて、思考方法や、経営手法としても活用されています。[...]tomix2019年11月14日Web制作SEOの基礎知識を初心者向けに話してきました。数日前、Googleが検索エンジンを刷新するという記事がアップされました。日本への展開まではまだ時間がありますが、検索順位に変動があると思われます。慌てることはありません。[...]tomix2019年10月30日UI/UXデザインUXってなに?初心者にもわかりやすいように、自分なりに考えてみた。UX(ユーザーエクスペリエンス:ユーザー体験)というコトバが、一人歩きしています。求人欄には、UI/UXデザイナー募集という項目が沢山ならんでいます。なんでUIと組み合わせなのでしょうか。自分が持っている「強み」ってなんなんでしょう。自分のこととなると、案外わかっているようでわかってない、いいや、客観的に言われて初めて「そうだったのか!」と気づくものかもしません。そもそも日本人に向いてない?PDCAはもう古い、PDCAは時代遅れだ、これからはこのメソッドだ、ツールだという記事をネットで見るようになりました。「PDCAはもう古い。これからはデザイン思考だ」と言うバズワードも出てくる始末です。矢沢ビル4Fミーティング専用スペースにつき、常駐していません。グレースコートA205宅配便、書留、お急ぎの郵便物はこちらの住所にお送り下さい。042-708-8380メールアドレスcontact[at]kigoulab.co.jp[at]を@に変えて送信して下さい。Reserved.お問い合わせ、お申し込みは下のボタンからお気軽にご連絡ください。お問い合わせUXデザイン診断のお申し込み。