ありのごとくあつまりてFC2ブログカスタマイズ,共有テンプレート,素材リンク集,フリーソフトの紹介など。 迷子にならないブログ作りを目指し... 何か1つでも お役に立てる情報 を提供できたらいいなぁと思っています。

モード変更

この記事に含まれるタグ (Keyword) :
FC2ブログ  ページナビ  変数  スクリプト未使用  SEO対策  

スポンサーサイト

--/--/-- (--)  カテゴリー: スポンサー広告
上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。
スポンサーリンク

はてなブックマーク  Google Bookmarks Google Bookmarks Yahoo!ブックマーク Facebook Twitter
お役に立ちましたら、応援して頂けると嬉しいです(*´`*)
記事を読んで頂きありがとうございます。 FC2ブログランキング

URL http://arinogotokuatumarite.blog19.fc2.com/blog-entry-.html

--/--/-- ~ | Comment (-) tweet? | ↑ ページ先頭へ ↑ |

SEOにも有効なFC2ブログの新変数 lastpage_url

2011/09/24 (土)  カテゴリー: FC2マニア・仕様関連
ページ移動用の変数で出力されているもの

スマートフォン用テンプレート までカスタマイズできるようになったFC2ブログ。 テンプレート編集をしていて 「おっ!!」 と思う見慣れない変数(公式マニュアルには今のところ載っていないもの) を見つけて色々テスト。 PC用テンプレートモバイル(ガラケー)用テンプレート でも機能する 有効な変数 を見つけたので紹介します。

スマホ用テンプレートには、図のように ページ移動用のリンクが出力できる変数 が予め入っていますが、これは javascript を使わずに機能する便利なものです。
ここでの 4ページ目 は ./?cat=23&page=3 となっているように、○ページ目 とはズレています。 でも、この変数ではそれが出力できるようです。 ソースは以下のようなものになっています。

<!--firstpage_disp--><a href="<%firstpage_url><%tail_url>"><%firstpage_num></a>...<!--/firstpage_disp-->
<%template_pager1>
<!--lastpage_disp-->...<a href="<%lastpage_url><%tail_url>"><%lastpage_num></a><!--/lastpage_disp-->

<%template_pager1> は PC用では機能しないようですが、それ以外の 太字になっている変数 はPC用,モバイル用,スマホ用で 問題なく機能します。 という訳で...

ページナビ部分,javascript ON・OFF の状態

このようにカスタマイズして使ってみることにしました! ちなみに、最初の図とページ数が異なるのは、PC用 と 携帯用(スマホ用・モバイル用) で表示件数の設定を変えているためです。
[ 関連記事 : FC2ブログ 環境設定の変更 ブログの設定2011 ]


PC用テンプレートに <%lastpage_url> を設置する方法,その目的

【 単純にこれだけ使う場合 】

<!--not_permanent_area--><!--not_titlelist_area--><!--not_edit_area-->
<!--not_date_area--><!--not_index_area-->

<!--prevpage--><a rel="nofollow" href="<%firstpage_url>" title="最初のページへ"><!--/prevpage--> <%firstpage_num> <!--prevpage--></a><!--/prevpage--><!--nextpage--> ~ <a href="<%lastpage_url>" title="最後のページへ"> <%lastpage_num> </a><!--/nextpage-->

<!--/not_index_area--><!--/not_date_area-->
<!--/not_edit_area--><!--/not_titlelist_area--><!--/not_permanent_area-->

※エリア変数は一例です。 月別エリア や トップページ でも表示させたい場合は、灰色部分 の設定を削除して使ってください。 私の共有テンプレートでは 便利ナビのところに 同様の変数が入っているので、その中に 太字部分のみ 入れてもらえばOKです。

※<%firstpage_url> で出力されるURLは ./category23-0.html などのような形式となり、メインの ./blog-category-23.html と タイトルや内容の重複が起こるので rel="nofollow" を入れ、検索エンジンにクロールされないようにしています。

【 他のページナビスクリプト と一緒に使う場合 】

[ 関連記事 : ページナビ(ページ移動スクリプト)の設置方法 ]
ページナビが表示される位置に、以下を追加。 javascript OFF の場合のみ適応。

<noscript><!--prevpage--><a rel="nofollow" href="<%firstpage_url>" title="最初のページへ"><!--/prevpage--> <%firstpage_num> <!--prevpage--></a><!--/prevpage--><!--nextpage--> ~ <a href="<%lastpage_url>" title="最後のページへ"> <%lastpage_num> </a><!--/nextpage--></noscript>

何のために <%lastpage_url> を使うのか?

  1. セキュリティ面など javascript OFF でアクセスしている方のため
    新しい順,古い順 どちらからでもアクセスできるようにしておくことは無駄にはならないはず。 こんなに簡単に設置できるのだから追加しておいた方が親切かも。。。
  2. 検索エンジンにも辿ってもらえるよう SEO対策 として
    FC2ブログの場合、一般的に見て 1ページ目 が強くなり 2ページ目,3ページ目... となるにつれて検索エンジンの辿る頻度も少なくなっているかと思います。 もちろん、ページの作り方次第 だとは思いますが、javascript で生成されるリンクと異なり、この方法なら ロボットにも見つけてもらえますよ。

モバイル用テンプレートに <%lastpage_url> を設置する方法

ついでなので... モバイル(ガラケー)用テンプレートにも設置しました。 ソースは以下のような感じで使えると思います。 適当にアレンジして使ってみてくださいね!

<!--page_area-->
<!--nextpage-->計 <%total_pages> ページ : <!--/nextpage--><font size="2"><!--prevpage--><a rel="nofollow" href="<%firstpage_url><%tail_url>"><!--/prevpage--> <%firstpage_num> <!--prevpage--></a><!--/prevpage-->~ <!--nextpage--><a href="<%lastpage_url><%tail_url>"><!--/nextpage--> <%lastpage_num> <!--nextpage--></a><!--/nextpage--></font>
<!--/page_area-->

※モバイル用テンプレートでの <!--page_area--> には <!--index_area--> の他に <!--category_area--> と <!--date_area--> も含まれます。 (PC用とは異なります)

※<%firstpage_url> で出力されるURLは ./?mode=m&cat=23&page=0 などのような形式となり、メインの ./?m&cat=23 と タイトルや内容の重複が起こるので rel="nofollow" を入れ、検索エンジンにクロールされないようにしています。

[ 関連記事 : ブログのページナビゲーション (便利ナビ) ]
[ 関連記事 : ページナビ(ページ移動スクリプト)の設置方法 ]
[ 関連記事 : スマートフォン用テンプレートのプレビュー方法 ]
[ 関連記事 : FC2ブログのエリア変数 表示されるページ見本 ]
[ 関連記事 : FC2ブログの 「非公開変数」 のまとめ ]
[ 関連記事 : ウェブマスターツール 重複エラー対策のまとめ ]

キーワード検索 : FC2ブログ  ページナビ  変数  スクリプト未使用  SEO対策  

スポンサーリンク

はてなブックマーク  Google Bookmarks Google Bookmarks Yahoo!ブックマーク Facebook Twitter
お役に立ちましたら、応援して頂けると嬉しいです(*´`*)
記事を読んで頂きありがとうございます。 FC2ブログランキング

URL http://arinogotokuatumarite.blog19.fc2.com/blog-entry-205.html

2011/09/24 ~ | Comment (0) tweet? | ↑ ページ先頭へ ↑ |
 @arinogotoku
  • paruparu (arinogotoku) on Twitter
    ツイートが上手く表示されない時は Twilog or 公式Twitter などから見てください。

-0 Comment

コメントを投稿する 記事: SEOにも有効なFC2ブログの新変数 lastpage_url


お気軽にコメントをどうぞ。
ソースコード等の < と > は (実態参照に変換されるので) そのまま使ってOKです。 & は 全角 に変えて使ってください。

  任意 : 後から修正や削除ができます。
  非公開コメントとして投稿する。(管理人にのみ公開)
 

Trackback

上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。