スポンサーリンク

Webサイトのモバイル対応方法1

概要

SEO検定1級再受験に向けて、ダウンロード学習コースで勉強始めました。

モバイルフレンドリーアップデート後は、PCとモバイル版の検索順位が変わるようになった。

GoogleはURLが1つですむリキッドレイアウトという技術を使ったレスポンシブWebデザインや動的な配信を推奨している。一方で別個のURLでつくるモバイルサイトは推奨していない。

レスポンシブWebデザイン


  • Googleがサポートするモバイルサイト構築方法
  • 同じURLでPCで見た時それぞれに対応して見やすく表示される
  • リキッドレイアウトという技術を使用
  • PCサイトもスマートフォンサイトも同じURL

  • GoogleがレスポンシブWebデザインを推奨する理由


  • URLが1つなので共用やリンクが簡単
  • ページへのインデックスの割り当てが正確
  • 同じコンテンツのページの複数維持や管理の手間が省ける
  • モバイルサイトのよくあるミスが抑えられる
  • 読み込み時間の短縮
  • リソースの節約ができる

  • レスポンシブWebっデザインのデメリット


  • HTML、CSS、Javascript等の知識が必要
  • 外注すると制作費がかかる

  • 動的な配信


  • Webデザインのデメリットを克服できる
  • PCとモバイルのURLは同じ

  • 別個のモバイル


  • これまでのサイトはそのままに別個モバイルサイトを作る方法

  • Googleが推奨しない理由


  • 手間がかかるため一部のみ作るケースが多い
  • サイトが2つになり更新に手間がかかる
  • 新規ページを作ろうと思ったら、PCとモバイル2ページ作らなくてはいけない
  • クローラが二度手間になる
  • 本の紹介

    コメント

    タイトルとURLをコピーしました