「アクセス解析イニシアチブ」交流会
先日、記事にさせていただいた「アクセス解析イニシアチブ」が
会員でなくても参加できる交流会を開催されるそうです。
ちょうどその日に別の会の予定があるので、私は参加するか
わかりませんが、ご興味をお持ちの方も多いでしょうから
ご案内させていただきます。
「アクセス解析イニシアチブ」交流会のご案内 2009年4月23日木曜日
会員でなくても参加できる交流会を開催されるそうです。
ちょうどその日に別の会の予定があるので、私は参加するか
わかりませんが、ご興味をお持ちの方も多いでしょうから
ご案内させていただきます。
「アクセス解析イニシアチブ」交流会のご案内 2009年4月23日木曜日
今さらです が、「text-indent: -9999px」に対応しました。
ホームページの中で、画像置換をよく使います。
メニューのグローバルナビゲーションには、欠かせないですね。
その画像置換の方法に使っていたのが、「text-indent: -9999px」です。
画像置換には、JavaScriptを使う方法もあるのですが、ソースが
キレイでないので、あんまりJavaScriptは好きでありません。
（JavaScriptを外部ファイルにすればいいだけの話でもありますが・・・。）
なので、画像置換にはCSSを使った「text-indent: -9999px」をしていました。
※「text-indent: -9999px」の画像置換とは、ある箇所のテキストを
-9999px外に移動させて見えなくして、そこに背景画像を表示させる
方法のことです。
なのですが、「text-indent: -9999px」はあんまり評判が良くないんですよね。
年明けすぐに
いまさら「text-indent: -9999px」におびえるWeb担当者（私） | SEOもっと！
という記事を読んで、そうかやっぱり良くないか・・・。
でも、決定的なことではないので、そのままにしていました。
しかし、またまた
内的要因について xhtml / html / css編｜Sphinn Japan Blog
と書いてあるので、あんまりこのことで反応し続けるのも
嫌なので、とうとう違う方法を試してみることにしました。
いろいろ検索して見つけたのが下記の方法です。
DN*BLOG » Blog Archive » text-indentを使わない画像置換テクニック
いやあ勉強になりますね。
ただこれでブラウザーチェックをしてみると、何故かIE6だけ
がテキストが消えません。参考したサイトをIE6で見ると
消えているのですが、自分のサイトでは消えません。。。
そこで解決策を探して見つけたのがこちら。
IE6の透過PNGメニューロールオーバー
『_』は使うのが始めてなので、意味を確認したらIE5以下への
ハックなんですね。
hail2u.net - Weblog - CSSの識別名にアンダースコアを使う
そして、作った画像置換のCSSがこちらです。
※画像置換をh2で指定していたので、そのままにしていますが、
hでなくても、もちろん大丈夫です。
グローバルナビゲーションでは
この変更でできました。
いちおうブラウザーチェックは、ウィンドウズ環境でですが、
IE6、IE7、FireFox、Safari、Google Chrome で確認済みです。
自分のホームページで使ってみたのですが、もしおかしな
ことになっていたら、よかったら教えてください。
ホームページ制作『LifeTrackBack』（東京）
補足
こんな方法もあります。
CSSで「text-indent:-9999px;」や「display:none;」の画像置換は使ってはいけない - webデザイナーのナナメガキ
この方法だと、空タグが気になってしまうので、あんまり
やりたくないんですよね。
補足2
『_』の記載がCSS Validな表現ではなかったようなので、
CSS Validなものを追記しました。
メニューのグローバルナビゲーションには、欠かせないですね。
その画像置換の方法に使っていたのが、「text-indent: -9999px」です。
画像置換には、JavaScriptを使う方法もあるのですが、ソースが
キレイでないので、あんまりJavaScriptは好きでありません。
（JavaScriptを外部ファイルにすればいいだけの話でもありますが・・・。）
なので、画像置換にはCSSを使った「text-indent: -9999px」をしていました。
※「text-indent: -9999px」の画像置換とは、ある箇所のテキストを
-9999px外に移動させて見えなくして、そこに背景画像を表示させる
方法のことです。
なのですが、「text-indent: -9999px」はあんまり評判が良くないんですよね。
年明けすぐに
いまさら「text-indent: -9999px」におびえるWeb担当者（私） | SEOもっと！
という記事を読んで、そうかやっぱり良くないか・・・。
でも、決定的なことではないので、そのままにしていました。
しかし、またまた
内的要因について xhtml / html / css編｜Sphinn Japan Blog
と書いてあるので、あんまりこのことで反応し続けるのも
嫌なので、とうとう違う方法を試してみることにしました。
いろいろ検索して見つけたのが下記の方法です。
DN*BLOG » Blog Archive » text-indentを使わない画像置換テクニック
いやあ勉強になりますね。
ただこれでブラウザーチェックをしてみると、何故かIE6だけ
がテキストが消えません。参考したサイトをIE6で見ると
消えているのですが、自分のサイトでは消えません。。。
そこで解決策を探して見つけたのがこちら。
IE6の透過PNGメニューロールオーバー
『_』は使うのが始めてなので、意味を確認したらIE5以下への
ハックなんですね。
hail2u.net - Weblog - CSSの識別名にアンダースコアを使う
そして、作った画像置換のCSSがこちらです。
h2{
background-image:url(画像のURL);
background-repeat:no-repeat;
height:0px;
padding:43px 0px 0px 0px; /* 上から画像の高さだけ下に落としています */
margin:0;
width:578px; /* 画像の横幅を指定しています */
overflow:hidden;
_height: 43px; /* IE6でのa要素の高さを画像の高さに指定しています */
}
css Vaildにするなら
h2{
background-image:url(画像のURL);
background-repeat:no-repeat;
height:0px;
padding:43px 0px 0px 0px; /* 上から画像の高さだけ下に落としています */
margin:0;
width:578px; /* 画像の横幅を指定しています */
overflow:hidden;
}
* html h2{
height: 43px; /* IE6でのa要素の高さを画像の高さに指定しています */
}
※画像置換をh2で指定していたので、そのままにしていますが、
hでなくても、もちろん大丈夫です。
グローバルナビゲーションでは
#g_navi li a {
height:54px;
width:auto;
display:block;
float:left;
text-indent:-9877em;
overflow:hidden;
}
↓
#g_navi li a {
height:0px;
width:auto;
display:block;
float:left;
overflow:hidden;
padding-top:54px;
_height: 54px;
}
css Vaildにするなら
#g_navi li a {
height:0px;
width:auto;
display:block;
float:left;
overflow:hidden;
padding-top:54px;
_height: 54px;
}
* html #g_navi li a {
height: 54px; /* IE6でのa要素の高さを画像の高さに指定しています */
}
この変更でできました。
いちおうブラウザーチェックは、ウィンドウズ環境でですが、
IE6、IE7、FireFox、Safari、Google Chrome で確認済みです。
自分のホームページで使ってみたのですが、もしおかしな
ことになっていたら、よかったら教えてください。
ホームページ制作『LifeTrackBack』（東京）
補足
こんな方法もあります。
CSSで「text-indent:-9999px;」や「display:none;」の画像置換は使ってはいけない - webデザイナーのナナメガキ
この方法だと、空タグが気になってしまうので、あんまり
やりたくないんですよね。
補足2
『_』の記載がCSS Validな表現ではなかったようなので、
CSS Validなものを追記しました。
「アクセス解析イニシアチブ」発足
MarkeZineで紹介されていたのですが、アクセス解析の
協議会が発足したそうです。
早速、無料会員に登録しました。
以下、MarkeZineより
協議会が発足したそうです。
早速、無料会員に登録しました。
以下、MarkeZineより
日本のアクセス解析を盛り上げる！「アクセス解析イニシアチブ」発足
サイトのアクセス状況と効果を計測分析する「アクセス解析」への関心が高まっているものの、導入したツールや収集したデータを十分活用できていない企業も多い。こうした現状を踏まえて発足した協議会は「アクセス解析で人をつなごう知を高めあおう」をコンセプトに、人や情報が交流できる、さまざまな場を提供する。
協議会の設立発起人の代表は、アユダンテ エグゼクティブプロデューサの大内範行氏がつとめるほか、衣袋宏美氏（クロス・フュージョン代表取締役）、アユダンテ、アーキタイプ、クリエイティブホープが設立発起人として参画している。
「アクセス解析イニシアチブ」は、すでに14社が加盟。会員には、無料会員、個人会員（有料）、法人会員（有料）があり、協議会では幅広く会員を募り、アクセス解析の輪を広げていきたいとしている。
ＺＯＣ（ゾック） 今までに無かったタクシーメーター
昨日の『ガイアの夜明け』で紹介されていたのですが、福岡の
遠賀という人口約2万人ぐらいの町にあるタクシー会社が
今までに無いタクシーメーターを開発したのです。
なんでも世界初のタクシーメーターだそうです。
それは、タクシー料金が上がっていくのを表示した
メーターなのです。
タクシー料金は、時間と距離で計算されて、上がっていくの
ですが、時間と距離という2つの数値を使っているので、
いまひとつ理解しにくいというか、タクシーに乗っていて、
いつ上がるのか、どれぐらいかかるのかが計算しにくいです。
なので、タクシー料金って、なんだかブラックボックスの
ように思えて、すっきりしないものですよね。
それが『ＺＯＣ（ゾック）』は、距離と時間の両方の
上がるまでを視覚で確認できるようにしているのです。
素晴らしいですよね。
タクシーに乗っていて目的地の手前で料金メーターが
上がってしまって、それなら手前で降りれば良かった
と思ったことってありますよね。
それが、この『ＺＯＣ（ゾック）』では上がるタイミング
を確認できるので、今の料金でぎりぎりまで乗ることが
できますし、上がりそうになったら降りるということが
できるのです。
誰もが感じていたことだと思うので、むしろ何で今まで
無かったのかなと思えてしまうぐらいです。
しかし、このメーターを普及させることは難しいそうです。
なんでも、料金の管轄が国土交通省で、機械の管轄が
経済産業省だったかで、許認可がなかなか下りないそうです。
しかも、前例が無いといういかにもお役所的な理由で。。。
この『ＺＯＣ（ゾック）』は通常のタクシー料金と違う料金
形態にしているため、国土交通省の認可が必要なようです。
ぜひお役所に負けずに、全国に普及させて欲しいですね。
ちなみに、『ＺＯＣ（ゾック）』のホームページを見てみたら、
あまりにも独自の世界観になっていて、ちょっとびっくりでした。
ゾックワールド
遠賀という人口約2万人ぐらいの町にあるタクシー会社が
今までに無いタクシーメーターを開発したのです。
なんでも世界初のタクシーメーターだそうです。
それは、タクシー料金が上がっていくのを表示した
メーターなのです。
タクシー料金は、時間と距離で計算されて、上がっていくの
ですが、時間と距離という2つの数値を使っているので、
いまひとつ理解しにくいというか、タクシーに乗っていて、
いつ上がるのか、どれぐらいかかるのかが計算しにくいです。
なので、タクシー料金って、なんだかブラックボックスの
ように思えて、すっきりしないものですよね。
それが『ＺＯＣ（ゾック）』は、距離と時間の両方の
上がるまでを視覚で確認できるようにしているのです。
素晴らしいですよね。
タクシーに乗っていて目的地の手前で料金メーターが
上がってしまって、それなら手前で降りれば良かった
と思ったことってありますよね。
それが、この『ＺＯＣ（ゾック）』では上がるタイミング
を確認できるので、今の料金でぎりぎりまで乗ることが
できますし、上がりそうになったら降りるということが
できるのです。
誰もが感じていたことだと思うので、むしろ何で今まで
無かったのかなと思えてしまうぐらいです。
しかし、このメーターを普及させることは難しいそうです。
なんでも、料金の管轄が国土交通省で、機械の管轄が
経済産業省だったかで、許認可がなかなか下りないそうです。
しかも、前例が無いといういかにもお役所的な理由で。。。
この『ＺＯＣ（ゾック）』は通常のタクシー料金と違う料金
形態にしているため、国土交通省の認可が必要なようです。
ぜひお役所に負けずに、全国に普及させて欲しいですね。
ちなみに、『ＺＯＣ（ゾック）』のホームページを見てみたら、
あまりにも独自の世界観になっていて、ちょっとびっくりでした。
ゾックワールド
ちょっと気になったこと 『新サービス「テレビ版Yahoo! JAPAN」の提供を開始』
新サービス「テレビ版Yahoo! JAPAN」の提供を開始
昨日、Yahoo!からプレスリリースが発表されていて、GIGAZINEでも詳しく紹介されています。
「続きはWEBで」をすぐに検索可能、Yahoo！JAPANが新サービス「テレビ版Yahoo！JAPAN」を開始 - GIGAZINE
テレビでネットを見るときのブラウザーって、何なんですかね？
家のテレビには、光が繋がっていないのでよくわかりません。。。
テレビ専用ブラウザーって、あったりするんでしょうか・・・。
メーカーによって、ブラウザーが違ったりするのでしょうか・・・。
そこがとっても気になりますね。
あと、アクセス解析でテレビからのアクセスだってわかるんですかね。
アクセス解析の結果でテレビからのアクセスが増えてきたりすると、
より意識していくことになるんでしょうね。
う～ん、今まで意識したことが無かったのですが、全くもって
謎だらけです。。。
ちなみに、もう一つ気になったのが質疑応答の回答中の
下記の箇所です。
検索結果も、現在ケータイとPCがわかれているように、いずれはPC版とテレビ版の結果がわかれるかもしれない。いつとはうちも決めていないが、前向きに考えている。
テレビ版SEOが必要になったりするのでしょうか？？？
昨日、Yahoo!からプレスリリースが発表されていて、GIGAZINEでも詳しく紹介されています。
「続きはWEBで」をすぐに検索可能、Yahoo！JAPANが新サービス「テレビ版Yahoo！JAPAN」を開始 - GIGAZINE
テレビでネットを見るときのブラウザーって、何なんですかね？
家のテレビには、光が繋がっていないのでよくわかりません。。。
テレビ専用ブラウザーって、あったりするんでしょうか・・・。
メーカーによって、ブラウザーが違ったりするのでしょうか・・・。
そこがとっても気になりますね。
あと、アクセス解析でテレビからのアクセスだってわかるんですかね。
アクセス解析の結果でテレビからのアクセスが増えてきたりすると、
より意識していくことになるんでしょうね。
う～ん、今まで意識したことが無かったのですが、全くもって
謎だらけです。。。
ちなみに、もう一つ気になったのが質疑応答の回答中の
下記の箇所です。
検索結果も、現在ケータイとPCがわかれているように、いずれはPC版とテレビ版の結果がわかれるかもしれない。いつとはうちも決めていないが、前向きに考えている。
テレビ版SEOが必要になったりするのでしょうか？？？