犬ターネット

Google ウェブマスターツールから「貴サイトの 66% に重大なモバイル ユーザビリティ上の問題を検出しました」ってメールが来てビビったから調べてみたら、以下2つのエラーが大量にでていた。

• タップ要素同士が近すぎます
• フォントサイズが小です

タップ要素が近いのは css をいじって変更。具体的にはリンクどうしが近そうなところに以下2つを追加。tags のページとかね。

.tags{ line-height: 2em };
.tags a{ padding-left: .25em; padding-right: .25em;}

フォントサイズが小さいのは viewport の設定が影響していた様子。そういやどっかで拾った設定を2年くらい使っていた… ということで以下に変更。シンプル。

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no, target-densityDpi=medium-dpi" />
↓
<meta name="viewport" content="initial-scale=1.0" />

しばらくこれで様子をみてみる。