━━━━━Webふぉれすと━━━━━━━━━━━━━━━━━ Vol.17━━
　　　σ　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　
　　(w　)　　　　　　　　　　ふぉれすとかわらばん 　　　　　　　　　　
　（　e　)　　　 http://www.step-first.com/webforest/magazine/　　　　
　( σ　b ) 　　　　　　　　　　　　　　　　　　　　　　　　　　　　　
　　 | |　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　
　==================================================*=-2004/7/20-=*===
　
　いよいよ梅雨も明けて、セミの声とともに本格的な夏がやってきました。
　今月の「Web制作会議室」のテーマは「SEO」。メンバーにとっては、かなり
　関心が深い話題でした。そのため、出だしから夏の暑さを吹き飛ばすような、
　とても“熱い”“密度の濃い”会議となりました。あまりの内容の豊かさに、
　かなりの発言を削らざるを得なかった担当者の目には、うっすらと涙がにじ
　んでいたとか、いないとか……？　　　　　　　　　　　　　　（まいこ）
　
　_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/
　＿ I n d e x _______________________________________________________
　
　■Webふぉれすと更新情報：７月の更新情報
　■今月のつぶやき：「うぇぶ実験室」スタッフ、ぴいのつぶやき
　■Web制作会議室：今月のテーマ「SEO」
　■森の事件簿
　■編集後記
　
　*-----+-----*-----+------------------------+-----+-----*-----+-----*
　
　...▼Webふぉれすと更新情報▼........................................
　 http://www.step-first.com/webforest/
　
　=*=- うぇぶ実験室 -=*===============================================
　 http://www.step-first.com/webforest/weblab/
　
　◆今月の実験：「CSSでレイアウトしよう！」
　CSSはブラウザによって表示の違いがあるので、 今まで少し敬遠していまし
　たが、 今回はあえてCSSのみを使ってレイアウトに挑戦しました。特徴さえ
　押えておけば、ブラウザ間の表示の違いは解決できる事もあります。 CSSは
　ちょっと……と敬遠していた方、ぜひ挑戦してみてくださいね。
　
　=*=- ふぉれすとCafe -=*=============================================
　 http://www.step-first.com/webforest/cafe/
　
　◆７月のテーマ：「ひんやり和菓子で夏を感じよう」※24日公開予定
　雑誌などでよく見かけることがあっても、なかなか自分で買う機会がないの
　が「和菓子」。今回は「和菓子を買うのは家庭訪問の時ぐらい」というちゃ
　いむが、「職人さんの技が光る伝統や地域性、新しい表現、和の心などを感
　じてみよう！」ということで、季節感あふれる和菓子を購入。手持ちのお皿
　などを使ってアレンジしてみました。こんなふうに気軽に楽しんでみること
　で、Webに関するインスピレーションが、浮かんでくるかもしれませんね。
　
　=*=- くりっくりんく -=*=============================================
　 http://www.step-first.com/webforest/link/
　
　◆今月のくりっく：「日米ソフトドリンク・サイトを比べてみよう！」
　普段何気なく見ているサイトでも、お国柄の違いを意識して見ることによっ
　て、今まで気付かなかったサイト作りのヒントが見つかります。アメリカ在
　住者ならではの、お当番Naoによる解説は、そんな気付きを促してくれる良き
　ナビゲーター役になってくれるはず！
　◆お役立ちりんく：新たにWeb制作総合、素材のカテゴリを追加しました。
　Web制作総合に２件、素材に１件の新着サイトがあります。
　
　=*=- イベント・セミナーを探せ！ -=*=================================
　 http://www.step-first.com/webforest/event/
　
　◆定番リンク：Web関連イベント・セミナーの新着情報を更新しています。
　様々なスキルや用途に合わせたセミナー情報が届いています。
　
　*-----+-----*-----+------------------------+-----+-----*-----+-----*
　
　---《今月のつぶやき》-----------------------------------------------
　
　最近、私もBlogを始めました。Blogは、レイアウトにCSSを使うので、 関連
　の本を引っ張り出して勉強しつつなんとか完成。あれこれ試行錯誤している
　うちに「CSSっておもしろい！」という勘違いをしてしまい、 今回の実験を
　思いつきました。
　
　途中、Internet ExplorerとNetscapeでの表示の違いには、 かなり泣かされ
　ました。おもしろいと勘違いした自分を恨んだり。でも、その分たっぷりと
　勉強もできました。しかも、思い通りにできた時がうれしくて、またまた、
　勘違いの道をつき進んでしまうのです（笑）。
　
　さて、次は……。そろそろリニューアルを計画している自分のサイトを、CSS
　仕様にしてみようかと思案中。そうです。勘違いしている間に「やるべし！」
　なのです。　　　　　　　　　　　　　　　　　　　　　　　　　（ぴい）
　
　*-----+-----*-----+------------------------+-----+-----*-----+-----*
　
　...▼Web制作会議室▼................................................
　
　毎月Web制作に関することを話し合う『Web制作会議室』。今月のテーマは、
　検索エンジンによる検索結果で、Webサイトを上位に表示させるための手法、
　「SEO」についてです。みんな関心が高いようで、 とても内容の濃いチャッ
　トになりました。SEO対策を考えている方、必読です！
　なお、メンバーがご紹介した本については、文末にURLを掲載してあります。
　　　　　　　　　　　　　　　　　　　　　　（収録日：2004年７月２日）
　
　参加者：　ちゃこちゃん。（ちゃ）、ぴろろ（ぴろ）、ふうり（ふう）、
　　　　　　まいこ（まい）、みもちゃん（みも）、RIK
　
　まい　みなさん、SEO対策はしてますか？
　ちゃ　今日、本が届くはず。これからは力を入れなくてはいけないらしい。
　みも　おすすめ本教えて。
　ぴろ　読みやすそうなのは「ロボットゲッチュウ！」かちら？
　RIK 　「検索にガンガンヒットするホームページの作り方」もわかりやすい
　　　　よ。でも実践しなきゃ意味ないけど……しくしく。
　ぴろ　「ガンガンヒット」もわかりやすいかも。でも「ロボットゲッチュウ！」
　　　　の方が親しみやすさは上かも。
　ちゃ　「SEOを超えたホームページ集客術〜プロが教えるSEM（検索エンジン
　　　　マーケティング）の実践テクニック96」もいいよ。
　RIK 　最初 「アクセスアップのためのSEOロボット型検索エンジン最適化」
　　　　買ったらよくわからんかった……。本格的に勉強したい場合はオライ
　　　　リーの「Google Hacks−プロが使うテクニック＆ツール100選」 なん
　　　　かも読んだ方がいいのかもね。
　みも　「Googleポケットガイド」と「Google Hacks」があるね。買おうかな？
　
　まい　ロボットエンジンって、サイトを拾う基準が流動的っていうか、よく
　　　　変わるらしいですよね？
　みも　古い知識は、あてにならないの？
　ぴろ　日々進化してるらしい。
　RIK 　基準が流動的というのは、よく聞きますね。
　ちゃ　ハッカーとかと同じで、SEOのためのSPAMも進んでるからね。
　まい　うんうん。それもあって日々進化させてるのかも。
　ふう　結構、いたちごっこって話だよね。
　
　まい　とりあえず、画像ばっかりのTOPはやめようと思って、テキストをな
　　　　るべく入れるようにしてるんだけど、結構難しい。
　みも　ロボットが本文重視になってきたからかな？
　ちゃ　でも、画像重視のサイトでもいろいろと対策はできるみたいです。例
　　　　えばタイトルに画像を使うとするよね。 普通なら<img……>だけだけ
　　　　ど、これを<h1>とかで囲ってやるの。 それで、もちろん<alt>も入れ
　　　　る。画像に何かしたいときは、 CSSで<h1>にスタイルを仕込んでやれ
　　　　ばいい。
　ふう　そうそう。HTMLの中での意味付けを、ちゃんとしてあげればいいのよ
　　　　ね。画像でもテキストでも。
　
　ちゃ　先日読んだ本によると、HTMLは構造をしっかりとしてあげるために使
　　　　い、CSSでデザインを整えると書いてあった。
　RIK 　おお、まさにblogでもそういう形になってるね。
　まい　それでblogはヒットされやすいのかな？
　ふう　それもあるし、Blogの場合は、リンクがお互いにはりやすいというの
　　　　が大きいと思う。
　まい　なるほど。ページランクが上がりやすいってことですよね。
　ちゃ　リンクが多ければランクが上がるから、SEOにもいいらしい。
　
　ふう　今のHTMLは、見た目を調整するためのものがたくさん入っちゃってる
　　　　から、ロボットが読みづらいんだよね。
　ぴろ　大事な物は上におくと良いらしいね。＜HTML
　みも　ロボットって、上から100行くらいしか読んでないらしいって聞いた
　　　　ことあるけど、ホント？
　ちゃ　そうらしいよ。テキストだけじゃなくて、ソースで100行ね。 なので
　　　　スクリプトとか、いろいろ入れておくと、 本文に到達する前に100行
　　　　終わっちゃう。
　ふう　だからページを作る時は、基本的に最初のほうにキーワードを含むテ
　　　　キストを持ってくる。
　RIK 　だから、なるべく外部ファイルを活用した方がいいわけね。
　ふう　そう。だから、Javascriptとかは外部にする。
　まい　外部ファイルにするのは、SEOにもいいわけね。
　ふう　そう。HTMLは、構造だけを示すように書くと、ロボットは読みやすい。
　ちゃ　本文を先頭に持ってくることができるから、ロボットはキーワードを
　　　　拾いやすい。
　みも　テーブル使うと、それだけで埋まっちゃうよね。 だから、CSSのレイ
　　　　アウトがやっぱりいいわけね。
　まい　テーブル慣れてるんだけど、これからはCSSなのね。
　
　みも　METAタグは入れてるよね？今でも。
　ちゃ　METAも入れすぎると、効かないっちゅう話も。
　ぴろ　SPAM対策のため、あんまり重要視されてないんぢゃなかったっけ？
　ふう　うん、最近はあんまりMETAは重視されてないらしいね。入れないより
　　　　は入れた方がいいでしょ、って感じ。確か、Googleは重視してないけ
　　　　ど、ほかのエンジンでは見るとこもあるから、ってことで、METAは入
　　　　れるんだったと思う。
　
　まい　やっぱこれからはGoogle？ Yahooってあんまり使わないんだけど、使
　　　　う人は多いから、対策としては外せないよねー。
　RIK 　初心者はYahoo信仰高いよね。Yahooは以前Googleのエンジンを使って
　　　　いたけど、最近変わったんだよね。
　ふう　その影響で、表示順位が上がった会社、下がった会社、いろいろある
　　　　ようです。
　ぴろ　進化も大変なのだ。
　みも　一般の利用者はYahoo使ってる人多いように思うけど、 こういうのっ
　　　　て統計あるのかな？
　ふう　聞いたところによると、 日本ではまだ７割がYahooを使ってるって話
　　　　だよ。
　ぴろ　７割もいたのか……。
　RIK 　この間仕事で検索エンジンのこと書いたけど、 やっぱりYahooに多く
　　　　ページを割いてたな。
　ふう　「まずはとにかくYahooに載らないと意味がない」というのは、 どの
　　　　会社でも言うねー。
　RIK 　そうそう。「Yahooディレクトリに載るのが目標」ってね。
　
　ふう　Googleを使うのは、業界の人とネットマニア？のみという話。つまり
　　　　うちらはマニア（爆）。
　ぴろ　┌|゜□゜;|┐ガーン!!　まにあ！？
　ふう　まぁ、確実にマニアです。ここでチャットしてる時点で(^^;
　ぴろ　やっぱり私たちって、マニアか……＿|￣|○ ガクッ
　まい　最近、＿|￣|○って流行ってるよね。
　ふう　２ちゃんねる発だよね？
　ぴろ　んだんだ。
　RIK 　以前blogに書いたら検索エンジンに引っかかった（爆）。
　まい　(〃^∇^)o_彡☆あははははっ
　みも　やったよ、検索（笑）。
　ぴろ　つい、ぐぐってもうた。＜＿|￣|○ ガクッ
　まい　じゃあ、今度サイトのTopには、＿|￣|○を！
　RIK 　＿|￣|○こそ最高のSEO！？
　
　【今回登場した本の一覧】
　・ロボットゲッチュウ！
　 http://www.amazon.co.jp/exec/obidos/ASIN/4861220130/wstep-22
　・検索にガンガンヒットするホームページの作り方
　 http://www.amazon.co.jp/exec/obidos/ASIN/4798103462/wstep-22
　・SEOを超えたホームページ集客術〜プロが教えるSEM（検索エンジンマーケ
　　ティング）の実践テクニック96
　 http://www.amazon.co.jp/exec/obidos/ASIN/4756143849/wstep-22
　・アクセスアップのためのSEOロボット型検索エンジン最適化
　 http://www.amazon.co.jp/exec/obidos/ASIN/4871939057/wstep-22
　・Google Hacks−プロが使うテクニック＆ツール100選
　 http://www.amazon.co.jp/exec/obidos/ASIN/4873111366/wstep-22
　・GOOGLE ポケットガイド 
　 http://www.amazon.co.jp/exec/obidos/ASIN/4873111536/wstep-22
　
　*-----+-----*-----+------------------------+-----+-----*-----+-----*
　
　...▼森の事件簿▼...................................................
　
　実はひそかに、Step-Firstはもぞもぞと動いています（笑）。
　結成から２年が過ぎ、そろそろいいかな？と思って決行したこと。それは、
　「コーナー担当シャッフル」計画でした。今まで担当していたコーナーを離
　れて、別のコーナーに移ってもいいよ！と呼びかけてみたのです。
　
　結果は、なかなか面白いものでした。チームに対する考え方や、今後自分が
　どのようにしていきたいのか、という一人一人の思いが伝わってきて、私は
　すごくうれしくて、２週間くらいかけて全員にお返事を書きました。絶対今
　のコーナーを離れたくない！と言った人も、新しいことにチャレンジしてみ
　たい！と言った人もいましたが、それぞれがきちんと意志を持って、このサ
　イトに取り組んでいるということが、とてもよくわかりました。
　
　新しいメンバー構成となった各コーナー。恒例のリニューアルに向けて、今
　年もがんばってます！こうご期待♪♪
　
　*-----+-----*-----+------------------------+-----+-----*-----+-----*
　
　∽∽ 編集後記 ∽∽∽∽∽∽∽∽∽∽∽∽∽∽∽∽∽∽∽∽∽∽∽∽∽∽∽
　最近、自転車通勤を始めました。運動不足解消には、ちょうどいいと思い、
　電車で一駅の距離をあえて自転車で。これで、たるんだふくらはぎも、下がっ
　たお尻もちょっとは引き締まるかも……てなことを狙ってます。しかし、そ
　の道のりは険しく、片道20分、途中には厳しい上り坂が２カ所。職場に着く
　頃には、汗はダラダラ、喉もカラカラ、もうクタクタです。　　　（ぴい）
　
　━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
　企画・発行：　Step-First
　　　　　　　  http://www.step-first.com/webforest/
　発行責任者：　藤川麻夕子
　制作・編集：　編集長：まいこ、副編集長：ぴい
　　　　　　　　スタッフ：ふうり、hana、kokoro、おんぷ、ちぃ、RIK、
　　　　　　　　みもちゃん、massa
　問い合わせ：  mailto:kawaraban@step-first.com
　登録・解除：  http://www.step-first.com/webforest/magazine/
　━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
　このメールマガジンは、等倍フォントでご覧ください。
　「ふぉれすとかわらばん」の全文、または一部の記事の無断転載および再配
　布を禁じます。
　━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
　このメールマガジンは、インターネットの本屋さん『まぐまぐ』を利用して
　発行しています。 http://www.mag2.com/ ID:0000106197