blogger 携帯から見たい (docomo)

先日同窓会をアップして、同級生にURLを伝え見てみてよ、なんてしていたら、
「docomoの携帯から見れないじゃん、PC持ってないし」みたいなお叱りを。
（ちなみにdocomo以外も見れないのかは未確認）

そんなで調べたらBloggerには携帯向けに自動でページを変換する機能がないとのこと。
今まで知りませんでした。iPhoneしか持っていなかったので全然気にしてませんでしたが、
確かに携帯で見たい人も多いはず。

でもやり方がないわけではなく、次の２つが主な方法のようです。

Blogger アイコンを変えてみる（FavIcon from Pics）

いつまでもデフォルトのBloggerアイコンのままでは嫌だなと思いつつも
絵心のない私にとってはアイコン作りは苦痛で、やむなく後回しに。

そんな中、既存のイメージファイルから簡単にアイコンを作成してくれるサイトを発見。

• FavIcon from Pics

使い方はいたって簡単。上記サイトにアクセスし「参照」ボタンをクリックして
PCに保存してあるイメージファイルを選択、「Generate FavIcon.ico」ボタンをクリックするだけ。

変換にはちょっと時間が掛かりますが、気長に待ちましょう。

Blogger ［共有］ボタンを導入してみる

Bloggerで［共有］ボタンが利用可能とのことで導入してみる。

このボタンで利用可能な共有機能は次の5種類。

• メール
• BlogThis!
• Twitter
• Facebook
• Google バズ

方法は管理画面の「デザイン」の「ページ要素」で「ブログの投稿」セクションの「編集」をクリック。
ポップアップした「ブログの投稿の設定」ウィンドウで「［共有］ボタンを表示する」にチェックするだけ。

でも自分の場合はチェックをしても表示されませんでした。
こちらのページを参考にさせてもらい、無事表示させることができました。
Blogger で [共有] ボタンが利用可能に Blogger カスタマイズ情報ブログ

リンク先ページ中ほどに『[共有] ボタンにチェックを入れたのに、ボタンが表示されない場合の導入手順』があり、自分の場合はここのaのコードがありませんでした。

Bloggerをはじめよう（ウェブマスターツールに登録）

SEO対策に便利なYahooサイトエクスプローラーとGoogleウェブマスタの登録をします。

• Google ウェブマスタツール
• Yahoo サイトエクスプローラー

図解で説明のあるこちらのサイトを参考に登録しました。
サイトエクスプローラー、ウェブマスタに登録

なお、Bloggerでのメタタグの追加方法はこちらも参考に。

Bloggerをはじめよう（メタタグ作成）

キーワードと説明文用にメタタグを利用します。

• keywords: 重要なキーワードを記述
• description: 重要なキーワード等を含むブログの説明文を記述

キーワードは、googleではほとんど意味ないようですがyahoo対策に。

bloggerの場合は「デザイン」→「HTMLの編集」でソースを表示し、
次のコードを検索。
<title><data:blog.pageTitle/>< /title>
その直後にそれぞれ下記を追加。

・キーワード（3～5個で良いでしょう）
<meta name="keyword" content="キーワード1 キーワード2 キーワード3" />

・説明文
<meta name="description" content="説明文" />

Blogger をはじめよう（検索サイトに登録）

検索用ロボットに検索してもらえるようサイトのURLを登録します。
自分はとりあえず有名どこに追加しました。

• Google: Google に URL を追加 
• Yahoo!: Yahoo! JAPAN - 検索エンジン（クローラー）への巡回リクエスト 
• Bing: URL Submission - Bing 
• baidu百度（バイドゥ）: Baidu（バイドゥ）ブログ検索 - ブログの登録

他にはディレクトリサービスへの登録という方法もある。

• Yahoo!カテゴリ: Yahoo!カテゴリ掲載ガイド - Yahoo!カテゴリ 
• DMOZ ODP: Open Directory Projectへのサイト申請方法

でも自分の場合、この先、このサイトがどんな方向へ進むか分からないしな～
ディレクトリサービスへの登録は一先ず辞めておきました。

Blogger をはじめよう（関連記事（Related Posts）を追加 ）

各投稿ページの下に関連する記事を表示させたい。方法はいくつかあるみたいだが、一番楽そうなをBlogger Related Posts Service（以下BRPS）利用してみた。方法は次の通り。

1. まずはBPRSサイトにアクセスしてキーを取得
   Blogger Related Posts Service
2. [レイアウト] → [HTMLの編集] → [ウィジェットのテンプレートを展開]して下記を検索し
   <div class='post-footer'>
   その前に次のコードを挿入
   <div id='related_posts'/>
   
3. 次に次のコードを検索し（というより一番下の方にあるはず）
   </body>
   その前に次のコードを挿入
   <script type='text/javascript' src='http://www.google.com/jsapi' />
   <script type='text/javascript' src='http://brps.appspot.com/brps.js?key=********' />
   ********は１で取得したキーを入力
   

Blogger をはじめよう（最近の・・・を追加）

これにはフィードというのを利用すれば良いらしい。
[レイアウト] → [ページ要素] → [ガジェットを追加] → [フィード] をクリック。

最近の投稿 （Recent Posts) を追加
http://○○.blogspot.com/feeds/posts/default

最近のコメント (Recent Comments) を追加
http://○○.blogspot.com/feeds/comments/summary

※○○は自分の環境に置き換えを。

Blogger をはじめよう（テンプレートを探そう）

まずは、見てくれというっことで、人と同じで第一印象が大事。とはいえ、デフォルトで用意されているものはどれもイマイチだし、でも自分で一からCSS作るのもな～。
そこで便利なのが海外のテンプレサイト。
Blogger Templates や Blogger Templates by Deluxe Templates がお勧め。
ただし、膨大な量なのでほどほどに（自分は眺めるだけで半日使ってしまった）。

※テンプレ選択する上での注意
投稿日時が表示されなくなるものがある（英語以外のテンプレに多し）
気に入ったものが見つかったらまずは試してみて、表示等がおかしくなってないか確認した方が良さそう。
日時表示以外で、ウィジェットとかは削除してもデフォルトで用意されているものを後から追加できるのでそんなに気にはする必要ななさそう。

Blogger をはじめよう（全体構造編）

過去に何度も挫折をしているが今度こそはと、そんな過去とも決裂するため、
今までのBlogは放置で、新しくBloggerを使ってはじめてみようと思う。

とはいえ、色々なBloggerカスタマイズサイトのように凝ったBlogは、
自分のような時間もそれほど使えないライトユーザーにはできそうにない。

SEO対策なども今は全くお構いなしなので、「それなり」に必要最低限がそろえばOK。
でもその「それなり」ってやらがどこまでなのが難しいし、載っているサイトがなかなか見つからない。

なのでそんな「それなり」に必要最低限のBlogger構築をしてみたいと思う。
まずは何をするにも全体像を把握から。

1. デザインを決めよう
1. テンプレートを導入
2. 足りないパーツを追加
2. 投稿しよう
1. 投稿
2. 続きを読む
3. アフィリエイト