|
==============================================================
うちのホームページはどーなってるんだ!
Vol.002 発行/2002.09.30
==============================================================
▼ エクセルで作るホームページ成績表 第2回
「HTML構成表の使い方」
筆者/石井研二
前回はエクセルでホームページの「HTML構成表」を作成しました。これをじっと
見るだけで、うちのサイトはこうなっているのか、と実感できます。ぜひ実際に
作成して、URLを見れば、「ああ、あのページね」と分かるようになってくださ
い。これはコンピュータが使えるかどうかとか、インターネットに詳しいとかと
は関係のない、自社のホームページについての理解です。
▼図2-1「HTML構成表 完成版」
==============================================================
No. URL 第1階層 第2階層 注釈
1 http://www.kaisha.co.jp/ index.html トップページ
2 news.html 最新情報
3 profile/ index.html 会社案内トップ
4 aisatsu.html ごあいさつ
5 gaiyou.html 会社概要
6 contact/ index.html お問い合わせ
7 products/ index.html 商品一覧
8 p_A01.html 商品A 紹介
9 p_A02.html 商品A スペック
10 p_B01.html 商品B 紹介
11 p_B02.html 商品B スペック
12 price/ index.html 料金一覧
13 shop/ index.html 購入フォーム
14 thankyou.html ありがとうページ
15 cgi-bin/ shop.cgi 受注プログラム
==============================================================
これが前回作成した「HTML構成表」でした。じっくり見てください。
■HTML構成表の使い方(1)
サイトを少し手直ししたい時。
サイトを手直しする時、この表が活躍します。例えば、全部のページの一番下に
copyrightの表記があって、それを書き直したい。これなら、全部のページを触
るわけですから、左端のセルのNo.を見ればOK。最後の1行がCGIですから、これ
を除いても14ファイル書き直せばいいことが分かります。協力会社に頼むなら、
単価×15で予算が出ます。内部作業でやるなら、1ファイル5分で作業するとし
て1時間15分で終わる作業だと分かります。
更新には、見落とすことなく関与するファイル数を割りだすことが重要。記憶に
頼ってやっていたら、shop/thankyou.htmlなんかを忘れてしまったかもしれま
せん。
■HTML構成表の使い方(2)
新しいページを追加したい時。
例えば今、商品Bまでのページを載せていますが、新たに商品Cのページを追加す
るとしましょう。すると、表を見れば、products/というディレクトリに、2つ
のHTMLを追加して、「p_C01.html」商品C紹介、「p_C02.html」商品Cスペッ
クとすればいいのだと、すぐ分かります。この表を代々のウェブマスターに引き
継ぎしていけば、人事異動があっても、協力会社が変わっても、サイトの一貫性
を維持することができるのです。
これをもし、商品Cだからshohinc01.htmlにしたりすると、ホームページの論理
的一貫性は消え、次に何かをすることがだんだん難しくなってきます。サイト全
体をリニューアルしよう、という時に無駄な費用が必要になる恐れがあります。
もちろん、products/index.htmlを更新して商品Cのページにもリンクをはるこ
とを忘れてはいけません。
トップページのニュース欄やnews.htmlを書き直すにも、
<a href="products/p_C01.html">新商品登場!</a>
と書いてやればいいのです。
■HTML構成表の使い方(3)
新しい制作会社と出会う時。
新しい制作会社と話をするには、早く現在のサイトのことを理解してもらうのが
一番です。トップページの新しいデザインをするにしても、どれだけのコーナー
があるのか、そのうちどれだけにトップからリンクするのか、これがあれば一瞬
で伝えられます。
こんな時は、エクセルのワークシートをコピーして、右側に少し項目を増やして
打合せに臨みます。(メールマガジンの横幅の関係で一部の列を省略しました)
▼図2-2「HTML構成表 トップページ変更用」
==============================================================
No. 注釈 現状 改訂
1 トップページ ● ●
2 最新情報 ● ●
3 会社案内トップ ● ●
4 ごあいさつ
5 会社概要 ● ●
6 お問い合わせ ● ●
7 商品一覧 ●
8 商品A 紹介 ◆
9 商品A スペック
10 商品B 紹介 ◆
11 商品B スペック
12 料金一覧 ● ●
13 購入フォーム ● ●
14 ありがとうページ
15 受注プログラム
==============================================================
エクセルの右側のセルに項目を追加して、上のように書き込めば、今のトップペ
ージからどこがリンクされていて、改定後にはどこへリンクしたいか、すぐに伝
わります。ちなみに、●はグローバルナビゲーション、つまり全ページに載って
いるボタン群で、◆はトップページのみから直接リンクする、ということを意味
しています。これだけで、協力会社のデザイナーは作業の指針を得ることができ
ます。
■HTML構成表の使い方(4)
サーチエンジンからいいアクセスを受けるために
上のように、HTMLリストの基本さえ作っておけば、右側にさまざまな項目を随
時追加して、いろいろな用途に活用できるのがエクセルのファイルのいいところ。
例えば、ページタイトル。これはHTMLのヘッダの中に書いておくもので、ブラ
ウザソフトの窓枠のところにだけ表示されるタイトルです。普段は目立ちません
が、
1)お気に入りに登録したときの表示名に使われます。これが分かりやすいと、
お気に入りから再訪してもらいやすくなるでしょう。
2)サーチエンジンが、本当にそのページが重視している内容だと考えて、検索
の元データとして重視してくれます。ここにちゃんとキーワードを書いてお
くことは、サーチエンジンで正しく紹介されるために重要です。
3)ログ解析ソフトなどの「ページタイトルを自動的に取得して表示する」ソフ
トを使った時、自分で見てどんなページが分かりやすくなる、という利点が
あります。
中でも(2)のサーチエンジンにキーワードを与える役割はとりわけ重要。実際
に使われているページタイトルを見ながら、
▼図2-3「HTML構成表 タイトル管理」
==============================================================
No. 注釈 タイトル
1 トップページ ○○株式会社 ホームページ
2 最新情報 ○○ホームページ 最新情報
3 会社案内トップ ○○株式会社 会社案内
4 ごあいさつ ○○株式会社 会社案内 ごあいさつ
5 会社概要 ○○株式会社 会社概要
6 お問い合わせ ○○株式会社 お問い合わせ
7 商品一覧 ○○株式会社 商品一覧
8 商品A 紹介 ○○株式会社 商品A ご紹介
9 商品A スペック ○○株式会社 商品A 詳細説明
10 商品B 紹介 ○○株式会社 商品B ご紹介
11 商品B スペック ○○株式会社 商品B 詳細説明
12 料金一覧 ○○株式会社 商品 料金一覧
13 購入フォーム ○○株式会社 ご購入
14 ありがとうページ ありがとうございました
15 受注プログラム
==============================================================
と並べてみましょう。これだと、上記の(1)(3)の目的としてはいいかもし
れません。ただ、サーチエンジンでキーワード検索に使われるような、特有の言
葉は含まれていません。どうすればいいでしょう?
例えば商品Aが「防犯効果の高い自動車警報装置」であれば、ここには検索に使
われそうな言葉が含まれているわけです。この製品を求める人はどんなキーワー
ドで検索するだろうか? ということを予測して、タイトルや本文をつけること
はロボットサーチ全盛時代のウェブマスターとして、非常に重要な仕事です。
▼図2-3「HTML構成表 タイトル管理 改訂版」
==============================================================
No. 注釈 タイトル
1 トップページ 防犯装置の専門家 ○○株式会社
2 最新情報 家庭から自動車、オフィスまで、防犯最新ニュース
3 会社案内トップ 防犯装置のパイオニア ○○株式会社 会社案内
4 ごあいさつ 防犯装置のパイオニア ○○株式会社 ごあいさつ
5 会社概要 防犯装置のパイオニア ○○株式会社 会社概要
6 お問い合わせ ○○株式会社 あらゆるセキュリティのお問い合わせ
7 商品一覧 ○○株式会社 セキュリティ商品一覧
8 商品A 紹介 ○○株式会社 防犯効果の高い自動車警報装置 A
9 商品A スペック ○○株式会社 商品A 詳細説明
10 商品B 紹介 ○○株式会社 防犯効果の高い住宅用警報装置 B
11 商品B スペック ○○株式会社 商品B 詳細説明
12 料金一覧 ○○株式会社 セキュリティ商品 料金一覧
13 購入フォーム ○○株式会社 セキュリティ商品 ご購入
14 ありがとうページ ありがとうございました
15 受注プログラム
==============================================================
もっと幅広いキーワードを考えて、タイトルの中にちりばめてください。次にロ
グ解析を行なった時には、必ず効果が現れているはず。
ログ解析を行なったら、実際に使われていたキーワードも分かりますから、そこ
から有利な言葉をピックアップしてタイトルや本文に入れていくといいでしょう。
有利な言葉とは、製品の性質に近く、言葉の一般性が高くてたくさんの人が使用
しそうな言葉、という意味です。
こうしたサイトの微変更を繰り返し、効果を少しずつ高めていくこと。これが企
業ウェブマスターの本当の「ウェブ運営」の仕事なのです。これなら予算もかか
りませんし、自分の目で効果を確かめることができ、会社にも報告をすることが
できるでしょう。
-------------------------------------------------------------
次回はこの構成表をさらに改良して、「成績表」を完成します!
==============================================================
【筆者プロフィール】
石井研二(いしい・けんじ) 61年生まれ。有限会社いなかどっとコム代表。
95年から企業ウェブ構築/リニューアル、効果分析で実績を残す。
アクセスログをエクセルで読むのが趣味。
==============================================================
▼▼▼▼▼▼▼▼
SITEGRAMメールマガジン「うちのホームページはどーなってるんだ!」
◆週刊発行 購読無料
◆転載はご自由にどうぞ。事後にご連絡いただければ幸いです。
◆購読登録/削除は、こちらから→ http://www.quickvalue.net/
◆ご連絡/お問い合わせ等は → info@quickvalue.net
編集発行/有限会社いなかどっとコム http://www.inaka.com/
〒530-0053 大阪市北区末広町3-7 矢崎ビル2F
PHONE 06-6316-7599 FAXIMILE 06-6316-7630
==============================================================
|