パソコン研修会 パソコン研究会
ホームページの基本設計 (イソノ薬局サイトVer.4に向けて)

イソノ薬局サイトVer.4へ更新する 思考過程と基本設計を書いてみます

◆初めに (メインサイトの更新予定、サブサイトの更新予定)
◆最重要ポイント SEO(ホームページの最適化)

初めに

現在 ZAQイソノ薬局BIZイソノ薬局 との、2個のサイトが存在しています。そして、サブサイトとして、生涯現役39パソコン研修会お宝貯金旅行松原市薬剤師会 があります。追加サブサイトとして、お客様にプリントアウトしてお渡しできるページ 病気とお薬ノート生涯現役49のサブサイトを新規作成する予定です。
Ver.4に更新する目的は、たった1つです。
売り上げの向上、つまり検索サイトの上位ヒットですね。
予定どおり、事が運ぶのでしょうか?

◆ メインサイトの更新予定 (ここを参考に
トップページを こんな感じそんな感じ に変更し、同じデザインでサプページを作成
SEOを意識しながら、販売商品を追加、写真やテキストを リニューアル
当店ご利用の方に、キャンペーンやクーポン券の発行ページを作成
当店ご利用の方の、ご質問やお問い合わせページを作成
注文方法の確認
スタイルシートにしようかな?

◆サブサイトの更新予定 (どこかでフレームページも作成しようかな)
生涯現役39 は、ひとまず完結する
パソコン研修会 は、リンク切れと現状との不一致を チェックすし、更新履歴を作成
お宝貯金旅行 は、未アップの画像を追加でアップし、更新履歴を作成
松原市薬剤師会 は、会員を現状と一致させる 雛形用紙をワードパッド形式で作成
病気とお薬ノート生涯現役49 のサブサイトの作成

※ 学習すること
rss って? rss version="1.0系列" rss version="0.9-2.0系列" 何だろう?
・Web2.0 って? Wiki Yahoo So-net
・ 邪魔にならない程度に フラッシュを取り入れたいな
このページのTOPへ ↑
最重要ポイント SEO(ホームページの最適化)

最初に、売り上げの向上検索サイトの上位表示)を目指すには、下記3サイトの推奨事項をよく読みました。
Yahoo
・検索時に使うキーワードを想定し、サイトのタイトルや本文に含める
・<titile>METAタグを使って、興味を引き、かつサイトのコンテンツにふさわしいタイトルを付ける
・「description」METAタグを使って、サイトの説明文を正確に記載する
・「keyword」METAタグを使い、ページに関連するページ固有のキーワードをリストアップする
・ページ内には、それぞれの内容に合ったテキストリンクを設置する
注意) 文字列が画像ファイルで表されていると、検索エンジン用ロボットが正しく認識できない場合があり、また イメージマップで設定されたリンクはロボットが巡回しない場合がる
・すべてのページを巡回できるように、トップページにサイトマップのリンクを設置
・画像に、ALTテキストを指定する
・関連サイトの管理者やコンテンツ提供者を通じて、関連ページとのリンク数を増やす
注意) リンク数を増やす目的で関連性のないページとのリンクを増やす行為は「検索エンジンスパム」とみなされるため、表示順位が上がることはありません。
google
・高品質のサイトからページへのリンクを増やすことでサイトの掲載順位を向上できる
・検索エンジンのためではなく、ユーザーのためにページを作成する
注意) ユーザーを騙すようなコンテンツの表示や、検索エンジン用とは異なるコンテンツの表示(一般に "クローキング" と呼ばれる行為)をしないでください。
・サイトの順位や PageRank を上げるために作られたリンク プログラムに参加しない
注意) 特にウェブ スパマーや不正なウェブ サイトへのリンクは行わないでください。これらのサイトにリンクすることにより、お客様のサイトのランクが下がることがあります。
・コンテンツに関係のない言葉をページに記載しない
MSN
・Web サイトのランクは、インデックスが更新されるたびに変動します。新しいサイトが追加され、いくつかのサイトがこれに伴って古くなると、以前のランクが変更されることになります。
・整形式の HTML コードのみを使用してページを作成します。
・すべてのタグに終了タグが存在すること、およびすべてのリンクが正常に動作することを確認します。
・URL は簡単かつ不変のものにします。複雑な URL や頻繁に変更される URL は、リンク先としては不向きです。
注意) たとえば、www.example.com/mypage のような URL は、複数の階層を持つ長い URL と比べると、MSNBot にとってはクロールしやすく、ビジターにとっては入力しやすいものとなります。さらに、変更が行われない URL は覚えやすく、他のサイトからリンクが設定される機会も多くなります。
・ サイト上の情報を見つけるためにユーザーが検索用語として選択しそうな単語を、実際に表示されるページのテキストに含めるようにします。
・ページのサイズを適度な大きさに抑えます。1 ページに 1 つのトピックを記述することを推奨します。画像を含まない HTML ページの場合、サイズが 150 KB 以下になることが理想です。
・各ページへのアクセスは、少なくとも 1 つの不変のテキスト リンクから行われるようにします。
・インデックス登録したいテキストは画像の外部に記述します。たとえば、会社の名前または住所をインデックス登録したい場合は、会社のロゴの外側に会社名または住所が表示されるようにします。
・サイト マップを追加します。こうすることにより、MSNBot がすべてのページを簡単に見つけられるようになります。メニュー、リストボックス、およびこれらに類似した要素に埋め込まれているリンクは、サイト マップに表示されない限り、Web クローラによってアクセスされることはありません。
・サイトの階層はフラットにします。ホーム ページから 1 〜 3 クリックで各ページに移動できるようにします。
このページのTOPへ ↑
ファイル数を どう扱う

サイト転送で「全てのファイル」を選んだら、それぞれが下記の2図のようだった。
ZAQイソノ薬局が 253ファイル

BIZイソノ薬局が 2007ファイル

各々どこまでリニューアルを施す事にするのだろうか。
とりあえず 現状に一致していない部分は、必ず変更や更新をしよう。
このページのTOPへ ↑
まずはこのあたりから、はじめてましょうか
* 作成するページ数を大まかに決めて、サイトマップを用紙に書いてみよう
* ファイルとフォルダの関係を理解して、深い階層にならないように考えましょう
* トップページのデザインを用紙に書きましょう
* トップページから移動できるリンク先ページを決めましょう
* サプページのデザインを用紙に書きましょう
* サブページからトップページと他のページに移動できるリンクを設計しましょう
* 用紙に書いたデザインに沿う素材を作成・収集しましょう
* 来訪される方が迷子にならないようにリンクを作成しましょう
* 来訪される方のデータを解析ソフトを使って分析してみよう
* 双方向でのやり取り(メール・注文)が出来るように仕上げましょう
* 更新要素を残しながら、完結したサイトを作成してみよう
* 最初に用紙に書いたように完成したか確認してみましょう
* 不慣れなテクニックを使用せずに、更新しやすいサイト設計を心がけましょう
* 単元(コンテンツ・ユニット・ディレクトリー)ごとに、デザインとカラーを統一しよう

◆ まず サイトマップを書いてみますね。(htmlファイルのみ)
イソノ.Biz TOPページ
├ イソノ薬局 TOPページ
│ ├ 薬局製剤
│ ├ 水虫
│ ├ 痔
│ ├ スーパーミリオンヘアー
│ ├ スタッフ紹介痔
│ └ その他 単元ごとにページを作成
※ ここから サブサイト
├ 松原市薬剤師会 TOPページ
│ ├ 会員名簿
│ ├ 会員地図
│ ├ 処方箋をもらったら?
│ └ 活動内容
├ 病気とお薬ノート
├ 松原駅前商店会パソコン研修会テキスト
├ 生涯現役39
├ 生涯現役49
└ お宝貯金旅行

このサイトマップに従って作成していきます。(2006.9.22)

このページのTOPへ ↑