Monthly Archives: 11月 2007

Flashを検索エンジンに読ませる&アクセシビリティUP

今日は、flashの話題をしようと思います。
このやり方は、私は当たり前と思っており、相当古い技術と思い込んでいましたが、知らない人も多く、また、実際に行っている人も少ないので、一度具体的に記載しておこうと思います。

今回の話は大きく分けますと、3つなります。
flashをJava Scriptを使ってhtmlに埋め込む方法
flashを検索エンジンに読ませる方法
flashでのアクセシビリティUPの方法

Flashは動画などを作成したり、メニューなどをアクティブに動かしたりと、サイト自体に動きを持たせたりするものですが、最近ではMicrosoftがMacromediaを懸念してか、皆さんも見たことがあると思いますが、XPなどのPCでは、FlashやQuickTimeなど埋め込まれたサイトで「このコントロールをアクティブにするにはクリックしてください」などのダイアログが出ます。
2006年4月のアドビのメルマガでも

マイクロソフト社より4月12日に公開された、Internet Explorerの4月度月例
更新プログラムをインストールするとInternet ExplorerがActiveXコントロール
を処理する方法が変更されます。

その結果、一部のWebページを閲覧する際FlashやShockwaveによるアクティブコン
テンツの対話的処理が自動的には有効化されなくなります。有効化するには、閲覧
者がアクティブコンテンツをクリックする必要があります。

影響を受けるアクティブコンテンツは他にApple Quick Time、Microsoft Windows
Mediaなど広範囲に及びます。またWebページの記述方法によってはPDFも影響を受
けることがあります。

この問題を回避し、Webの閲覧者に今までと同じユーザエクスペリエンスを提供
するには、Webページの修正が必要です。

ちなみに、flashをhtmlに表示するためのembedのタグですが、現在の主流となっておりますxhtmlでは、マイナスの評価にもなります。

更に、Flashのサイトは検索エンジンにもマイナスの評価を受けます。よく、デザインなどに凝ったサイトなどで、フルflashのサイトなどを見かけますが、実際にflashですと、文字情報がないため、キーワードで検索に掲載されないのも分かりますけどね^^;
Adobeのサイトを見ますと、実際に検索エンジンに文字情報を掲載させる方法はいくつか載っておりますが、SEO的に確証的なのは・・・?という感じです。
http://support.adobe.co.jp/faq/faq/qadoc.sv?228664+002
全ての検索エンジンが対象ではないこと、swfファイル自体が拾えても、それを埋め込んでいるhtmlのページが検索対象という意味ではないことなどから、SEO対策には?と感じる訳です。

また、アクセシビリティでも、最近よく言われるキーワードですが、例えば、Java Scriptをセキュリティの面などで切っている人がいたら? タブなどでのメニューの移動は? 例えば、読み上げブラウザなどは? などアクセスしたユーザーの使い勝手からしますと、難しい点がかなりあると思われます。

次から、私なりの改善策を説明しようと思います。

Continue reading

紅葉狩りに行ってきました☆

昨日(日曜日)に京都、嵐山に紅葉狩りに行ってきました。

土曜日から寒さが和らぐと言われてはいたのですが、
確かにかなり暖かかった :-o

風もあまりなく、日の差す場所にいれば暑いくらいのときも・・・

三連休の最終日の日曜日、しかもいい天気・・・
案の定ものすごい人、人、人~!!

ご飯を食べるのも、お土産を買うのも、お寺を見るのも・・・
何もかも並ばなくてはできない状態でした。

でも紅葉はとても美しく、
朝早くから出かけた甲斐があったというもの♪

こんな風に人が多かったと書きながら、
来年もその人の中の一人になりに行きそうな気がします :-P

寒い朝にココアはいかがですか?

最近、ちょっと夜更かしの習性がついてしまい、
毎朝起きるのがつらいです。

しかも寒い!!
寒いとよけいに肩がこって、起きてもしんどかったり・・・

そんな私の朝の最近の行動は、
あったあいココアを飲むためにお湯を沸かすことだったりします。

朝からご飯を食べれない日でも、
ココアだけは飲んでいたり :-P

ココアじゃなくキャラメルマキアートだったりもします。
(最近のお気に入りです♪)

寒い日の朝は、
お湯を沸かすと台所が暖かくなるし、
ココアを飲むと体も温まるし、
体を動かすから目も覚めてくるし :lol:

寒い朝に温かい飲み物はいかがですか?

サイトマップ(sitemap)の必要性

この度、Zen Cartのサイトマップのベースを切替え、全く別のものになり再リリースしました。

さて、今までは開発したとかアップデートの内容の話しばかりでしたが、ちょっと今回は、サイトマップ(sitemap)の必要性についてSEOの観点と共に、お話してみようと思います。

まず、サイトマップとは、大きく分けて2種類あります。

1.WEBサイト用(一般顧客様用)のサイトマップ
2.検索エンジン用サイトマップ

この2種類になります。

1.の方は実際に見たことあるぞとかいう人は多いと思いますが、2.に関しては、この業界の人方は当然のように、何を今更・・・と思われるかもしれませんが、それってなんだろ?という感じで、弊社のお客様でも知らないという人がかなりおります。

1.に関しても、サイトには当然必要なものです。バナーなど色んな宣伝や、blogなどによって、サイトの構成自体が分かりにくくなってきた昨今、サイトマップによって、どのような構成になっていて、目的のページはどこにある?と見る人も少なくありません。

それだけの効果に思えそうですが、SEOの観点から見ますと、そのページ自体がindexされ(検索エンジンに登録され)、ページランクが高いとなると、そのページからリンクされたページもランクに影響があるので、いいということです。そのため、サイマップは全てのページにリンクとして貼り、全てのページからのバックリンクを貰い、また返すという役割を果たすということになります。これは、Googleのウェブマスター向けヘルプ センターや、YahooのYahoo! ヘルプ – サイト管理者向けでもしっかりとお奨めされています。
ただし、注意点としては、サイトマップのページのリンクは100を超えないこと(100以上になる場合は、ページを分けること)、フレームのページでは辿れない場合があるので、不利になるということです。

Continue reading

年末に向けて!!

なんだかまだ早い気がしますが、
最近年末に向けて
忘年会やら、クリスマス会やら、同窓会やら、やら・・・
いろんな飲み会の日取りが決まっていってます。

今の状態でいけば、
12月の土曜日は毎週飲み会になってしまいそうです :-P

あまりお酒を飲まない私としては、
お酒がおいしいところより(まずいのは問題外ですが)、
ご飯がおいしいところがいいなぁ、鍋なんてどうかなぁ・・・
なんて勝手に思っております。

でも、
二、三人ならまだしも人数の多いときは、
幹事さんはものすごく大変そうですよね。

私の高校は毎年同窓会をやるのですが、
幹事は交替でやってます。

私は地元にいないため今のところ回ってくる事はなさそうですが、
回ってきたらと思うとドキドキします :-o

何にしても、出費の多そうな年末に向けて、
今から節約の日々です :-D

話題のセカンドライフでやれちゃうんですよ!!

今話題のセカンドライフに、
(老後の人生とかではないですよ・・・私が最初間違えたので念のため :-P
自分のお店が持てちゃうんですよ!!

すごくないですか?
すごいですよね :lol:

さらに詳しく言うと、
セカンドライフ内のTokyoZERO番地という島の中に店舗を持つことができるんです。

セカンドライフにお店を持とう!!詳しくはここから

セカンドライフって、
人が空を飛んで移動したり、
着せ替えみたいに好きな服を着たりできるんですよね。

しかも普通のアバターとかと違って、
立体だから着せ替えのしがいがありそう♪

まだセカンドライフやったことないという人も、
セカンドライフをインストールするのに必要なスペックなんかも載ってるので、
一度詳しいページを見てみてくださいね :-)

セカンドライフにお店を持とう!!詳しくはここから

もちろん、もうセカンドライフをやってるよっていう人も、
TokyoZERO番地に飛ぶ為のリンクがあるので、
お散歩がてらのぞきに行ってみてくださいね☆

セカンドライフにお店を持とう!!詳しくはここから

バイオハザード3

昨日『バイオハザード3』を友人と見てきました。

・・・面白かったけど、怖かった!!

はい、私はかなりのビビリなので基本的にはこういう系統のものは自分からは絶対見ません。
しかも、大きな音が苦手 :-o

そんな私がこの映画でビビらないわけはなく、
予習で見た1と2では半泣き、
この3においては、映画館なので画面も音も大きいし、周りは暗いし・・・(全部当たり前のことですが)

途中何回かマジ泣きしながら見てました。
(全部怖くて泣いたわけではないです、内容に感動して泣いたとこもあります!!)

作品としてはすごいと思うのですがビビリなのはどうしようもなく、
途中何度か隣に座っていた友人の腕を怖さのあまりつかんでしまい、
友人にビビリのおすそ分けをしていました :-P

(私は無意識につかんでいたようです、しかもかなりの力で・・・)

基本が引きこもりなのでなかなか映画館に行くことがないのですが、
(家DVDで満足してしまう人です。)
たまには映画館もいいですね :-)

毛糸がすき!毛布がすき!!

先日ニットを解禁をしました☆

私の服を選ぶ基準は着心地、手触りだったりします。
形が気に入ってても着心地が悪いとおのずと着なくなっていってしまうので :-?

なので、
ニットを選ぶときもちょっとでもチクチクするとダメ!!
さわって一発でアリかナシかが決まってしまいます。

手編みをするときも同じです。
手芸屋に行っていっぱいある毛糸の中から、
さわって確認して買います。
・・・でもやっぱり手触りがいいものは高いんですよねぇ :-P

あと手触りにこだわるのは毛布です!!

私は夏も毛布を出しているくらい毛布が好きです。

じっくり選んだお気に入りの毛布に包まっていると、
なんだか幸せな気分になってきます :-D

しか~し!
そのせいで朝起きるのがつらくなるのは考え物ですね :-P

寒いときは寒いときなりの楽しみを見つけて、
幸せ気分で過ごしたいですねぇ♪

floatの指定による不具合

divを左右に浮かべてならべる為に、
floatを使うと思います。

でもfloatを私用すると、
背景の設定がうまくいかなかったり、
指定したはずのborder-bottomが表示されなかったり・・・

[img align=left]http://www.obitastar.co.jp/uploads/img4732c045aa6c7.gif[/img] それは、左図のようになっているせいかもしれません。

浮かべているdivを囲んだdiv(左図:赤点線)が、
中のdivの高さに連動できていないのです。

なので、
赤点線のdivに背景やborder-bottomなどを指定していても
中のdivに邪魔されて表示されません。

では、ここからが解決法です!

赤点線のdivを中のdivの高さに連動させるには、
赤点線のdivにfloat:left;を追加すること!!

これだけです :-o

[img align=left]http://www.obitastar.co.jp/uploads/img4732c05480732.gif[/img] これだけで、
左図のように赤点線のdivが
中のdivの高さにつられてくれます :lol:

魔法の言葉、
float: left;です :-D