見た目は同じ、でも中身は別物。ホームページは見えないところが大切

2010年11月21日

ホームページにあっては、見た目は同じなのに、中身(=ソースコード)は別物というケースが少なくありません。ソースコードによっては検索エンジンの検索対象にならないものもあります。

今回はそんな「見た目は同じ、でも中身は別物」となる
ホームページについて取り上げたいと思います。


そこで、問題を出したいと思います。

  次の3つの見本の違いは何でしょう?
  また3つの見本のうち、
  どれが検索エンジン対策的に不利でしょうか?

ホームページの見本1〜3

ブログにつき画像にしています。実際の見本はこちら > > >
 見本の載ったページは、12月1日リニューアル・オープン予定の
 弊社ホームページの一部となります。準備中の箇所もあります。)

  ……………………………………………………………………………


答えは、3つの見本とも見た目は同じです。
検索エンジン対策的に不利になるのは、【見本2】と【見本3】です。

厳密に言うと、画面上に見える【見本2】と【見本3】の文字は、検索エンジンの検索対象には全くなりません。もしホームページの本文が【見本2】と【見本3】の中身の文字だけだとしたら、そのホームページは検索結果には決して登場することはありません。

ホームページをブラウザー上で閲覧可能にしているHTMLファイルのソースコードを見れば、その理由が判ります。


【見本1のソースコード】
ホームページのソースコード見本1

HTMLファイルのソースコード上に日本語の文字があります。最もオーソドックスなホームページの制作スタイルと言えます。3つの見本の中で、唯一検索対象となります


【見本2のソースコード】
ホームページのソースコード見本2

HTMLファイルのソースコード上に日本語の文字がありません。ホームページ上で見えている日本語の文字は JavaScript というスクリプト(プログラム)を使って別のファイルから書き出すことで表示しています。HTMLファイルのソースコード上にない文字は検索されません。

その他には API(アプリケーション・プログラミング・インタフェース、Application Programming Interface)を使ったホームページへの文字の書き出しなどもありますが、こちらも検索対象とはなりません。


【見本3のソースコード】
ホームページのソースコード見本3

HTMLファイルのソースコード上に日本語の文字がありません。ホームページ上で見えている日本語の文字は、インラインフレームという種類のタグを使って、別のHTMLファイルを呼び出して、表示させています。この場合も検索対象とはなりません。


ここで示した3つの見本の他にも、「Flash(=swf)ファイル」は検索にされにくく、「文字がアウトライン化された Flash(=swf)ファイル」では検索対象にすらなりません。一見文字に見える「文字を画像化したもの」も代替テキストをきちんと入力しない限り、検索対象とはなりません。


ホームページ制作者の多くは、検索エンジン対策の知識がないため、それほど気にせず検索対象とならなくなる(箇所を含む)ホームページ制作を行っています。

ホームページ制作に明るくない一般の方は、彼ら以上に意識することがないと思います。仕方ありません、ウェブのプロじゃないわけですから。上の3つの見本が同じに見えて当然です。違いが分かる一般の方はほとんど皆無に近いでしょう。

ですから是非ここでひとつだけ覚えておいてください。
ホームページ制作にあっては、見た目は同じでも、中身は全くの別物の作り方になっていることが多々あります。そして中身の作り方によっては、検索エンジンの検索対象とすらならいこともあります。

うっかりしてると、検索エンジン対策的に不利になるホームページになってしまいかねません。

ホームページを作る際は、きちんとしたウェブの知識(検索エンジンの知識も含みます)をもつホームページ制作会社に依頼しましょう。


ラベル:


グーグルのインスタント・プレビュー機能が素晴らしすぎる!

2010年11月11日

昨日から開始されたグーグルのインスタント・プレビュー機能が
素晴らしすぎるというい話題と検索エンジン対策への影響について。

数ヶ月前から一部のSEOコンサルタントの間では
グーグルの “フルページプレビュー” 機能として
激しく話題となっていたこの機能。

実際に使ってみると素晴らしすぎです!

グーグルインスタントプレビュー見本


検索結果のタイトルの右脇にある虫めがねアイコンをクリックすると
右側に、そのホームページのプレビュー画像が表示されます。

検索キーワードと関係する箇所の文字がそのページにある場合、
オレンジ枠の吹き出しでピックアップしてくれます。

一回インスタント・プレビュー機能を使いはじめると、
他の検索結果のプレビューはカーソルを移動させるだけで確認できます。
プレビュー機能を終了したい時は、検索結果からカーソルを外すだけ。

よくできてます。


実は以前(2009年11月)からグーグルでは、
左のナビゲーションパネルに「プレビュー表示」として
似たような機能を利用できていました。

その時の検索結果の右側に味気なく表示される
ホームページのプレビュー画像と比べると、
今回のインスタント・プレビュー機能は
ずっとブラッシュアップされています。

以前「プレビュー表示」を使用した際のページ表示の
もっさり感が全く無くなっています。

もうひとつポイントとなるのは、
最初の「虫めがねアイコンのクリック」が
自分の意思によるものだということではないでしょうか。

無理くり半強制的に見ることになる以前の「プレビュー表示」とは異なり、
インスタント・プレビューは自分の意思でプレビューを開始し、
選択し、確認できます。
ちょっとした違いですが、
心理的な使用感は隔世の感があります。

しかもインスタント・プレビューは動作が軽快です!
よくホームページへのリンクを集めたページに
CGIなどのプログラムを使って
ホームページのスクリーンショットを取り画面プレビューを
掲載しているウェブサイトがありますが、
それとは比べものにならないくらい高速で軽快ですね。


なお、このインスタント・プレビューは、リアルタイムではなく、
あくまでグーグルの検索サーバーにキャッシュされたデータを基に
生成されます。

また、ホームページにメタタグを使って、
検索結果でプレビュー表示させないようにもできます。


検索エンジン対策的なポイントとしては、次のことが挙げられます。

  • インスタント・プレビューの表示は直接グーグルの検索順位には影響を与えない。
  • インスタント・プレビューの表示は1クリックとしてカウントされない。

(「インスタントプレビューについて」2010-11-10、ウェブマスターブログ)

一見、検索結果に影響ないように思われますが、
実際には、プレビューのビジュアルによって、
本物のウェブページを訪問するかしかないか決まってくる場合が
起こってくるわけですから、影響がないとは言えません。
(クリックされないウェブページは順位を下げます。)

ウェブページ全体のデザイン性や
商品が直ぐに分かり、魅力的に映る大きな写真の有無などが
とても重要になってきます。

例えば、弊社作成のウェブページで恐縮ですが、
次のような商品ページにとっては、
インスタント・プレビューが有利に働くと思われます。

インスタントプレビューの実寸サンプル
「つや姫 通販」での検索結果。エーコープ庄内|旬鮮館HP


インスタント・プレビュー、大歓迎です!


ラベル: , ,


▲このページの先頭へ