ダークテーマ:ページがモバイルフレンドリーではない(Google Search Consoleより)

参考までに、変更を加えていないダークテーマ(標準装備)をデフォルトテーマとして使用したところ、GSC から以下の苦情が寄せられました。

ページがモバイルフレンドリーではありません

デフォルトテーマを Graceful などに変更すると、GSE から苦情は出ず、Google もページをモバイルフレンドリーと報告します。

奇妙なことに、Google の視点(スクリーンショット)を見ると、Google はデスクトップビューをモバイルとして報告しています。

デフォルトとしてダークテーマを強く希望しているため、これを修正することは可能でしょうか。

「いいね!」 1

はい。GSE で「ダーク」テーマにわずかな CSS を追加することでこれを修正しました。

td.posters > a > img{
    margin:2px;
}

完璧な解決策ではありませんが、少なくとも GSE を通過できるようになります(より良い解決策が生まれるまで)。また、Google 検索結果から恐ろしい「このページはモバイルフレンドリーではありません」というメッセージが消えます。

「いいね!」 5

興味のある方のために更新情報をお知らせします。

Google を喜ばせるために 2px を追加したところ(「Dark」に対する「モバイルフレンドリーではない」という警告がなくなりました)、ユーザーアバターが4つを超えると改行されてしまうため、ごく少量の CSS を追加しました。これで現在、見た目がとても良くなりました:

td.posters > a > img{
    margin:2px;
}

td.posters > a:nth-child(5) > img{
    display:none;
}

追加の 2px とアバター4つのみのスクリーンショット例をご覧ください。見た目は良いと思います(クリーンで)、GSE の基準も満たしています:

ご興味のある方は、今後の更新情報(および詳細)はこちらで確認できます:

「いいね!」 1

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.