本文に入る前に、ブログをカスタマイズすることは超重要という話をさせてください。
ブログをカスタマイズすることは、SEOの内部対策をする上で、とても重要です。
はてなブログは、とてもシンプルで使いやすいブログサービスではありますが、誰もが読みたくなるような記事を書いても、既存のデザインテーマでは、その内容に見合ったアクセス数を得ることが難しいデザインになっています。
そう言える理由としては下記のようなことが挙げられます。
・SNSシェアボタンが小さすぎてシェアされにくい
・見出しやタイトルのデザインがシンプルすぎて文章が読みにくい
・デザインにオリジナリティがないため、読者に自分のブログを覚えてもらうことが難しい
ブログデザインをカスタマイズすることは、より読みやすいブログを追求するという点、そして、より多くのアクセス数を得るという点でとても重要なのです。
今回の記事では、はてなブログを運営している方に向けて、最低限カスタマイズしておくべきポイントを、CSSやHTMLを全く触ったことがないブログ初心者でもわかるようにご紹介しています。
誰でも簡単にカスタマイズを始められるよう、コピー＆ペーストを主体としたカスタマイズ方法でご紹介していますので、ぜひ参考にして頂ければ幸いです。
リゾートバイトをしながらノマド生活をする20代のフリーランスです。リゾートバイト5年目、過去にフィリピン留学、オーストラリアでのワーキングホリデーの経験あり。現在は長野県でリゾートバイトをしながらブログを書いています。
- はてなブログのカスタマイズ全まとめ【他のブログに差をつける】
はてなブログのカスタマイズ全まとめ【他のブログに差をつける】
はてなブログのカスタマイズを始める前にしておくこと
カスタマイズを始める前に、3つだけしておくべき準備があります。
はてなブログのテーマをダウンロードしておく
このブログでは、はてなブログの公式テーマである「BLANK」を利用しています。この記事で紹介しているカスタマイズは、基本的に「BLANK」以外のデザインテーマでも応用可能ですが、複雑なテーマを選んでしまうとデザインが崩れてしまうため、このブログでは「BLANK」の利用を推奨しています。
レスポンシブデザイン対応のテーマ「Blank」 - テーマ ストア
Font Awesomeを導入しておく
このブログでご紹介しているカスタマイズ方法では、無料のWEBアイコンフォントである「Font Awesome」を利用しています。ブログをカスタマイズする上で、超重要なアイテムなので、カスタマイズを始める前に導入しておきましょう。
プロフィール画像を用意しておく
プロフィール画像は、インターネット上の自分の顔になります。このブログで使用しているプロフィール画像は、「ココナラ」というサイトで作成してもらいました。ネット上には、無料でプロフィール画像を作成できるアプリやツールがたくさんありますので、自分のイメージに合った画像を用意して下さい。
はてなブログのカスタマイズ【超初級編】
まず始めに、今までHTMLやCSSを触ったことがない方でも、抵抗ゼロでカスタマイズが始められるよう、超簡単なカスタマイズを2つご紹介したいと思います。
はてなブログの横幅やサイドバーの幅を変える方法【はてなブログのカスタマイズ】
こちらの記事では、ブログデザインの基礎となるブログ全体の横幅や、サイドバーの横幅を変える方法をご紹介しています。
ブログがどのように出来ているのか、構造をイメージしながらカスタマイズしてみてください。
はてなブログで文字の大きさや文章の行間の高さを変える方法【はてなブログのカスタマイズ】
こちらの記事では、ブログ内の文字の大きさや、行間の高さをカスタマイズする方法をご紹介しています。
ちなみに、ブログを読みやすくする上で、文字の大きさや行間はとても重要です。このブログでは、文字の大きさを17px、行間を1.8em(文字に対して1.8倍)に設定しています。
はてなブログのヘッダー部分のカスタマイズ
はてなブログのヘッダーに画像を使っている方は多いですが、ページの表示速度を考えると、ヘッダー画像よりもHTMLとCSSでカスタマイズする方が快適です。また、デザインの観点から見ても、HTMLとCSSのヘッダーの方がカスタマイズが簡単なので、ぜひ参考にしてください。
はてなブログの記事内のカスタマイズ
読みやすい記事にするために私がカスタマイズしたこと【はてなブログのカスタマイズ】
はてなブログのカスタマイズ【サイドバーのカスタマイズ】
はてなブログの「読者になる」ボタンをカスタマイズする方法【はてなブログのカスタマイズ】
こちらの記事では、はてなブログの「読者になる」ボタンをカスタマイズする方法をご紹介しています。
既存の読者になるボタンは小さすぎるので、この機会にぜひカスタマイズしておきましょう。
