Jekyllのサイトを改造してみた

はじめに

このサイトはJekyllという静的サイトジェネレーターで作成しています。
デフォルトのままでもいいのですが、それだと機能が限られています。
ということで、それを改良してみたログです。

初期状態の本サイトは、下記記事をもとに作成しております。
Jekyll Set Up -GitHub PagesにJekyllでブログを作成するまで-
さらにそこから、3つのメニューページを追加しています。

これらは、最初からある”index.markdown”…Indexページのコードをコピーし作成しています。

Googleアナリティクスとサイトを連携することで、サイトのアクセス数・状況等を把握できます。
GitHub Pages で Google Analytics を使うシンプルな設定
Jekyllの設定、”_config.yml”を1行追記するだけなので楽です。

将来的にGoogleアドセンスをこのサイトに貼りたいと考えた時、問題になるのはどう挿入するか。
それを調べた結果、下記サイトを発見しました。
jekyll で作った github pages の posts にアドセンスの記事内広告を貼る
ただしアクセス数が増えるまではその予定はないため、ひとまずはこのサイトの方法でレイアウトをカスタムできるようにしました。
そして行ったカスタマイズは、SNSボタン設置です。
はてなブックマークボタン

Twitter share
Tweet
Facebook share

これでサイトがSNSに共有されて、アクセスが増えやすくなる…はず

その他下記のプラグインを追加しました。
_config.yml

plugins:
  - jekyll-redirect-from # リダイレクト
  - jekyll-seo-tag # SEOタグ
  - jekyll-sitemap # サイトマップ
  - jemoji # 絵文字
  - jekyll-mentions # メンション

このうち、jekyll-seo-tagで実装されるSEOタグ、jekyll-sitemapで実装されるサイトマップはSEO対策のために追加しています。
SEOとは？押さえておくべき24のSEO対策方法とポイント
これで検索エンジンに引っ掛かりやすくなる…はずです。