新テーマ『まころぐver3.0』について

新テーマ『まころぐver3.0』について

今回は、ブログのテーマ(テンプレート)のお話。

少し前に、Googleの『SearchConsole』を眺めていると、5月末辺りから「改善が必要」の項目が爆増。該当ステータス『CLSに関する問題:0.1超(モバイル)』ですが、どうやら表示速度のレポートがアップデートされたようで…。

どう対処しようかと考えていたところ、何事も無かったように数日後にはステータス『良好』へ復帰。その際『PageSpeed Insights』にてチェックすると…。

ビックリ!!

スマホのスコアが『8点』とはっ!!

ただ、スコアを落とす覚悟で使っているWEBフォントをオフにしてみたところ、スコアは『52点』まで回復。更には、Google関連(アナリティクスや自動広告など)を撤去すると、一気に『92点』まで急上昇。※ちなみにPCは『100点』でした。

という事で、少しだけテーマをシンプルにしてみようと思い、カタカタカタ~っとver3.0を作成。一応、本日から切り替えてみます!!

新テーマ『まころぐver3.0』の変更点について

まず最初に、前回のテーマから大きく変えた部分は、WEBフォントの使用を取り止めた事。この三年間は、個人的に大好きな『Noto Sans JP』を使っていましたが…。

スマホからのアクセスが大半となった今、androidでは『Noto Sans JP』が標準仕様になっている機種があったり、『ヒラギノ』系も嫌いでは無い。要は、PCのWindowsをどうするかという部分だけだったので、思い切ってWEBフォントをパージ。

Windowsで採用したのは…
Yu Gothic MediumのCSS設定

馴染みのある『メイリオ』にしようかとも思ったのですが、印刷物で多用している『游ゴシック』に決定!!素敵なフォントなのに、なぜか細く表示されてしまう現象を嫌って悩んだものの、ウェイトに”Medium”を当ててあげる事で折り合い。

次にガッツリと弄ったのは、旧ブログから気に入っていた、黒い網点の背景を止めた部分。この背景は、複数の要素をレイヤーのように重なり合わせ作っていたのですが、アドセンスの自動広告が強引に入って来たりと具合が悪かったので…。

こんな感じ
アドセンス自動広告

これを解決するため、シンプルな2カラムへとゴッソリ書き直しました。※黒い網点が無くなっただけで、見た目としては殆ど変わらないけど…(^^;

網点にパキっと際立つ白い文字。かなり気に入ってたデザインでしたが、これも時代の流れと言う事で…。

ちなみに…
サイドバーの色

サイドバーの青色バージョンも試してみたところ、これはコレで有りという感じ。ただ、今回は白と黒のコントラストを重視し、全般的に黒の濃度も上げたので青色は見送り。

後は、アドセンス関連の微調整。自動広告が容赦なくpaddingを無視し、ガツっとスペースを埋めてくるので、広告側のCSSを簡単に弄っておきました。

パソコン
アドセンス自動広告の余白

スマホ
アドセンス自動広告の余白(スマホ)

文章や画像の下へ、強引に配置されていた自動広告ですが、余白を調整して独立。

広告に関しては、とりあえず現状で様子を見てみますが、収益が下がるようであれば再調整したいと思います。

スペースを確保
アドセンス自動広告の余白を調整

とりあえず、今回はフレームワークとコンテンツ内の微調整を中心に作業し、マイナーチェンジといった感じの仕上がりですが…。

スマホ
PageSpeed Insights 47点

パソコン
PageSpeed Insights 88点

この辺りで納得しておきます。※Google関連を撤去すると、スマホは90点以上・パソコンが100点になるのはココだけの話し。

さすがに、気に入っているヒーローヘッダーは弄れなかったものの、WEBフォントに網点背景と、大好きだった部分をシンプルにしたので、表示速度や各種スコアが多少は改善される事を祈ります。

新テーマ『まころぐver3.0』について・まとめ

今回は、自分用のメモといった内容になってしまいましたが、ver2.0の調整を主体に作業を進め、気になっていた細かな部分を弄ってみました。上記で紹介した以外にも、余白やマーク等のちょっとした変更を実施。

一通りチェックを済ませたので、とりあえず実戦投入。不具合のある場合は、運営しながら確認していきたいと思います。

一週間ほどで完成!!
パソコンとスマホ画面

最後に、投稿するコンテンツについて。

ブログの新設以降、相変わらずジャンルはゴチャ混ぜですが、出来るだけ純度の高い内容を投稿しようと、日常的な物はTwitterで呟くようにしていました。

ただ、こういったSNSを利用した際、万が一サービスの提供が終われば、残しておきたい投稿も消えてしまうなぁ…。と思ったり。

特に子供達の話題
水やりをする次男君

正直なところ、日記に近い内容はSEO的に不利となるのでは?と思っているものの、ちょっとした話題でも共感して頂けたり、何かしらの暇つぶしになる事もあるかと。

なので、今までの記事に加え、以前のブログのように生活感が漂う、ちょっとした息抜き記事も書いて行こうかと思います!!(^^ゞ

最後まで読んで頂き、ありがとうございます!!

今回の投稿と同じ「WordPress」にある前後の記事は、下記のようになっております。お時間がある時にでもチェックして頂けると嬉しいです!!



また、10月31日現在「ガジェット」には「36件」の投稿があります。カテゴリー内での人気記事や、ブログの最新記事リストも記載しておきますので、宜しければ合わせてご覧くださいませ。

シェア&フォローして頂けると嬉しいです!
タグ:『』|Posted By


『ガジェット』の新着記事『WordPress』の人気記事『当ブログ』の新着記事
コメント
お気軽にコメント下さい

お名前(ペンネーム)

あなたのBLOG URL ※無記入でもOK!

コメント記入欄

コメント欄の『利用規約』を読み、本規約の内容を承諾してから送信下さい。
書き込んだコメント内容は、管理者の認証を受けた後にブログへ表示されます。