[SEO Tuning Eiger] CSSでフォント調整、highlight.js、Zenback、Google Anlaytics、広告類を追加してみました

まずはフォントをなんとかして(最優先!)、外部連携ツールをいろいろ導入してみました。

css/css_all.css に、body のフォント周りのスタイルを追加

body {
  line-height: 1.8;
  font-size: 16px;
  font-family: "Lucida Grande","segoe UI","ヒラギノ丸ゴ ProN W4","Hiragino Maru Gothic ProN",Meiryo,Arial,sans-serif;
}

HTMLヘッダー に highlight.js 追加

<!-- highlight.js -->
<link rel="stylesheet" href="http://yandex.st/highlightjs/7.5/styles/obsidian.min.css">
<script src="http://yandex.st/highlightjs/7.5/highlight.min.js"></script>
<script>hljs.initHighlightingOnLoad();</script>

ウィジェット関連

  • 【blog】サイドバー ZenBackWidget に Zenback スクリプトコード追加
  • 【blog】Google Analytics にトラッキングコード追加
  • 【blog】SNSボタン類(忍者ツールズ) にボタンコード追加 → これ、どこにも適用されてないから追加しないと!
  • AD追加【blog】サイドバー 広告AdSense /【blog】広告 コンテンツ直下AdSense /【blog】広告 コンテンツ直下楽天ヴィジェット / 【blog】広告 コンテンツ直下楽天ヴィジェット

まだタイトルロゴはSampleだし、検索動いてないし、タイトル直下のカテゴリ一覧のグローバルメニュー見難いし、フッター素のままだし、やることだらけです。