「タップターゲットのサイズが適切に設定されていません」COCOONの修正方法！

GoogleSearchConsoleで大量の改善が必要なURLが

GoogleSearchConsoleで今すぐ開始をクリックすると

改善が必要なURLが86件にも💧

難しい設定はまだ出来ないので1個ずつ修正して少し減ったときもあるのですがまた、急に増えちゃいました💧

エクスペリエンスの改善が必要の所の86をクリックすると

PageSpeedInsightsを試すとあるので試します

下にスクロールすると修正が必要な項目がずらり出てきます。修正してもまだ修正が必要と出てくる項目もありますが中にはブログ村のPVポイントバナーが効かなくなったり、サイドバーに貼り付けた人気記事の右にスクロールさせるボタンが動かなくなったりと不具合も起きたりするので、1個なにか修正したら確認しないといけません。1こずつでないと何が不具合だったのか探すのがまた大変なので・・・

タップターゲットのサイズが適切に設定されていませんの修正

そのずっと下の方に「タップターゲットのサイズが適切に設定されていません」とあります

これはプロフィールのSNSフォローのアイコンです

COCOONのプロフィールの設定では作りたいボタンのURLを入力することしかできません💧

それじゃいらないから消そうとSNSボタンのURLを削除したらサイドバーに設定した「SNSフォローボタンからも消えてしまいました・・・

CSSコードの追加

このコードをCSSに追加してみます

ダッッシュボードの外観の「追加CSS」を開いて

追加CSSの3までは前に入れていたので4を1行開けて5から貼り付けました

公開をクリックして

大きくなりましたか？

やった～大きくなりました☆ただ、本当は上のコード四角ではなく丸にするコードだったはずなのですが・・・ま、エラーが減ればいいです！

チェックしてみましょう

タップターゲットのサイズは適切に設定されていますになりました♪

まとめ

COCOONの設定でプロフィール画面のSNSフォローボタンの大きさは変更できないのでPageSpeedInsightsでは「タップターゲットのサイズが適切に設定されていません」となっていると思います。解決方法は、

.widget_author_box .sns-follow-buttons.sns-buttons a{
width:2.8rem;
height:2.8rem;
border-radius:50%;
}
.widget_author_box .sns-follow-buttons.sns-buttons a span{
font-size:2.5rem;
}

のコードをダッシュボードの外観→「追加CSS」に貼り付ける

「width:2.8rem」と「height:2.8rem」の2.8を変えると大きさが変わるのでお好みの大きさに変更してみてください

本来「border-radius:50%」の50を変えると角度が変わり50で丸のはずなのですが・・・

COCOONで私と同じようなプロフィールの設定をしている方は、タップターゲットの修正をした方がいいかもですね♪これで、少しですがPageSpeedInsightsでのスピードがあがりますよ！

追記

ついでに

ダッシュボードの外観→ウィジェットのサイドバースクロール追従に入れているカテゴリー「ドロップダウンで表示」にしていたら

コンパクトで気に入っていたのですが

PageSpeedInsightsで確認すると携帯で↓

パソコンで↓になります

カテゴリーに「効果的なラベルのないフォーム要素は、スクリーンリーダーのユーザーにとって不便となる可能性があります」と出ます。

そこでドロップダウンで表示のチェックを外してみたら

デスクトップで今までで最強全部緑になりました。ビックリして「ついでに」の項目をたすのにもう一度元の状態にしてスクリーンショットしたらもう全部緑ではないのですがかなりスピードがあがったみたいです。

今は携帯↓

パソコン↓です

これは、スピードをあげる設定だったので、エクスペリエンスの改善が必要の所の86に変わりはないです💧1個ずつ改善しないとです！

りんちゃん♡ムーちゃん

今日は久しぶりにベランダに出ました

ムーちゃん元気です♪

りんちゃんはまだ寒かったのかさっさとお家に戻っちゃいました

動くからぶれちゃいました。すみません💧

スポンサーリンク