絵も書かず、HPも更新しないで何してらっしゃるのマヨネズさん。

テンプレートいじってまーす！！

ぐちゃぐちゃ:*.;".*・;・^;・:＼(*ﾟ∀ﾟ*)/:・;^・;・*.";.*:たぐー！

好きなんですね？わかります。

イェーッス！


というわけで、今回はFC2ブログが提供してくださっているテンプレートの
エラーとかエラーとかエラーとかのお話をします。

暗い洞窟を手探りして進み見つけた宝物は、中を割ってみると輝く宝石なのか、はたまた動物のフンか。

どこまでも浅い知識と経験で、手探りしながら見つけた情報が、誰かしら何かしらの役に立ってくれることを願い、綴ります。


ものすごくがんばって書きますが適当に読んでくださいね。

主にFC2ブログ記事を携帯で閲覧した際、画像が表示されない症状の原因と、対処の仕方についてです。

---

〜携帯から見たFC2ブログの画像が表示されない〜

異変が起こったのは、９月の半ば過ぎでした。
私は携帯からブログ記事を投稿・閲覧する習慣がありません。
携帯から読んでもらうことは端から想定せずにつくっていたので、モバイルで見るとどうなるのかにあまり注意を払ったことがありませんでした。

で最近になって、家にネットを繋げていない友人が、携帯電話から私のブログを見たよーと教えてくれました。
その時初めて「あわわわ恥ずかしい」と思い、少しでも見やすくなるようにと考えて、いそいそ携帯用の共有モバイルテンプレートをダウンロードしたんです。
まさに本体ブログのテンプレをＳＥＯ対策用の物に替えた直後の事。

その後記事を書いてＵＰし、携帯で変なんなってないか見てみると


画像が…表示されない…


最初は「放っとけばそのうち治るかな」なんて思っていたんですね。あと、「イラスト画像のサイズが大きすぎて、携帯で表示するには限界があるのかな」と思うようにしてました。

これブログ書いててよく陥ってしまう罠です。

ある日突然、サイドフレームが下にｽｺｰﾝと落ちてしまった。でも自分にだけそう見えて他の人にはちゃんと表示されてるかもしれない…（というかそうでありますように）

とか

自分のパソコンで見ると画像がすべて表示されているように見えるけど、実は自パソコンのキャッシュに残っている「残像」を見ているだけで、実際には表示されておらず、誰かに指摘してもらうまで気が付かない。など

ある種の妄信が高確率で無知から発生する状態を体験できてけっこう楽しかったり。

---

〜クロールエラーを引き起こすFC2モバイルテンプレ〜

で、この時私は、「記事本文のフレーズ・キーワードがグーグルに検索されない問題」で頭がいっぱいでした。逐一WEBマスターツールで原因を探っていたので、突然グーグル検索ロボットの巡回失敗（クロールエラー）がアホほど検出されてびびります。

パソコン用テンプレートと、モバイル用テンプレート

どちらも同日に変更したのでどちらかが原因です。結論を先に言うと、実はどちらにも問題がありました…(＾ω＾)ですがとりあえず私は携帯テンプレートを真っ先に初期化しました。一番最初の状態に戻したわけです。したらクロールエラーはほぼ収まったので、ちょっと安心し、一体何がいけなかったのかエラー発生原因について調べてみました。

うーん、まさしく。FC2ブログで発生するクロールエラーの大部分は携帯用テンプレートの仕業だそうです。手当たり次第に携帯から他のFC2ブログを見てみましたが、やはり皆さん携帯テンプレート入れてないですね。



使いものにならないもんね。



多量発生したタグの重複も、パソコン用記事と携帯用記事があるためにすべての記事に生じていることがわかりました。なんぞむかつく。もういい！どうせ最初からケータイで見てもらおうとは思ってないから、携帯の検索は捨てるわ！

気に入ったモバイルテンプレをダウンロードして、



携帯テンプレート管理画面を開き、HTMLに下記のタグを加えました。



ロボット退散！！のおまじない

詳しいタグの挿入位置や、意味（メリットデメリット）については、もっと詳しく上手に説明してくださっているサイトがあるので、説明省きます。

とりあえずこの変更で、クロールエラー問題を克服しつつ携帯テンプレコーディネートに成功、タグの重複も軽減という満足な結果がでました。


でも画像は表示されないままだった　　

ｱｯｰ!

---

〜画像が表示されない原因はXHTMLにあった〜

この画像表示がどうにも変。画像すべてが表示されないのではなく、見えるﾔﾂと、見えないﾔﾂがある。変だろ。
ヤプログ時代も、数ヶ月前までも、携帯で確認した時普通に見れてた画像が今見れない。さらによくよく見ると、画像だけじゃなく文章の表示もなんか変。フォントサイズや、フォントカラーが反映されていないor指定していない色が付いている等、過去の記事すら以前とは表示が変わっている。

毎日編集画面とにらめっこして、薄々…問題が発生する特定のパターンに気が付きだしました。

そもそも、記事の単語が検索されないのは、自分がCSS（スタイルシート）をめちゃくちゃにしたからじゃないかと考えたために、テンプレをSEO対策済みのやつに変更したのですが、ダウンロードしてみて、顔が引きつりました。

XHTMLだったのです。

一体これは何？と思って、XHTMLを検索して、ほんとに圧倒されましたよ。HTMLでさえかなり初歩的なルールしか把握していないのに、やっとのことで這い上がっていた階段の先にまた階段･･･
基本構造はどちらも同じで、何でもありのみそくそになってしまったHTMLを何とかしようという事で生まれたのがXHTMLらしいんですが
(´･ω･`)最初はやっぱひるみます。

その二つの起源と歴史、違い、現時点の普及率、今後の展望については、私まだ、あからさまに勉強不足ゆえ、まるで説明することができません。

でもとりあえずXHTML様は融通が利かないです。表現が正しくないのは承知です。きちんと決まり事が統一されているので、しっかり理解すれば美しいとすら感じるかもしれません。

何が問題って


テンプレートつくってる人がXHTMLを間違えています･･･


そう、ついFC2に対して、使いづらいだの難しいだの不具合多いだのなんだーのと文句言いたくなるんですが、かなり自由に「好きにしていいですよ〜」って言ってもらってるわけです。基本無料で、広告少なくて、カスタマイズは自由自在。膨大な量のプラグインとテンプレートを提供してくれる寛大な個人ユーザー･･･

個人ユーザー

ただの人ですよ。


こっちは勝手に「テンプレートつくれる人」＝「その筋のプロ！」と思ってます。
テンプレートが間違ってるなんて夢にも思わないんです。でもよく考えたらボランティアでタダで提供してくださっているﾓﾉです。間違えることだってあるんですよ人間だもの。


もしXHTMLでつくられた共有ブログテンプレートを使用している、されていくなら、自分で少しでもXHTMLについて調べてみたほうがいいかもしれません。
テンプレート自体がひどく間違ってることはそんなに無いはずで、むしろ意識しなければならないのは、FC2が提供してくださっているサービス（管理ページで記事をつくったり、プラグインを設定する際の仕様）が、XHTMLに万事は対応しきれてないという問題です。

私のブログで一番多かったミスは大文字でした。HTMLは大文字小文字どっちつかっても大丈夫だけど、XHTMLは全部小文字で書かなきゃいけない決まりがあります。

画像のimgタグや、文字のfontタグなどを、大文字で書いてしまった箇所が、携帯で見れなかったりおかしくなる症状を起こしていたわけです。


自分のサイトのXHTMLに間違っているところがないかを調べてくれるサイトもあります。でもそこ英語だったので私は意味がわかりませんでした…(´ﾛ`)
しかたないので一つづつ見つけて治していますが、たぶんもっと楽でいい方法があるはず。きちんと成形されたソースを見るのも良いと思います。






もしブログの画像が表示されなくて、サーバー側の問題が解消されても改善を見ないようなら、テンプレ変更でXHTMLにしたかどうか。その場合、表示のおかしい部分のタグがXHTMLのルールを無視して書かれていないかどうかを一考してみてください。

---