管理人メモ(05/11/09開設)

ニワンゴniwango.jp/mobile/のソースは凄い。

lintマイナス377点だけど凄い。

▼一例

〈span ｓtyle="color:#FF0000"〉〈font color="#FF0000"〉〜〈/font〉〈/span〉

〈div align="center" ｓtyle="text-align:center"〉〜〈/div〉

〈div ｓtyle="background-color:#FFA500;text-align:center"〉〈center〉〜〈/center〉〈/div〉

本来、別に書くべきHTMLとXHTMLをまとめて書いて、どっちを読むかはブラウザ任せというわけだ。

DoCoMoだと新旧全機種に対応していることになる。


ニワンゴのソースは凄い！ことを発見しました！
lintマイナス377点だけど…

　　･ﾟ･｡･ﾟ･｡･ﾟ･
　　　　　　━ヽニフ
　　　 ∧_,,∧
　　　(`･ω･´)
　　 　Ｕθ Ｕ
　 ／￣￣｜￣￣＼
　|二二二二二二二|
　｜　　　　　　｜
ﾊﾟｼｬ ﾊﾟｼｬ ﾊﾟｼｬ ﾊﾟｼｬ
　　　ﾊﾟｼｬ ﾊﾟｼｬ ﾊﾟｼｬ
　　∧∧ ∧∧ ∧∧
`【(　【(　【(　　)
　 ∧∧└　∧∧
　(　　)】(　　)】
　/　/┘　/　/┘
ノ￣ヽ　ノ￣ヽ


[携帯便利TOOL集]

GoogleがPC表示部分をカットし、携帯ページのみをキャッシュしている。

以前にも同じことがあり、そのときはすぐ元に戻ったので安心していたが、また同じようになっていた。

キャッシュをいつも見ているわけではないので、ずっと続いていたのかもしれない。

で、とりあえず、トップページのみPC表示/携帯表示の区分けを止めてみた。

この結果を観察し続けることにより

Googleは携帯/PCサイトの区分けを何を基準におこなっているのか？

Googleに限らず、携帯/PCサイトの区分けが上手くいかないのはなぜか？

…の謎に近付けるかもしれない。

それにしてもこのテーマに無関心なSEOサイトが多いのはなぜだろう。

[携帯便利TOOL集]

ドコモの個体識別番号取得には「携帯電話情報」の送信が必要だが、これとは別に送信無しで取得できる新個体識別番号のサービスが始まった。

さっそく「Pro HP」でツールが提供されたのでページを作ってみた。

機種情報を取得できる独自タグをページに貼り、そのURLのあとに「?guid=on」と付け加えるだけ。「?guid=on」を付けないと通常の機種情報しか取得できない。

▼「携帯電話情報」の送信無し
⇒偽装度チエック

アクセスする立場からは「?guid=on」が付いてるかどうかはアクセスしないとわからないので嫌がられるかも。

[携帯便利TOOL集]

レンタルblog「ブログリ」ではXMLやDOCTYPE宣言が無くてもi-CSSが反映しているそうな。

確かに、「FP」でもhead欄に「xhtml」と記述すれば反映するし、「あちゅら」でもMIMEタイプ欄に「application/xhtml+xml」と記述すれば反映する。

よくよく観察すれば、XMLやDOCTYPE宣言が無くても、メタタグでContent-Typeをapplication/xhtml+xmlと記述しなくても、反映している。

つまり、ことの真相はサーバーのhttpヘッダがapplication/xhtml+xmlへ切り換えてくれればi-CSSは反映するということらしい。

34567の忍さんが言ってることが少し分かってきた。

ではi-CSS対応レンタルスペースではどうすればapplication/xhtml+xmlに切り換わるのか？

[i-CSS対応レンタルスペースの切り換え方]

・FP(フリーページ)
head欄に「xhtml」と記述

・mono space
「i-CSSを使用する」をチエック

・DECORATION SPACE
[1]「XHTMLを使う」をチエックし、XMLやDOCTYPEは無記入(自動でXHTML 1.0 Transitionalが挿入され、i-CSSが反映)
[2]または、「XHTMLを使う」をチエックし、ドコモのDOCTYPEを記述

・あちゅら
MIMEタイプ欄に「application/xhtml+xml」と記述

・Pro HP
DOCTYPE欄かhead欄に「#xml#」と記述

各レンタルスペースとも以上の設定でMIMEタイプが「application/xhtml+xml」に切り換わりi-CSSが反映されるようになる。

ここで注意を要するのは「DECORATION SPACE」だ。
「XHTMLを使う」をチエックし、PC用DOCTYPEを記述するとi-CSSは反映しない。

自動挿入された「XHTML 1.0 Transitional」ではi-CSSが反映し、自分で「XHTML 1.0 Transitional」を記述すると反映しない。
全く同じソースなのにi-CSSの反映するしないがあるわけだ。

つまり、厳密にDOCTYPEを定義し管理しているとも言えるが、ひょっとすると単なるバグかも。
(追伸・「バグではなく仕様」との情報をRayさんからいただきました)

[共通の注意事項]

〈meta http-equiv="Content-Type" content="application/xhtml+xml; charset=〜" /〉などと記述するとむしろ問題が起きそう。

head欄のContent-Typeはtext/htmlのままでいい。application/xhtml+xmlへの書き換えは不要。

[おまけ・lintでエラー無し満点のとれるのは？]

・FP(フリーページ)
・mono space
・DECORATION SPACE
現時点では以上。

「Pro HP」は数日前まではエラー無しだったがPCページの広告にエラーが出るようになった。すぐ修正されるはず。
(追伸・4/17修正されました)

▼ガールズコレクション風？バナー

[携帯便利TOOL集]

とてつもない可能性を秘めたレンタルスペースPro HPが登場した。

[主な特徴]

[1]
FPと同様、DOCタイプ設定、head編集ができるのはもちろん、ルートデレクトリィにも好きなページIDを自由に作れる。
つまり、robots.txtを作ってルートデレクトリィに置くことも可能だ。
(注：現時点では通常のhtmlファイルで、かつ、広告なども入るためrobots.txtとしては適切かどうかの問題はある)

[2]
条件分岐によるプログラムの作成

▼完全一致
{if 条件 = hoge}
処理
{else}
処理
{/if}

▼部分一致
{if 条件 % hoge}
処理
{else}
処理
{/if}

を使うことでかなり複雑なプログラムを作ることも可能。
これまでの画像やテキストをはるだけのページから脱皮できそうだ。

ちなみに、振り分けの独自タグは用意されてないが、この「条件分岐」で作ることができる。

▼例　PC/携帯の振り分け

{if %cp% =pc}
PCに表示する内容
{else}
携帯に表示する内容
{/if}

[3]
画像をアップロードすると、自動的にリサイズ画像を数種類作ってくれる。
あとは独自タグを貼るだけ。
ただし、alt属性などをつける場合は従来通りの方法で記述。

[現時点で分かっていること]

[1]DOCタイプ欄に独自タグ#xml# を入れるとi-CSS/i-XHTMLに対応
(FP同様サーバーレベルで切り替えてくれるのでメタタグでapplication/xhtml+xmlを指定する必要は無い)

[2]独自タグ#no#をDOCタイプ欄、head欄に入れると〈html〉〜以下の自動挿入が無効になり、手動で書き直しができる。この場合〈/head〉まで書くこと。

登場間もないため、まだ情報も少ないが、携帯レンタルスペース他社にも刺激と影響を与えそうだ。

注目のレンタルスペース
├フリーページ(FP)
├mono space
├DECORATION SPACE
└あちゅらHP

ところで、この運営会社「Ｇ＆Ｍ」とのことだが、Ｍってまことさんかな？

たぶんそう。

[携帯便利TOOL集]