スマートフォン用のテンプレートを公開しました！ ＋ サポート専用窓口 （4） 【 ありのごとくあつまりて 】

最近、FC2ブログでキャッシュが強くなったのか．．．
記事をアップしても、あるページでは しばらく最新記事が反映されていなかったり、画像のアップロードも最初の1回はすんなりできるものの 続けて2回目をすると 何も反映（アップ）されないので、毎回 ファイルアップロードのページを開き直してからアップロードするという作業が必要になったりしています。。

スマートフォン用テンプレートのプレビューでも 最初の1つしか正しく反映されなくて、2つめ以降はページレイアウトがぐちゃぐちゃで... （これもリロードなどを数回すると正しく反映されるのですが...） 使いづらいと思うのでこれは FC2さんに報告してみましたが、それと似たようなことなのかもしれませんね。。

　追記 ： 2011/11/10　
　スマフォテンプレでのプレビュー時の不具合は 修正されたみたいです。

今回のものは、時間を置いたら反映されたとのことなので 取り敢えず安心しました。

keywords の件、
個別記事ページで、「ユーザータグ有りの場合に ユーザータグとカテゴリー名をキーワードに」 で良いのであれば、以下のような設定で良いと思います。カンマの位置にご注意ください。

<!--permanent_area--><!--topentry-->
<!--topentry_tag-->
<meta name="keywords" content="<!--tag_list--><%topentry_tag_list_name>,<!--/tag_list--><%topentry_category>" />
<!--/topentry_tag-->
<!--/topentry--><!--/permanent_area-->

詳細： FC2ユーザータグを利用したSEO対策
http://arinogotokuatumarite.blog19.fc2.com/blog-entry-48.html

あと、ちょっと別件ですが... Feed ボタンのところ、背景画像が黒っぽいものなので、
Feedボタンの背景画像 はむしろ入れない方が良いかもしれません。
スタイルシートの以下の部分に 赤文字のコメントを加えてください。その行を削除でもOK

#feed {
float:right;
margin:0 auto;
padding-left:26px;
width:152px;
height:25px;
/* background:url(・・・省略・・・ /t_feed1.png) no-repeat; */
}

多分、この方がスッキリするかと思います。

＞個別記事のｋｅｙｗｏｒｄは正しく設定されていました。
たか亭さんの最新記事 「ユーザータグ一覧...」 でカンマがダブっていたので、指定が違うのかなと思ったのですが、空白のユーザータグ が入った状態になっているだけだったのですね。。 該当記事の編集で ユーザータグ 1つ目の後に余分な空白を開けていないか確認してみてください。
他の記事や ソース自体には問題なかったようです。

トップページの分ですが、以下のようにしてキーワードも直接入れておけばよいと思います。
<!--index_area-->
<meta name="keywords" content="キーワード1,キーワード2,キーワード3" />
<!--/index_area-->

その記事の内容 や ユーザータグ自体が.. という訳ではなく、
管理画面でユーザータグ欄 に入れる時には
「続けてタグを入力する時は半角/全角スペースで分けて入力してください」
という仕様なので、この時に余分なスペースが入ってしまっただけかと思います。

全部の記事を確認した訳ではないですが、取り敢えずその記事の 編集：管理画面（ユーザータグ欄） だけ確認して修正すれば問題ないと思いますよ。

原因を断定はできないのですが、もしかしたら、ソース上部の
<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />

という部分の記述ミスが関係しているかもしれません。。（公式テンプレ basic_blue の当初のソースから貼り付けたのですが、この書き方 間違っていたみたいです。 今見たら、公式のものも書き換えられていました。 確認が甘く申し訳ありません。）

修正し 上書き申請しましたが、再承認まで 時間がかなりかかるようですので... お手数ですが、以下のソースと差し替えてテストしてみてください。

<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no" />

もし、これで不具合が直るようでしたら報告いただけると助かります。

確認ありがとうございます。
今度こそ.. 多分。。分かったかも。。

横スクロールが発生するというのは、公式テンプレ「basic_色」 以外のテンプレート（公式・共有テンプレ）の殆どで発生する現象ではないでしょうか？

テンプレートの下のところに入れてある FC2の広告変数<%ad_overlay> が関係していそうです。 で、「basic_色」で何故そうならないのかは分かっていないのですが、取り敢えずこれを外すことで この現象は無くなるような気がします。

<%ad_overlay> は、テンプレ登録時は必須なのですが、実装は 今現在は 任意のようです。（少し前にマニュアルに必須タグと追加されましたが、現在はその記載が消されています。なので、今は任意かと。。）

テンプレート用　変数一覧｜FC2ブログ公式マニュアル
http://fc2blogmanual.blog60.fc2.com/blog-entry-160.html
広告の表示について｜FC2ブログ公式マニュアル
http://fc2blogmanual.blog60.fc2.com/blog-entry-153.html
今後、管理ができるのであれば 今は外しても大丈夫かと思います。 これを外してその現象が無くなるかテストしてみてください。
（※今後、規約がまた変わることがあれば それに対応してください。）

若しくは、
body { overflow-x: hidden; }
を追加して 横スクロールバーを 強制的に表示されなくしてしまうかでしょうか。。

テンプレート、気に入って頂けたようで嬉しいです。
スマフォ版のページも拝見させていただきましたが、上手に使っているなと思いました。

それで質問の件ですが、私は以下のような設定にしています。

<!--index_area-->
<a href="<%url>?sp">リンク用の画像など</a>
<!--/index_area-->
<!--permanent_area-->
<a href="<%url>?no=<%pno>&amp;sp">リンク用の画像など</a>
<!--/permanent_area-->

この設定だと、トップページと個別記事ページだけでアイコンを表示するようになるので、常に表示のような形式がよければ 以下のような感じで良いかと思います。

<!--not_permanent_area-->
<a href="<%url>?sp">リンク用の画像など</a>
<!--/not_permanent_area-->
<!--permanent_area-->
<a href="<%url>?no=<%pno>&amp;sp">リンク用の画像など</a>
<!--/permanent_area-->

スマートフォン用共有テンプレート
「sp_custom」 「sp_ari_custom」 の一部修正版が 11/17 に承認されました。
今はコンテスト開催期間中につき 再DLしてください とは書きにくいので。。 以下を修正してご利用ください。 （※修正しなくても 大きな不具合はないと思いますが。。）

1． テンプレートの上部（5行目） の以下のところを訂正

<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
　↓
<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no" />

2． スタイルシートの上部 以下のところに 太字部分 を追加
PCプレビュー時などに影響するものです。 （11/10～ PC類でのアクセスの場合、320pxで固定表示するスクリプトがシステムで導入されたので、その対策です。）

body {
width: auto !important;
margin: 0;
padding: 0;
（以下省略）
}

ヤッチさんのサイトのような使い方であれば、2 はやっぱり入れておいた方がいいかな。。

何度も申し訳ありません。。 「sp_custom」 3箇所、修正してみました。

body {
width: auto !important;
margin: 0;
padding: 0;
（以下省略）
}

/*================================
Header
================================*/

#s_top {
width: 100%;　← 削除
min-height: 60px;
（省略）
}
.pankuzu {
clear: both;
width: 87%;
（省略）
}

多分、今度こそ。。(・_・;)

亮介さんへ
ようやく.. 修正できて良かったです(^_^;)
何で 95％ でダメだったのか未だによく解らない部分はありますが、色々勉強になりました。 私は スマートフォンを持っていないので、実際に使っている方からアドバイス頂けると参考になります。 今後も使っていて変だなと思うところなどがあれば教えてください。

ヤッチさんへ
コメントありがとうございます。 ユーザーさんからのコメントは ブログ継続の励みにもなっています。 後から読み返したりすることも多いので、（悪質なコメントとかでなければ）残しています。 気を遣っていただいてありがとうございます。
また、何かの機会には お気軽にコメント頂けると嬉しいです。

＞ 最新投稿一覧で、特定カテゴリーを非表示にする方法
以下2つのどちらかを使ってください。

1． <!--recent--> の中ではカテゴリーを扱える変数がないので、
　　特定の記事番号 のものを非表示にする方法。
　　※プラグイン変数 を使うので、どのページでも同じように使えます。

2． <!--recent--> の代わりに <!--topentry--> 関連の変数を利用するもの。
　　「<%recent_body> 本文の冒頭要約（100文字程度）を表示」 に代わるものが
　　「<%topentry_discription> 本文の要約200文字を表示」 になります。
　　※プラグイン変数 ではないので、使える場所は限られます。


1． 特定の記事番号 のものを非表示にする方法。
例：　blog-entry-5.html　blog-entry-10.html　を非表示にする場合

↓ スタイルシートに以下を追加
.k_no5, .k_no10 { display:none; }

↓ テンプレートの該当箇所を 一部変更
<ul><!--recent-->
<li class="k_no<%recent_no>">
<a href="<%recent_link>" title="<%recent_body>">[<%recent_year>/<%recent_month>/<%recent_day>] <%recent_title></a>
</li>
<!--/recent-->
</ul>

2． 特定のカテゴリー番号 のものを非表示にする方法。
例：　blog-category-24.html　を非表示にする場合

↓ スタイルシートに以下を追加
.cat_24 { display:none; }

↓ テンプレートの該当箇所を 全部変更
<ul><!--topentry-->
<li class="cat_<%topentry_category_no>">
<a href="<%topentry_link>" title="<%topentry_discription>">[<%topentry_year>/<%topentry_month>/<%topentry_day>] <%topentry_title></a>
</li>
<!--/topentry-->
</ul>

参照： テンプレート用　変数一覧｜FC2ブログ公式マニュアル
http://fc2blogmanual.blog60.fc2.com/blog-entry-160.html

＞ CSSで背景を画像にしたいな、と思い...
とのことですが、これは左側の 「sp_custom」 でということでしょうか？
スタイルシートの上の方にある body というところに、

body {
（略）
background: #fff url(アップロードした画像のURL);
background-attachment: fixed;　/* ← 必要に応じて追加 */
}

と、太字の部分を追加すれば背景を入れられますが... イメージに合うでしょうか。。

現在、追加申請中の 「sp_pattern」 というテンプレートは背景に画像を入れるタイプのテンプレートにしてあります。 デフォルトの状態は やや女性向きの色味になっていますが、場合によっては これを利用してもらった方が手軽かもしれません。

イメージしているものと合っているかは分かりませんが、↓ のようなものでしょうか？
トップページ，ページエリア，月別ページでは 該当カテゴリーの記事内容 は表示されないようにできます。 （見えないように display:none; にするだけですが）

※ソースはあくまでも概略です。 太字部分 を追加してください。

<!-- ▼記事部分▼ -->
<div id="highlight">

<!--topentry-->
<!-- *=*=*=*=*=*=*=*=*=*=*=*=*=*=* -->
<!--not_permanent_area--><!--not_category_area--><!--not_search_area--><!--not_tag_area-->
<div class="cat_<%topentry_category_no>">
<!--/not_tag_area--><!--/not_search_area--><!--/not_category_area--><!--/not_permanent_area-->
<a id="entry<%topentry_no>" name="entry<%topentry_no>"></a>

<h2><%topentry_title></h2>

<div class="entry_m">

<%topentry_body>
<!--more_link--><%topentry_more><!--/more_link-->
<!--more--><%topentry_more><!--/more-->

</div><!--/class=entry_m-->
<!--not_permanent_area--><!--not_category_area--><!--not_search_area--><!--not_tag_area-->
</div><!--/class=カテゴリー番号-->
<!--/not_tag_area--><!--/not_search_area--><!--/not_category_area--><!--/not_permanent_area-->
<!-- *=*=*=*=*=*=*=*=*=*=*=*=*=*=* -->
<!--/topentry-->

</div><!--/id=highlight-->
<!-- ▲記事部分▲ -->


例：　カテゴリー番号24 の記事 を非表示にする場合

↓ スタイルシート （前回のコメントで使ったものと同じ）
.cat_24 { display:none; }

テンプレートのご利用ありがとうございます。
記事も読ませていただきましたが、色々工夫されているようですね。

私も、Google のアドバイスなどを元に、改善できるとこはないか色々試しています。
エラーの数自体 を極端に心配する必要はないと思いますが （← この件で皆さんからやたら質問されるので... 書いておきます。） 対応できるものについては 改善していった方がよいですよね。
既に 読んでいるかもしれませんが、もしよかったら以下の記事も参考にどうぞ。

ウェブマスターツール 重複エラー対策のまとめ
http://arinogotokuatumarite.blog19.fc2.com/blog-entry-187.html

詳細は 記事に載せていますが、rel="canonical" を使ったり、URLパラメータ の調整を 上手く使うのも 改善の方法の一つ だと思います。

丁度テンプレ編集中、ということも関係あったのでしょうかね？
私が アレ?? と思ったのは、レイアウトが・・・ というよりも CSS がトップページだけ （数回リロードしてみても） 別のファイル を指定していて、揚句にそれが存在していない状態になっていたことです。 あくまでもシステム的な問題だったと思うのですが、コメントしたことで修正されたみたいなので お騒がせしました。

最近 FC2ブログ の各部分でやたらキャッシュするようになったようで。。
「投稿したコメント内容」 は見えているのに、同じページ内の「コメント一覧」のところにはそのコメントへのリンクが追加されていなかったり、 と思ったら その逆のこと （コメント一覧に反映されたのに、コメント内容部分がまた空になったとか） が起こったりと謎な現象も。。

「CSS がトップページだけ別の存在しないファイルに」 という現象は初めて見たので 何だろう？？ って感じでしたが、一時的なものだったようで良かったです。

カスタマイズも色々されているようなので、今後の変化が楽しみですね。

プラグインカレンダーを設置している場合と 同じような現象ですが、
FC2ブログでは ある程度は仕方ないもの と思っても良いかなと思います。

最新のPC用テンプレート Ver.111002 ではその対策を少し加えてありますので、もし気になるようでしたら、それと差し替えてもらうか 次の月へ， 前の月へ のリンク部分 （記事上と記事下の2箇所 4つのリンク） に rel="nofollow" を加えて、未来の月 や 過去の月 へのクロールを止めると良いかと思います。

デフォルトのソースだとこの部分です。 記事上と記事下の2箇所
追加するリンクを間違えないようにご注意ください。

<!--date_area-->このページの記事目次 （ <a rel="nofollow" href="<%prev_month_link>" title="前の月" class="n p<%prev_year><%prev_month>">← </a><b><%now_year>年<%now_month>月</b><a rel="nofollow" href="<%next_month_link>" title="次の月" class="n p<%next_year><%next_month>"> →</a> ）<!--/date_area-->


<!-- ▽ページ移動（3）▽ -->
<div class="nextpage">
<p><!--prevpage--><a rel="nofollow" href="<%prevpage_url>" title="前のページへ">←　前のページ</a>　<!--/prevpage--><!--date_area--><a rel="nofollow" href="<%prev_month_link>" title="<%prev_year>年<%prev_month>月 の記事へ" class="n p<%prev_year><%prev_month>">←　前の月へ</a>　<b><%now_year>年<%now_month>月</b>　<a rel="nofollow" href="<%next_month_link>" title="<%next_year>年<%next_month>月 の記事へ" class="n p<%next_year><%next_month>">次の月へ　→</a><!--/date_area--><!--nextpage-->　<a href="<%nextpage_url>" title="次のページへ">次のページ　→</a><!--/nextpage--></p>
</div>
<!-- △ページ移動（3）△ -->


既にインデックスされてしまった分に関しては 多分なくならないので、どうしても気になるなら、一定期間 データエリアのインデックスを noindex にしてリセットするとか、一定期間 データエリアに rel="canonical" を加えて、インデックスされにくい状態を作っておくか くらいの対策は可能かと思いますが、通常は そこまでしなくても良いような気はします。

また、月別のページを 今現在1ページ1記事 にしていることに関しては、
それだと私のテンプレートでは 内容が個別記事ページと殆ど同じような状態 になるので、避けた方がいいかなとは思います。 ただ、逆に一度 ./blog-date-201112-9.html などのように 10ページ分 あったものが、設定を変え、2ページ になったりすると （クロールされてたページの中身がなくなるので...） 中身のなくなった8ページが タイトルタグの重複 と指摘される原因にはなると思うので、どちらを選ぶかですが。。。

設定、今の状態で大丈夫だと思いますが、データエリアのメタデータところ
content="noindex,nofollow"　→　content="noindex,follow"
くらいでも良いかなと思います。

前から訪問してくださっているとのことで、ありがとうございます。

テンプレートの件ですが、共有テンプレートには 公開範囲の設定 という項目があって、今現在は スマフォ用も モバイル用も PC用も

多言語用に公開しますか : 　一時停止する
アダルトジャンルに公開 : 　一時停止する

という設定にしてあります。 これのどちらかに該当する場合、検索してもヒットしないかと思いますが、このどちらかではないでしょうか？

テンプレートのご利用ありがとうございます。トップページに記事を表示させる方法、
以下の「記事コメント」にて解説していますので、そちらを参照してください。
http://arinogotokuatumarite.blog19.fc2.com/blog-entry-1.html#comment215
（右下の URL のところからも入れます）

不明な点がありましたら、また質問してください。

Another HTML-lint では 条件分岐コメントなどを解釈してもらえないので、
私のテンプレにある ナビゲーションメニュー部分などでかなり減点されてしまいますよね。

一応、文法は 本家W3C（ http://validator.w3.org/ ）ではエラーにならないようにしてありますので、解釈の問題だと思いますが、条件分岐コメント（コンディショナルコメント）は IE6・IE5.5 対応 にするために使っているものです。
条件分岐コメントを削除すると、Another HTML-lint の大きな減点は減らせると思いますので、気になるのであれば削除することは可能です。 その場合には、IE6と5.5 ではプルダウンしない状態になります。 それ以外の主要ブラウザでは問題なく機能しますので、そのようにしてもいいかなとは思いますが... お好みで。

エラーの大半は ナビゲーション部分 だと思うのですが、それ以外に減点されるものについても、ブログではどうすることもできないものもあるので、「高得点」 をあまり意識すると難しくなってくるかなとは思います。
修正できるエラーを見つけるツールとして、W3C のと合わせて使うと便利だと思います。

参考： Another HTML-lintにはコメント宣言の解釈に関する不具合がある(?) http://dxd8.com/archives/29/

archives.html（全記事一覧） はトップページなどには表示できないので
別もの になりますが、くめくめさんのトップページのものだと

http://arinogotokuatumarite.blog19.fc2.com/blog-entry-174.html#comment971
（右下の URL のところからも入れます）
ここにソースを載せています。 フォントの大きさなどは必要に応じて調整してください。

一応、削除可能な場所を載せておきます。 緑色の部分だけ削除可能です。
</a> は削除してOKな部分と 必須の部分があるので、間違えないようにバックアップをとってから作業してください。

<!--[if gte IE 7]><!--></a><!--<![endif]-->
<!--[if lte IE 6]><table><tr><td><![endif]-->
<!--[if lte IE 6]></td></tr></table></a><![endif]-->


＞ 「XHTML1.0 では XML宣言をすることが強く求められています。」というエラーなんですが
＞ <?xml version="1.0" encoding="UTF-8"?>ってのを足すだけらしいのです

これも確かにそうなのですが。。 ネットで色々検索してもらうと良いのですが、私の結論は 入れなくても良いかな というところがあります。

参考：
WEB,HTML,CSS,Javascriptに関連するBLOG: IE6の後方互換モードによるバグと対策方法
http://daaaaaaaai.blogspot.com/2011/03/ie6.html

IEでの後方互換スイッチに関して勘違いしてました。 | マイペースクリエイターの覚え書き
http://mypacecreator.net/blog/archives/798

プロの方のサイトとか ソースを見てみると、XML宣言 は入れていないものの方がまだ多いような印象があります。 厳密には必要だけど.. 入れなくても.. というところはあるようです。

＞ カテゴリーをクリックしたあとでも
カテゴリーエリアなどでは、上部に 便利ナビ（記事の先頭までジャンプ）があるので、要らないように思いますが... それでは足りないということでしょうか？

前回のソースは、コメント数やトラバ数を表示できる topentry 関連の変数を利用しているので、最新記事一覧（← コメント数やトラバ数などを出力できる変数はありません） とは別物で、同じものを応用しても、そのページの記事 が順に表示されるだけとなります。

なので、イメージするものにはならない かなと思うのですが。。

%topentry_discription　に変えたソースは
http://arinogotokuatumarite.blog19.fc2.com/blog-entry-174.html#comment971
（前回載せたソース） に入っている通りです。 記事タイトルに続く部分

<div class="cmtb_m"><br />
<a href="<%topentry_link>" title="この記事を読む" style="color:#444"><%topentry_discription></a>
</div><!--/class=cmtb_m-->
（以下省略）

で、トップページ以外 でもこのような表示という場合、便利ナビ や <head>部分で読み込んでいるスクリプト等 がある関係もあり、かなり多くの箇所に手をつけなくてはいけない為、申し訳ありませんが... これ以上は各自でお願いします。

エリア変数を加えて FC2ブログを軽くする！ 【 ありのごとくあつまりて 】
http://arinogotokuatumarite.blog19.fc2.com/blog-entry-98.html
テンプレート用　変数一覧｜FC2ブログ公式マニュアル
http://fc2blogmanual.blog60.fc2.com/blog-entry-160.html

コメントありがとうございます。 テンプレや記事がお役に立てて嬉しいです。
それで質問の件ですが、つい最近 ユーザーフォーラムに同様の不具合 が報告されていました。

「最近のトラックバック一覧」が表示されません。 - FC2ユーザーフォーラム
http://blog.fc2.com/forum_community/topic/12604/68646/

私も トップページに 「最近のトラックバック」 というところがありますが、今見たら空になってますね。。(^_^;)　全然気づきませんでした。

正式な問い合わせ窓口ではありませんが... ＠fc2info PIYOちゃん には今さっき連絡してみたので、http://twitter.com/arinogotoku/status/162367777502543872　修正待ちで、変わらなければ 再度問い合わせしてみてください。

ぷっくりさん、はじめまして。
「ぴったりリサイズして表示」 させる方法は、この記事の図中 と スタイルシート にも説明を入れてありますが、スタイルシートの以下の部分

/* 大きな画像を枠サイズに合わせて 縮小表示したい場合 は以下の設定を追加 ======

#entry_box img {
max-width: 100%;
height: auto;
}

※↑このコメント内の設定は現在は適応されていません ======================== */

この 太字部分 を適応させればOKです。 /* この中はコメントになります */
今は コメント状態になっているので 太字部分 をコメントから外に出して使ってください。

＞ ブログやサイトに、携帯やスマフォ用テンプレを導入することについて、
＞ どんなメリットが考えられるでしょうか？

よくは分かりませんが、私も以前は PC用しか用意していない時期がありました。
で、その頃に 「私のサイトを携帯で見ることも多い」 という方から 「PC用テンプレだと（このテンプレの場合）ナビゲーションなどのリンクがズラズラ並んで読みにくい」 と言われたことが最初です。

携帯（ガラケー）でブログなどを読む場合、PC版 や Googleなどの変換ページ で読むのはちょっと使いづらいところはありますよね。。

スマートフォンの場合には PC版 で見ている方も多いようですが、余計な機能を省いたものというのは やっぱり便利かなと思います。 他の記事へもアクセスしやすければ、他の記事もついでに読んでくれることもあるでしょうし。。

あと、私の場合は 最近3DS でネットを使う機会が多いのですが、自分のブログの記事は スマフォ版の方が読みやすいのですよね。。
DS や Wii などのアクセス は FC2ではPCからのアクセスと同じ扱いになるのですが、スマフォ版のテンプレのリンクを調整しておけば、PC・DS・Wii などでも使えるようになりましたし、ページ左上の 「簡易版」 というリンクは 専ら自分用であったりもします。

感覚的には、選択肢を増やすことによって アクセスも増えたように思いますし、デメリットよりメリットの方が大きいと感じています。 あとは好みの問題ですかね。。
ツイッターのフォローもありがとうございました。

多分、親子カテゴリー ではないと思うので、

<p class="intro"><!--category-->
<!--category_sub_hasnext-->（略） / <!--/category_sub_hasnext--><!--category_sub_end-->（略） / <!--/category_sub_end-->
<!--category_nosub--><a href="./?sp&amp;cat=<%category_number><%tail_url>"><%category_name> (<%category_count>)</a> / <!--/category_nosub-->
<!--/category--></p>

元のテンプレ 『sp_custom』 のソースを ↑ のようにすれば大丈夫だと思います。

FC2 非表示カテゴリーの作り方
http://arinogotokuatumarite.blog19.fc2.com/blog-entry-68.html

私も iPad でテストしたことはあるのですが、確かに プルダウン部分 はちょっとコツがいるというか... 誤クリック（タップ） してしまうことが多いですかね。。
（コツをつかめば 一応操作できます。。）

その部分は javascript などは使っていない というのと、IE6 などにも対応するよう複雑になっているのですが、プルダウンさせる黒い部分のリンク を無効にすることで 操作しやすくできるかなと思います。

<a href="javascript:void(0);" class="navitop<!--変数--> this<!--/変数-->">

こんな感じにします。 href=”” を省いてしまうと、IE6，IE7 では :hover が効かなくなってしまうので、href="javascript:void(0);" （何もしない） を入れておきます。
リンク先はないので target="_blank" なども削除しておいてください。

これだけでもOKなのですが、リンクではない部分とリンクを明確にするために
スタイルシートの該当部分に

#nav .navitop {
（中略）
cursor:default;
}

を追加しておくと良いかと思います。
その場合、プルダウン無しでリンクを残す部分には

<a href="./archives.html" class="navitop<!--変数--> this<!--/変数-->" style="cursor:pointer" title="サイトマップへ">

のようにしておくとリンクと判りやすいと思います。

http://arinogotokuatumarite.blog19.fc2.com/?pc&template=temp_1&index
↑ このページがサンプルになっています。
追記（2012/03/28） ： このサイトのナビもこの方法に変更してみました。

※今の状態のままでも （黒い部分のリンクは） 「コメントRSS」 などにリンクを張ってあるので、そこからでも辿れるようにはなっています。 （誤クリック，誤タップ対策）

pioさんのサーバーは文字コードが utf-8 なのですが、どうやらそれと関係していたようです。
dcument.write の中の ¥ が解釈されないようで。。
それがレイアウト崩れを起こしてしまっているようです。

document.write('<span class="newmark">New<¥/span>');
　↓
document.write('<span class="newmark">New</span>');

のように ¥ を除いたものをご利用ください。報告ありがとうございました。

-------------------------------------------------
変数の裏技を使って 新着表示 を好きな場所に
http://arinogotokuatumarite.blog19.fc2.com/blog-entry-102.html
（記事にも 修正を加えました）

今現在、FC2ブログには 「euc-jp で表示されているサーバー と utf-8 で表示されるサーバー」 があるのですが、現在これを utf-8 に統一する作業を行っている最中です。 つまり、旧コードのままだと utf-8 に変った時に 不具合がでてしまう（かもしれない）ということでした。
旧コードを利用している場合には、早めに修正してご利用ください。 m(__)m

今設置しているのは ↓記事 に載せたものですよね。。
（でも正確に反映していないような..？ テーブルになるはずなのですが、もしかしたらこれも ¥ の影響でしょうか。。 謎。 昔は FC2ブログは 全サーバー euc-jp でしたからね。。）

カレンダー代用 ナビ付月別アーカイブ
http://arinogotokuatumarite.blog19.fc2.com/blog-entry-93.html

私のトップページにあるものは スクリプトなどは使っていない手書きのものです。
月末などに追加しています。 トップページに置くくらいであればこれで十分だとは思います。

自動で... というのであれば、
共有プラグイン 「月別アーカイブ」 （作者: anderson11 さん）
がおススメです。 以下の記事の 下の方に紹介を載せてあります。

月別アーカイブをコンパクトに表示する方法
http://arinogotokuatumarite.blog19.fc2.com/blog-entry-92.html

追伸： コメントは承認制にしてあります。 メールに気付けば 即承認するようにしていますが、気付かず遅くなる場合もあります。m(__)m

あと、トップのロゴ画像 がはみ出していて ブラウザによっては レイアウトが崩れてしまっていると思います。 IE で確認してみてください。 ロゴ画像の後に
<br style="clear:both" />　を入れておくと取り敢えず回避できると思います。

レイアウト直っていますね。
それで OKですが、ロゴ画像の後に... じゃなくてナビゲーションの前に...
と書くべきでした m(__)m　申し訳ありません。。

テンプレートのご利用ありがとうございます。
＞ こちらで配布されているテンプレート（PC・携帯・スマフォ）を使用している
とのことですが、それはブログ開設当初から という訳ではないですよね。

重複として挙げてもらったものですが、クロールされれば重複とはならない状態になっています。 携帯用のコメントエリア（m2=res） や トラックバックエリア（m2=tb） は メタデータに noindex を入れてありますので、インデックスされることはないページです。
今残っているものはそのうちなくなると思います。 （かなり古い記事のものであるので、次にクロールされるのはだいぶ先になるかもしれませんが。。。）

/?xml（フィード）は フィードと認識されそうなものですが... 何故重複とされているのかは不明ですね。 そのうち無くなると思いますが、残っていても問題はないと思います。
/ 　/?m 　も 現在はタイトル重複状態 ではないので、そのうち無くなると思います。

その重複においては テンプレートの編集は必要ないと思います。
しばらく様子をみてください。

重複対策については 以下の 記事とコメント に詳しく載せています。
よかったら参考にしてみてください。

ウェブマスターツール 重複エラー対策のまとめ
http://arinogotokuatumarite.blog19.fc2.com/blog-entry-187.html
Google タイトルタグの重複対策
http://arinogotokuatumarite.blog19.fc2.com/blog-entry-46.html

/?page=ページ番号　は スマートフォン用テンプレートの
<%template_pager1> などで生成されるリンクによるものですね。

スマフォ用では トップページ以外のページエリアは noindex,follow にしているのですが、トップページのそのリンクを辿ったもの等が 今後も重複になることはあるかもしれません。

/?page=17　/page-14.html　の番号のズレは クロールのタイミングによるものかなと思います。 （ページエリアは記事が増えれば変動するものなので...）
そのままで問題ないと思いますので、しばらく様子をみてください。

重複エラーは 極端に多くなければ、特に問題ないと思いますよ。

個別記事ページは 一番重要なページだと思うので、
http://arinogotokuatumarite.blog19.fc2.com/blog-entry-187.html
にも載せているものですが、link rel="canonical" の設定をしておくことをお勧めします。

<head>～</head> 内に

<!--permanent_area--><link rel="canonical" href="<%url>blog-entry-<%pno>.html" /><!--/permanent_area-->
<!--titlelist_area--><link rel="canonical" href="<%url>archives.html" /><!--/titlelist_area-->

↑全部 を追加してみてください。 （全記事一覧ページの分 もついでに...）

＞ パラメータ pc をクロールしないに設定すれば解決すると思うのですがどうでしょう？
＞ またこれを設定することによって不利になってしまう可能性はあるでしょうか？

link rel="canonical" を加えたら これだけで足りるはずなので無理に pc のパラメータの調整 は使わなくても良いと思います。 （が.. 私は パラメータの調整も何となく併用しています^^;）

Google ウェブマスター ツール　設定 → URL パラメータ　のところで、
クロールしない などに設定すればOKで それで何か不利になっていることはない気がします。
Google の 項目や細かい部分 はちょこちょこ変わるようななので、その辺りは適宜で。。
パラメータの調整で クロールしないようにするとまずいかも.. の例としては no などですかね。

あと...
コメント欄の & なのですが、これ FC2ブログの仕様により 「次の コメント確認画面で &amp; と書いてもらわないと」 &amp; にはならず、W3Cのチェックでエラーになってしまうのです。。 なので、それは面倒だと思うので、 全角 ＆ を使って頂けると助かります。
過去のコメントは 私が書き直して再投稿させてもらったものもあります。 今回は そのまま承認しましたが、エラーとして残ってしまうので、次回から宜しくお願いします。
http://validator.w3.org/check?uri=http%3a%2f%2farinogotokuatumarite%2eblog19%2efc2%2ecom%2fblog%2dentry%2d208%2ehtml

現在地を設定するクラス名がそのまま index_area のもので残っているようなので、
↓ 該当部分を <!--tag_area--> とするか、緑色部分を削除 すると良いと思います。

<a href="javascript:void(0);" class="navitop<!--tag_area--> this<!--/tag_area-->">タグ別記事 »<!--[if gte IE 7]><!--></a><!--<![endif]-->

あと、ナビに入れるのであれば その位置だと 解像度の低いディスプレイの時に横スクロールしなければならなくて辛いかも。。 月別 と位置を交換した方がスッキリするかもしれません。

それで、任意のタグのみを 任意の順番で表示できる 『CategoricTag』 という共有プラグインがあるのはご存じですか？
ただ、このプラグインだと 親子タグのようにはできないので 同作者さんの

FCafe CategoricTag Stronger
http://pcafe.blog3.fc2.com/blog-entry-556.html
↑ サンプルが仕様変更により確認できなくなちゃってますが...

が便利かもしれません。これだとナビゲーションメニューのところにも応用できそうです。 とりあえず、サイドバーで テストしてみたら上手く件数 が自動で追加されましたよ。

それぞれ IDを指定すれば、サイドバーとナビゲーション 両方でも多分可能です。 あとは重くならないかで検討してみてはいかがでしょうか。。

親タグの方で反応しないのは 条件分岐コメント（コンディショナルコメント） が邪魔しているみたいですね。 条件分岐コメント は IE6・IE5.5 対応 にするために使っているものですので、もうその部分は削除していいかもしれません。

この記事のコメント No.1241～No.1246 辺りにも書いてますので、参考まで。
http://arinogotokuatumarite.blog19.fc2.com/blog-entry-208.html#comment1241
このコメントの時より後に、IE6ユーザーにも自動アップデートが来ていると思うので、今はかなり減りましたよね。 他の部分もそろそろ外しても問題ない時期かも。。

<!--[if gte IE 7]><!--></a><!--<![endif]-->
<!--[if lte IE 6]><table><tr><td><![endif]-->
<!--[if lte IE 6]></td></tr></table></a><![endif]-->

緑の部分のみ 削除可能です。

あと、サイドバーのものですが、IDを付けるのは ul 以外でもOKなので、その部分全体を <div id="tag2"> などで囲んだ方が余計なスクリプトを減らせると思いますよ。

親タグのところ ＜span class="f_right">»</span> も邪魔していたみたいですm(__)m
これも外せば表示されると思いますが、でも多分これはこのままにしたいですよね。。 だとすると やっぱり直書きか そこは件数なしですかね。

重複の件
＞ 記事表示件数をタグは６件、カテゴリは５件に変更してみたんですが
その発想はなかった(^_^;) それなら、カテゴリー名と同じものがあってもOKでしたね。。
余計な心配をお掛けしました(・。・;

修正ありがとうございます。
これも FC2の仕様の部分が大きいですし、エラーも気にする必要ないのかもしれませんが... 対応できるものについては直しておきたいと思うのですよね。。

個別記事は 恐らく重複エラーと表示があっても サイトマップ（sitemaps.xml） を登録してあれば、Google はメインのページは判断していると思うのです。。
ただ、個別記事ページのエラー表示自体は link rel="canonical" を入れれば無くせるものですので、これは入れておいた方がいいですよね。。
共有テンプレに追加しようか迷う部分もありますが、古くからのユーザーと差が付いてしまうかなという考えと、 後からでも対応できる部分なので... という考えです。
また、これで様子をみてくださいね。

サーバー移設 が大いに関連している可能性がありますね。。
（サーバー移設： 文字コード も euc-jp から utf-8 へ変更）

サーバー移設時に FC2側で強制的に 適用中のテンプレート をガチャガチャと変換してしまうのですが、その際、余計な部分に charset="euc-jp" を付与されてしまう（場所も変なところに...）など があるようです。

ブログの表示が真っ白になったのはFC2による【charset="euc-jp"】の自動挿入のせいでした！ 備忘LOG遷紀
http://yosoilue.blog74.fc2.com/blog-entry-1289.html

取り敢えず、以下をお試しください。

1． （テンプレをカスタマイズしていないのなら） 共有テンプレを再度DLして利用する。
私の共有テンプレだと Ver.110216 以降 のものがサーバー移設対応のものになっています。

※それ以前のバージョンでも 移設後も大きな問題なく使えているケースもあるよなので... バージョンが白紙の原因という訳でもないと思いますが、できれば Ver.110216 以降 のもの使っていただくことをお勧めします。

2． テンプレの複製（バックアップなど） があれば、それを適用する。
適用中以外は（移設時に）弄られないようなので、これで直る可能性も高いとは思います。

3． PAROさん作のブックマークレットでチェック → 修正する
【FC2ブログサーバー移設】修正する箇所がないかをチェックするブックマークレット
http://paro2day.blog122.fc2.com/blog-entry-927.html#utfcheck

FC2ブログサーバー移設の確認事項　テンプレート文字コード「utf-8」 : FC2ブログ - Paroday
http://paro2day.blog122.fc2.com/blog-entry-927.html

FC2ブログサーバー移設処理「euc-jp」から「utf-8」へ
http://blog-imgs-53.fc2.com/p/a/r/paro2day/note20120522.html

管理画面（環境設定）の プラグインの管理 では
PC用，携帯用，スマートフォン用 それぞれの設定が必要になります。
スマートフォン用の プラグイン管理 をクリックし、必要のないものは 表示するのチェックを外し非表示にするか 横の×印で削除 を選んでください。

情報ありがとうございます。
以前は 「拒否されました」 になり使えなかったのですが、今 3つほど 試してみたところ ステータス「保留中」 になりました。 これがこの後 削除成功 に変わっていれば 今は使えるようになったということですね。。 経過をみて記事にも追記入れておきますね。

追記 （06/22）：
削除リクエスト通りました。 再登録 というボタンも表示されるようになっていたので仕様が変わったのですね。 記事にも追記しておきました。 情報ありがとうございました。

ウェブマスターツール 重複エラー対策のまとめ
http://arinogotokuatumarite.blog19.fc2.com/blog-entry-187.html

無事、復活できたようで安心しました。
私のテンプレユーザーさんは かなりカスタマイズして使っている方が多いので、こういう仕様変更の時は 「再DL でOK！」 とはいかないので大ごとになりますよね。。

サーバー移設は まだのところも多いと思うので、今後もこのようなケースはアチコチで起こるかもしれませんね。。 私の blog19 サーバーもまだですが、内心ドキドキです(^_^;)

あと、Newマークのスクリプト の部分なのですが、これも utf-8 では document.write の中に ¥ を使ってしまうとエラーになってしまうことが分かったので、¥ は全部外して使ってください。
http://arinogotokuatumarite.blog19.fc2.com/blog-entry-102.html
お手数ですが、修正したものをご利用ください。


ーーーーーーーーーーーーーーーーーーーーーーーーーーーーー
追記 （2012/06/23） ：
コメントが増えてきたので、新しいサポート窓口 を設けました。
http://arinogotokuatumarite.blog19.fc2.com/blog-entry-223.html
今後は ↑こちらのページ をご利用ください。