FIELD NOTES FOR IN-HOUSE WEB STAFF

企業WEBノート

自社サイトをひとりで回す、企業WEB担当のための実務メディア

無料ツール|印刷用チェックリスト

スマホで表示が崩れている?自分で見つけて直す確認手順チェックリスト

まずはこの3つができれば、初回は合格です。最低ラインはここだけに絞ります。

  • 崩れの指摘があったページを、自分のスマホの実機で開いた
  • 指で左右にスクロールして、横に動くか(右に余白が出るか)を確かめた
  • はみ出している場所があれば、画像・表・長いURLのどれかに見当をつけた

残りは「気になったときにやる」任意項目です。当てはまらなければ、空欄のままで問題ありません。

  • はみ出していた画像を、スマホの幅に合わせてリサイズ・圧縮して差し替えた
  • 横に広い表を、項目を絞る/縦並びにするなどで収めた
  • 長いURLのリンクを、短い文字(「詳しくはこちら」など)に置き換えた
  • 土台に関わる崩れは、スクリーンショットつきで制作会社への相談メモに残した
スマホ表示の崩れを直し終えて、きれいに収まったサイトをスマートフォンで見ながらすっきりと前を向いている企業のWEB担当者

「スマホで崩れてる」と言われると、どこが悪いのかわからないうちが、いちばん不安なものです。 でも、自分のスマホで開いて指で左右に動かしてみれば、「どこがはみ出しているのか」は案外すぐ見えてきます。全部を今日直す必要はありません。はみ出している画像や表を1つ整えるだけでも、画面はぐっと収まりよくなります。今日ひとつ確かめて、ひとつ整えられたなら、あなたのサイトは昨日より少しだけ見やすくなっています。

この内容は記事「スマホで表示が崩れている?自分で見つけて直す確認手順」のチェックリストです。印刷してそのままお使いいただけます。 / 無料ツール一覧へ