SEO対策：投稿記事のCSSカスタマイズ

おしゃれなサイトが作成できると評判のAmebaOwnd（アメーバオウンド）ですが、記事を投稿するときに使用する見出しのサイズが少し大きすぎると感じていました。以前から変えたいと思っていたのですが、ようやくその対応をしました。

変更前と変更後の画面

変更する前のパソコン上、Googleでの画面はこちらでした。

変更した後はこのようになっています。

微妙な差なのですが、大見出しの文字サイズが少し小さくなっています。でも上下にラインが入ったので、結構イメージが変わった気がしています。

CSSのカスタマイズ

詳しい方のサイトを参考に

オウンドの見出しの大きさは決まっているので、変える場合はCSSをカスタマイズするようになります。CSSはまだ勉強中なので、今回はまずネットで検索して詳しい方のサイトを参考にしました。

「CSSカスタマイズでWebページの見栄えと読みやすさを向上する」というブログです。

色々参考になったのですが、まだ全部理解は出来なかったので、取り急ぎ「見出し文字サイズを変更する」の分だけ、実際に使われたコードをそのままコピーしました。（ありがとうございます！）

ちゃんとラインまで入っているのは、そのためです。自分では出来ません。。

やり方はオウンドのヘルプ、「CSSをカスタマイズする」を見ました。コピーしたコードを指定された場所に貼って保存するだけで、無事変わりました！おぉっ！

でも参考にしたサイトとこちらのサイトではデザインテーマが違うためだと思うのですが、見出しの上の間隔がもう少し狭くしたいなと思ったので、そこだけ変更しました。

本を参考に変更

間隔の変更をするために、コードのどの部分を変更すればいいのかわからなかったので、一冊本を購入しました。

コピーしたサイトに使用されているコードを、本で探して、margin（マージン）の数値を小さくしました。これでいいのかは自信はありませんが、間隔は狭くなったので、結果よしとします。

カスタマイズの必要性

CSSカスタマイズでサイトの見映えをよくすることが、直接SEO対策になる訳ではありません。でももし訪問してくださる方がいたとしても、見辛い画面だったらすぐ離脱されて離脱が多いと、結果Googleの評価が下がってしまうこともあるようです。

かっこいいサイトは目指していませんが、見やすくてわかりやすい画面にはしたいと思っていますので、そのために必要なカスタマイズは出来るようになりたいです。

今回は他力本願で対応しましたが、CSSはもっと勉強していきたいと思います。