FC2ブログの携帯テンプレートをカスタマイズ
FC2ブログはモバイル用のテンプレートがあります。携帯からのアクセスはほとんど意識していませんでしたので、公式テンプレートのまま放置。たまに人気ブログランキングの自分のサイト名のところに携帯対応サイトのアイコンがあるのを見て、ああ、そういえばモバイルアクセスもできるんだ程度。
Googleの推奨する内部リンクは１００個以下が望ましいという件について投稿しましたけど、実はそのときにGoogleウェブマスターツールの分析で、このブログの相当数のモバイルページが警告になっていることは気が付いていました。
何とかせねばまいね。
という経緯でモバイルテンプレートも少々手を加えることにしました。
実際に現状でモバイルからどれくらいのアクセスがあるのか、何のツールで分析するのか分かりません。丁度そんな折、NINJAツールが１０月１日よりモバイルアクセス解析についても強化するというメルマガが来たので、１０月はモバイルアクセス強化月間にしてみようかと考えています。
Googleのウェブマスターツールの分析画面を見てみました。ひと月ほど前に「メタタグでdescriptionsタグをページごとに変える方法」でMetaタグ Descriptionsはカスタマイズ済みです。これにより「重複するメタデータ（descriptions）」の警告は、80個から現在24個、約３分の１に減りました。いまだ重複しているdescriptionsは、コメント投稿後にシステムから戻される "/?no=記事��"のURL。これはどうにもならないから無視。
一応、Google ウェブマスターツールから、"/?no="のURLを削除申請。ワイルドカードも付けずに "/?no=" で削除申請したんだけど現在処理保留中。どうせエラーになるでしょう。
完全にゼロにするためには、開いているURLを取得してdescriptions を変更するようなJavaScript でも書けばいいのかもしれないけど、そんなことやってる時間があったら別のことやったほうが有意義かと。
さて、残るはタイトルタグの重複対策です。
警告の中身を見ると、ほとんどがモバイル関連のURL。
ひとつ例を挙げてみましょう。
熟年からはじめる海外アフィリエイト Google フィード向けアドセンスを設置してみた３つとも mode=m 、つまり携帯閲覧用ページのタイトル重複です。
/?mode=m&no=87&m2=res
/?mode=m&no=87&m2=tb
/?mode=m&no=87
今回のモバイルテンプレートカスタマイズは、このGoogle様が警告されている「タイトルの重複」を回避するのが目的です。
使用しているモバイルテンプレートを修正することに。
デフォルトで使用されていたモバイルの公式テンプレートをケータイから見たけど、ちょっと不満。私あすかＣ爺としては、どうしても「カテゴリ」の表示が欲しかった。
そこで、最新記事一覧の他にカテゴリ表示のできる携帯用テンプレートを探して差し替えておきました。これは本来の目的とはちょっと違うおまけのようなものです。
タイトルが重複してしまう代表的なページが上記の３つなんだけど、パッと見で、"&m2=res" はコメントページ、"&m2=tb" はトラックバックページ、そして"&no=87" は記事ということがわかります。
FC2のテンプレートの変数一覧で、コメントとトラックバックの各ページを識別させる変数を探したけど無い。よって、このRESとTBは諦め、トップページと投稿記事のタイトルは変えてあげようということにしました。
それがこちら。
トップページだったらブログタイトル、以外はサブタイトル（投稿記事タイトル）
<title><!--index_area--><%blog_name><!--/index_area--><%sub_title></title>PC用の <!--index_area--> 変数が使えるみたい。
よしよし・・・
タイトルの重複は本日現在で163個。これも３分の１くらいに減ってくれれば良いかしらと考えてます。
Google様のご指示にはできる限り従って、警告は少なめに抑えておきたいということです。完璧にゼロにできればそれに越したことはありませんが、そこまで神経質になるここともないだろうという判断ですし、テンプレートのカスタマイズはやり始めたらきりが無いですから。
と言っておきながら、どうせカスタマイズするならついでにあと２箇所修正です。
ブログタイトルには h1タグ
<h1><a href="<%url>/?m">熟年からはじめる海外ｱﾌｨﾘｴｲﾄ</a></h1>何で手書きにしているかというと、<%blog_name> 変数だと"アフィリエイト"が全角になってしまって半角になってくれない。ケータイのカタカナって半角なんですよね？ってよく知らないけど。なのでカタカナ半角で手書き。
各記事タイトルには h2タグ
<h2><a href="<%topentry_link><%tail_url>"><%topentry_title></a></h2>topentry_title で文書内検索をして該当箇所を見つけましょう。で、この記事タイトルを h2 タグで括ってあげました。
そんなこんなで、携帯用テンプレートもすっきりしましたから、私あすかＣ爺自身は移動中に携帯から自分のブログやコメントを読むことができるようになりました。
スッキリ、爽快。
ついでにサイドバーにはQRコードも追加しときやした。
興味のある方は、モバイルからもアクセスしてね？
ただ、ご存知の通りこのブログは激しく文字数が多いので、乗り物酔いのある方はケータイで読まないほうがいいですｗｗｗ
関連記事
内部リンクのスリムアップ大作戦
メタタグのdescriptionsをページ毎に変える方法
この記事のトラックバックURL
http://jukunenaffiliate.blog84.fc2.com/tb.php/102-e17828e7
この記事にトラックバックする(FC2ブログユーザー)
この記事にトラックバックする(FC2ブログユーザー)
この記事へのトラックバック
_
ミキタカ０８(07/ 05)
爺様ファン(06/ 22)
ちゃおこ(06/ 20)
あすかC爺(06/ 17)
雑食系男子(06/ 17)
雑食系男子(06/ 17)
(05/ 29)
あすかC爺(05/ 28)
あすかC爺(05/ 28)
ちゃおこ(05/ 28)
爺様ファン(05/ 24)
ちゃおこ(04/ 22)
ニコルソン(04/ 22)
あすかＣ爺(04/ 18)
ニコルソン(04/ 18)