地元密着なびメールマガジンはこちら

スマホで表示されない文章・メニューはないか?

パソコンでの作業に慣れていると、パソコンでの見た目やHTMLソースを重視しがちです。

しかし、Googleのモバイルファーストインデックス(スマホで表示されるページを検索結果に表示させる)がほぼ完了している現在、重要なのは「スマホで表示される外観・HTMLソース」です。

パソコン用とスマホ用とで別のホームページを用意している場合、検索結果に出るのはスマホ用のみです。

SEOの施策はスマホで表示されるページで行わなければなりません。

また、パソコンで表示させている文章や画像・メニューの一部をスマホで表示させない場合、Google検索でも存在しないものとして扱われます。スマホで表示されない文章や画像はGoogleの巡回プログラムにとって存在しないも同然です。

※ただし、タップして開閉するメニューなどは、重要度を低く見積もられますが無視はされません。

「スマホは持ってない」
「パソコンの方が操作が慣れていて楽」

などの方でも、手軽にスマホでの見た目をチェックできる方法を紹介します。

  1. チェックしたいページをブラウザで開き、適当な箇所でマウスの右ボタンをクリックします。出て来たメニューの【要素を検証】【開発者ツールで調査する】【要素を調査】などの項目をクリックします。
    devtool1
    Google Chromeの場合
    devtool1-1
    Microsoft Edgeの場合

    devtool1-2
    Mozilla firefoxの場合
  2. 下図のように画面が切り替わるので、赤で囲んだ箇所をクリックします。切り替わらない場合は、緑で囲んだ「タブレットとスマホが重なったようなアイコン」をクリックします。devtool2
  3. スマホやタブレットの機種名が出てくるので、とりあえず iPhone を選択します。
    devtool3
  4. 画面が縦長に切り替わります。場合によってはページを読み込み直す必要があるかもしれません。
    devtool4

1999年11月22日

Posted by 新谷貴司