COCOONタップターゲットのサイズ変更をしました。

GoogleSearchConsoleで大量の改善が必要なURLが
タップターゲットのサイズが適切に設定されていませんの修正
CSSコードの追加
まとめ
ついでに
りんちゃん♡ムーちゃん
1. 関連

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

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

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

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

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

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

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

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

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

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

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

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

CSSコードの追加

.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に追加してみます

ダッッシュボードの外観の「追加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でのスピードがあがりますよ！

追記