このページでわかること
Codexでスマホ表示崩れを直す時の、確認順と最小修正の考え方がわかります。
作業例の概要
スマホ表示崩れは、390pxで見ると見つかることがあります。Codexには崩れ候補の確認と小さなCSS修正を任せ、共通CSSの大改造は避けます。
作業前に確認すること
対象URL、崩れている箇所、PC表示、390px表示、共通CSSかページ個別か、戻し方を確認します。
Codexに任せたこと
横スクロール確認、表/カード/FAQ/画像/iframeの点検、CSS 404確認、最小修正案の作成を任せます。
人間が確認したこと
SEOタグを触っていないか、PC表示を壊していないか、共通CSSの影響範囲が広すぎないかを確認します。
触らなかったもの
SEOタグ、広告タグ、Search Console確認タグ、robots.txt、ads.txt、.htaccess、DB、cron、DNSは触りません。
作業後に確認したこと
390px横スクロールなし、表崩れなし、FAQ読める、画像はみ出しなし、PC表示大崩れなしを確認します。
失敗しやすい点
見た目修正のついでにSEOタグを変える、共通CSSを大きく変える、スマホ確認を省くことが失敗につながります。
FAQ
390pxで見る理由は？
小さめのスマホ幅で横スクロールや表崩れを見つけやすいためです。
共通CSSを直しますか？
影響範囲が広いため、まずページ個別で済むか確認します。
PC表示も確認しますか？
確認します。スマホ修正でPC側が崩れていないか見ます。
表示改善は保証できますか？
保証はできませんが、確認項目を固定すると見落としを減らせます。