4.桑原政則のホームページの改善法

地図情報は1ページに

2007-09-04T08:29:00.000+09:00

ホテルのサイトでは、アクセス地図とレストランに需要があります。
地図情報では、次のようなことが望まれます。

印刷することが多いので、1ページにおさまるようにします。
電話番号、住所、最寄りの駅からの道順の説明を同一ページにします。
初心者の利用も多いので、印刷ボタンを設置します。
PDFは、表示に時間がかかり、Adobe Acrobatというソフトを必要とするのでさけた方がよろしいです。情報をPDFでも提供する場合は、「【PDF】○○ホテルへのアクセス地図」というように、【PDF】であることを表示します。

ホテルオークラ東京：アクセス情報
ホテルニューオータニ東京：アクセス印刷すると3ページに

ホテルはFlash好き。問題点も

2007-08-24T14:50:00.000+09:00

ホテル業界はFlash（フラッシュ）好きですが、高齢者は好まないことが多いです。
Flashは、視覚障害者には見えません。
代替テキストの表示もなされていないことが多いです。

ザ・リッツカールトン東京

アクセス解析ツール：Google Analytics

2007-07-17T13:44:00.000+09:00

Google Analytics要登録
【例】桑原政則オンライン。結果：リピーターが多い、6割。Yahoo!からが13%、Googleから8%。
その他の解析ツール

AccessAnalyzer.com都道府県県別のアクセス解析も
infoseekアクセス解析

ページの分析ツール

2007-07-07T19:04:00.000+09:00

キーワード出現頻度解析

総単語数は500～1000語。うちキーワードの出現頻度は50程度に

HTMLタグ利用状況解析
アウトバウンドリンク解析

15～20個がよい

強調について

2007-07-02T15:12:00.000+09:00

強調について＜b＞は使わない。

∵ 「bold（太字）」（視覚）であって、「強調」という意味はない。

強調は、＜em＞、＜strong＞で。

em＝emphasis

＜em＞

語やキーワードにではなく、文章のマークアップに有効
＜em＞の問題点：イタリックになってしまう。font-style: normal で標準に

より強調したいときは、strong

キーワードのマークアップに適している。

よいページとは？

2007-06-25T04:01:00.000+09:00

情報弱者に配慮したページ
携帯で見れるページ
音声でわかるページ

音声でわかるページは、情報弱者（初心者、高齢者）、障碍者に歓迎されます。単純でわかりやすい構造になっていることが多いからです。

サイト名、ページ名は日本語で

2007-06-18T08:32:00.000+09:00

サイト名、ページ名は日本語の方が有利です。ユーザーは日本語で検索するからです。
【注】トップページのサイズは30キロ以下だと、どの環境でも早く表示されます。

パンくずリストとリード文を

2007-06-10T18:30:00.000+09:00

各ページにトップページへのパンくずリスト（道しるべ）を貼ります。こうすると内部リンクがふえ、評価が上がります。
ただ「トップへ」だけでは、途中入場者にはわかりません。「桑原政則オンラインのトップへ」と明示します。
ページ上部の本文前にキーワードをちりばめたリード文を150字以内で設けておきます。
サイト名、ページ名は日本語のほうが有利です。日本語で検索する人がほぼ100%だからです。
トップページのサイズは30キロ以下の軽さにしておきます。

タイトルの書き方は？

2007-05-30T16:23:00.000+09:00

全角30文字までにします。
タイトルはページごとに変えます。
ページ名：カテゴリ名：サイト名の順がふつうです。
- 「アクセス地図＜ご案内＜○○ホテル」
タイトルにキーワードを入れると効果的
【例】「ウェブ表現論-桑原政則オンライン」

メタタグの書き方は？

2007-05-25T08:06:00.000+09:00

インターネットエクスプローラの[表示メニュー]―[ソース]で meta タグが表示されます。meta タグは head区間に挿入します。この中には、title（ページの題名）も含まれ、 HTML文書の表紙にあたります。

name="Keywords" には、5個ほどのキーワードを記します。ロボットは5個程度しかキーワードを拾わないようです。
name="Dewscription" には、ページの概要、紹介を記します。ページごとにことなる概要となります。キーワードを含めて文章で、80字以内でおさめます。

キーワードのスタイルと配置は？

2007-05-20T08:34:00.000+09:00

キーワードは bodyタグの直後におきます。

body タグの直後には JavaScript をおきません。キーワードの存在が希薄になるからです。

h タグを活用します。

h1 は1ページに1個にします。
h1→ h2→ h3→ h4 の順序にします。

リストも活用します。

検索エンジンは、箇条書きを重視します。

強調は、em、 strong でおこないます。

em（emphatic）では、イタリックになり日本語では見にくいので、font-style: normal; にして直しておきます。
b は、太字（bold）であって、「強調」を意味しません。使わない方がよろしいようです。

キーワードを選定する

2007-05-13T16:53:00.000+09:00

キーワードの選定は重要。
∵ユーザーとサイトをつなぐのはキーワードのみ。

キーワードの種類には、上位表示がむずかしい「観光」のようなビッグワード、競合サイトが少ない「川越観光」のような2語キーワード、会社名などの固有キーワードが。

キーワードの選定に当たっては、良質のライバルサイトを参考に

検索キーワードチェックツールサイトのキーワードの順位

その他

Google キーワードツール
- ライバルサイトのキーワードを調べるには、「サイトに関連するキーワード」タブを
キーワードアドバイスツール
キーワードアドバイスツールプラス
- KEI（Keyword Effective Index）＝キーワード有効性指標：検索回数÷検索結果数（ヒット数）。KEIが大きいほど、オススメのキーワード。勝機は複合語の活用【例】「川越観光」で表示されるように
Google Trends：
Googleサジェスト
- キーワード＋スペースで第2キーワード候補を列挙
Yahoo!トレンドワード

リンク切れを自動チェックする

2007-05-10T04:32:00.000+09:00

リンク切れのチェックツールを活用すれば、ページのリンク切れの箇所を自動チェックすることができます。

SEOに役立つツール、プログラム集： SEOツール

問題のあるサイトは公開されている

2007-05-07T08:46:00.000+09:00

CSR（企業の社会的責任 corporate social responsibility ）、アカウンタビリティ（会計などの説明責任 accountability ）、コンプライアンス（法令遵守 compliance ）、公益通報者保護法（内部告発者保護法）の観点から下のような告発サイトがふえる傾向にあります。

Web標準普及プロジェクト：未解決の問題一覧問題のあるウェブサイト一覧
- 問題のあるサイトを見つけたら
アメリカでは提訴の例も
- ウェブサイトのアクセシビリティで裁判--米の視覚障害者が提訴

日本では、国民の4割が何らかの障害をもっているとます。いままでのウェブサイトは健常者のみを対象につくられてきましたが、ユニバーサルデザインをめざした誰でも使えるサイトを早めにつくっておきたいものです。

検索エンジンへの一括登録

2007-05-03T07:09:00.000+09:00

一発太郎

上は、 1回の登録作業で様々な検索エンジンへの登録を一括しておこなうサービスです。

この場合でも、Yahoo!、Googleは別に登録したほうがよろしいです。

Googleへの登録とインデックスの確認

2007-05-01T14:57:00.000+09:00

Googleは「知りたいことがあれば、入力してください」というそっけないデザインです。インターネット中、上級者が多く利用します。

Infoseek、 goo、 Excite、 AOL、 BIGLOBE 、 @niftyなどの検索エンジンも、Googleを利用しています。

Googleでの登録状況（インデックス）確認法
- 登録（インデックス）されているページ数　「site:URI（【例】http://www.aoikuma.com/）」
- 被リンク数　　「link:URI（【例】http://www.aoikuma.com/）」　　
Googleへの登録
Google の人気の秘密
Google のウェブマスター向けのガイドライン

Yahoo! への登録とインデックスの確認

2007-04-29T18:51:00.000+09:00

Yahoo!の登録サイトに登録されると、検索順位が大幅アップします。Yahoo!の利用者数はGoogleのほぼ2倍です。（Yahoo! 5、 Google 3、 MSN 1 の割合です。）

Yahoo!のトップページは、コンビニ風に情報満載で、手取足取りの日本人向きの親切なデザインとなっています。利用者はインターネットの初、中級者が多いです。

Yahoo!はページ内容を重視し、Googleは外部からの被リンクの質と数を重視する傾向にあります。

Yahoo!へ登録
- Yahoo!ビジネスエクスプレスへ登録　 52500円。
- 登録の方法、登録サイトの変更
インデックス（登録状況）確認法
- インデックスされているサイト「site:サイトURI（http://をのぞく）」　
  【例】桑原政則オンライン 1440件
- 被リンク数　「link:ページURI」　
  【例】桑原政則オンライン 1610件
サイト管理者用ヘルプ

検索エンジンへの登録状況を確認

2007-04-27T03:58:00.000+09:00

Dmozで自分のサイトの登録状況をチェック

桑原政則オンラインの登録状況

自サイトがどんな検索エンジンに登録されているかは、Dmoz （ディーモズ）で調べます。Dmoz （ディーモズ）とは、Directory Mozillaの略です。

人力によって編集されている世界最大のウェブディレクトリです。いわばYahoo!のボランティア版です。DMOZかYahoo!にサイトが掲載されれば、Googleにも自動的に掲載

Dmozへのサイトの申請　
- 【注意】担当者がいないカテゴリは避けてください。

検索順位を知る

2007-04-25T07:55:00.000+09:00

検索キーワードチェックツールサイトのキーワードの順位が表示されます。

【例】小江戸川越観光協会：「川越観光」でGoogleで19位、MSNで3位、freshEYEで1位。「埼玉観光協会」でfreshEYEでは24位

検索サイトで、ユーザーとサイトをつなぐのはキーワードのみです。
キーワードには、3種あります。

「観光」のようなビッグワード。なかなか上位表示がむずかしいです。
「川越観光」のような競合サイトが少ないスモールキーワード。ここで上位進出する必要があります。
会社名などの固有キーワード

キーワードの選定に当たっては、良質のライバルサイトを参考にして選びます。

キーワードは、インターネットエクスプローラの場合、[表示メニュー]―[ソース]―[meta name="Keywords"]―[…]で確認できます。

ホームページの文法採点

2007-04-22T09:51:00.000+09:00

Another HTML-Lint gateway HTMLページの文法を採点

重要度が 0～9 で表され、少ない数字は軽く、9 になるほど致命的なエラーとなります。採点がきびしすぎるので、あまりこだわりすぎる必要はありませんが、50点以上はほしいところです。50点以上になれば、どのパソコンでも、どのブラウザでも効率よく表示されるはずです。

解説もありますので、わかる箇所から修正していけば点数も上がり、修正作業が楽しくなります。自然にテクニックも上がります。

デザインは、外部スタイルシートを使えば、HTML文書の文字数もへり、誤りもへり、表示時間が短縮されます。検索ランキングもあがります。

The W3C Markup Validation Service 【英】