Archive for the 'html' Category

style属性でbackground-imageをhtmlに直書きする時の罠

月曜日, 8月 4th, 2008

指定する背景画像のパスを指定するときに

body style=”background: url(”/images/background.gif”) left top repeat;”

このようにダブルクオートで囲むと表示されず、

body style=”background: url(’/images/background.gif’) left top repeat;”

シングルクオートにすると表示されました。
 
結構ここで悩みました。。。
tagged:書き方

モバイル用Adsense導入失敗(cafeトキワ荘のモバイルサイト構築4)

日曜日, 6月 15th, 2008

現状、この「cafe関連サイトのシステム開発日記」と「cafeトキワ荘」は
mobile_eye.phpというpluginを使わせてもらってモバイルで表示させています。
このPHPにモバイル用のAdsenseを入れられるか試してみました。
 
結果は件名にあるとおり、失敗(苦笑)
そういえばモバイルはJSが使えないので、
PHPだったのでした。。。
 
しかし、mobile_eye.phpはPHPにhtml直書きなのでいけるはず。
と思ったのですが、
なぜかうまくいかず、すぐ諦めてしまいましたorz
 
これは真剣にさくらのサーバーをPHP5にあげることを考えた方が良さそうです。
(あとWPのバージョンアップも。。。)
 
【2008/06/17:追記】
ふと思ったのですが、
今のサーバーがまだPHP4だから動かないのかも知れません。。。
調べて切れていませんが、
とりあえずサーバーをPHP5に変更することは決定です。
tagged:AdSense cafeトキワ荘

3キャリア対応のテンプレートとモバイルSEO(cafeトキワ荘のモバイルサイト構築3)

木曜日, 6月 5th, 2008

モバイルサイトを作っていて悩むことと言えば、
キャリア別の対応です。
とりあえずモバイルの知識が全くなかったのでいろいろ調べたところ、
今はXHTMLが主流になりつつあるようです。
これで一応3キャリア対応にはなるようです。
 
ちなみに、docomoではXHTMLを表示させるときは、
.htaccessで設定をしないといけません。

AddType text/x-server-parsed-html .html

さくらのサーバーだとこの1行でうまく行きました。
 
3キャリア対応のテンプレートを一つ作るのと
3キャリア別々にテンプレートを作るのと
どちらがSEOとしていいのかはまだ分かっていません。
そもそもXHTMLできれいに書いて、
モバイルと認識してくれるのかという不安がありますが。。。(苦笑)
やってみるしかないですね。
 
あと別件で分かったことなのですが、
モバイルはMETAのREFRESH使えないんですね。。。orz
tagged:docomo SEO XHTML モバイル

Outbound Link Trackingとga.js

金曜日, 4月 4th, 2008

以前ご紹介したAnother HTML-lint gatewayを見てみると、
外部リンクに以下のようなonclickタグが入っていました。

onclick=”javascript:urchinTracker(’/outbound/cafe-azure.com’);

 
設定した覚えはない。。。
ということでいろいろ調べてみると、
新しくなったGoogleAnalyticsのga.jsに追加された機能だそうです。
 
外部リンク先が分かるのは良いのですが、
cafeトキワ荘の場合/staff/で絞り込みしているので、
cafeトキワ荘のレポートには反映されないことが分かりました(苦笑)
そして外部リンクのクリック自体がPVとして
加算されているのではないかと思うのは私だけでしょうか。。。

「Google Analytics」、サイト内検索のトラッキングを含む3つの新機能を追加
http://markezine.jp/a/article/aid/1946.aspx
(MarkeZine)

tagged:GoogleAnalytics

htmlのソースをチェックする

水曜日, 4月 2nd, 2008

htmlのソースが正しいものか
チェックしてくれるサイトがありました。

Another HTML-lint gateway
 
URLを入れるとチェックしてくれて、
点数が出てきます。
最初cafeトキワ荘のソースを調べたところ、
100点満点中10点だったので焦っていろいろ修正しました(苦笑)
 
これを機会に
ちゃんとhtmlを勉強しようと思います。
 
tagged:ソース チェック