既にモバイルフレンドリーテストには合格していても､実際に自分のスマホで見てみると､変なところはたくさんみつかるもので…｡
とりあえず､今日は､ほぼすべてのページで起こっている現象から修正していきます｡
↑【お問合せ】が途中で改行されてしまっています…(ToT)↑
ビューポートの数字を変更するのも面倒です｡
全角の【】を半角の[ ]に変えて､文字列の前にあった全角スペース3つのうち､2つを削除し､
[お問合せ]
に変更しました｡
↓それがこちら↓
とりあえず､これで見栄えは修正できました｡
タイトルバナーと[お問合せ]の間にもまだ全角スペースが1文字分残っているので､Googleに｢クリック可能な要素同士が近すぎます｣と言われることもなさそうです｡
全ファイルを手作業で変換するのは面倒なので､以前から気になっていた｢GrepReplace｣というソフトをインストールして使ってみようと思います｡
次回は､｢GrepReplace｣の感想なども含めてお伝えします｡