« osCommerce alterをカスタマイズする方法 | トップ | osCommerce alterの総額表示部分について »

2005年01月07日

osCommerce alterのSEO的な取り組み  このエントリをはてなブックマークに登録 

osCommerce alterの仕様がドキュメント化されていないので、そのうちしっかりまとめるとして、まずはこちらに下書きをかねていろいろと書いていきます。osCommerce alterは、何でもかんでも、便利そうなカスタマイズを加えればよい、という発想ではなく、曖昧ではありますが、一応はカスタマイズの際のポリシーもありますので、そこら辺をうまくまとめることができればいいかなと思います。


osCommerce alterのSEO的な取り組みについて。

標準のosCommerceと比較して、osCommerce alterには、SEO対策として以下のようなカスタマイズが加えられており、何も行っていないosCommerceよりは明らかにサーチエンジンにて上位表示が望めます。

1、タイトル周りの変更
2、商品名など、SEO的に重要な部分を<h1>タグに変更
3、テーブル主体のレイアウトを、一部CSSによるレイアウトに変更
4、META Keywords、META Descriptionを柔軟に設定できるように変更
5、「サーチエンジン対策のURL」について

 
では、ひとつずつ。

1、タイトル周りの変更

標準では、ブラウザのタイトル欄(<title>タグの箇所)について、“osCommerce”など、設定した文字列しか表示することができません。商品ページでも、カテゴリーでも、ショッピングカートの画面でも、すべてosCommerceとのみ表示されます。

これでは、SEOどころではありません。

そこで、タイトル部分は、まず、管理画面で設定するショップ名と連動するようにしました。
管理画面でABCショップ、と設定すれば、タイトル部分にABCショップと表示されます。
加えて、商品ページでは、その商品の名前、カテゴリーページでは、カテゴリー名、他にもショッピングカートの画面であれば、ショッピングカート、という文字列が、ABCショップという文字列の後に続いて表示されるようになっています。

2、商品名など、SEO的に重要な部分を<h1>タグに変更

いろいろな手法が取りざたされていますが、要は構造的でクリーンなhtmlを書けば、それがすなわちSEO対策となるということは、もはや承知の事実です。
Movable Typeなどで書かれたエントリーがサーチエンジンにて上位表示されるのも、Movable Typeが吐き出すhtmlが構造的でクリーンだということに他なりません。
構造的という意味では、商品ページにおける一番強調すべき文字列は商品名であり、その部分は当然<h1>タグで書かれているべきです。サーチエンジンのクローラーは、<h1>タグで書かれている文字列は、当然重みを持ったキーワードとして収集していきます。
ということで、alterでは、商品ページにおける商品名、及び、他のページでのそれに類する部分は、すべて<h1>タグに変更しています。

3、テーブル主体のレイアウトを、一部CSSによるレイアウトに変更

osCommerceは、テーブル主体のレイアウトであり、かつテーブルを入れ子にしている箇所が多々あるため、ソースが複雑になり、SEO的には少々不利なソフトウェアです。さらに、デザインに凝ったテンプレートを導入しようものなら、SEO的な効果が激減することは覚悟せざるを得ません。
そこで、osCommerce alterでは、レイアウトに、可能な限りCSSを使うように変更を行っています。
osCommerceは、もともとCSSを使っていますが、その使い方はフォントの色やサイズを変えるといった程度で、レイアウト部分にまではCSSを適用していませんでした。
ブラウザの互換性の問題から、全くテーブルを使わずにレイアウトを行うことは現実的ではないため、現状ではテーブルも併用して使ってはいますが、可能な部分でCSSを使ったレイアウトを用いるように変更しています。

4、META Keywords、META Descriptionを柔軟に設定できるように変更

Yahoo! JAPANがサーチエンジンをGoogleからYSTに乗り換えたことに伴い、各ページにメタタグを埋め込むことの必要性が高まりました。標準のosCommerceでは、こういったメタタグを埋め込むことはできませんが、osCommerce alterでは、2段階で、メタタグを埋め込むことができるようにカスタマイズを行っています。まず、管理画面で、すべてのページにデフォルトで埋め込まれるメタタグを指定することができます。さらに、商品登録画面で商品ごとに、メタタグを追加の形で指定することができるようになっています。

5、「サーチエンジン対策のURL」について

[管理メニュー]->[基本設定]->[ショップ情報]
という箇所で「サーチエンジン対策のURLを使用(開発中)」をtrueにすることも、特にGoogleに対し、効果があるでしょう。
この「サーチエンジン対策のURL」をtrueにすると、URL の ? や = が / に置き換わるようになります。
これによって、Googleなどのクローラーは、そのページを動的ページではなく、静的ページであると認識し、ページランクも設定されるようになります。

osCommerce alterでは、この「サーチエンジン対策のURL」機能にも、若干手を加えています。
標準のosCommerceでは、この「サーチエンジン対策のURL」をtrueにすると、ログインしている、していないに限らず、常にURLが置き換わってしまいます。しかしながら、サーチエンジンのクローラーは、そもそもログインできないわけですから、ログイン後については置き換える必要はなく、かえって置き換えることで余計な処理が加わってしまいます。
そのため、ログイン後では、「サーチエンジン対策のURL」をtrueにしている場合も、URLは置き換えないように変更しました。


osCommerce alterは、上記のような形でSEO強化版となっております。
独自ドメインでネットショップを運営する場合は、楽天市場などに出店するのとは違い、モールによる集客ということは望めませんので、サーチエンジンからいかに人を呼び込めるかということが勝負の分かれ目になるでしょう。
お客様は、サイトの見た目で商品を買うのではなく、あくまでも商品の魅力で商品を買うはずです。デザインに懲りすぎることなく、シンプルで、サーチエンジンにも優しいサイト作りを目指すのも必要ではないかと思います。

投稿者 田中@グリニッジ : 2005年01月07日 01:46

トラックバック

このエントリーのトラックバックURL:
http://blog.tanaka-cs.com/mt/mt-tb.cgi/45

コメント

投稿者 あたりめ : 2005年08月19日 08:49

1~5の手法は、公開いただけないのでしょうか?
よろしくお願い申し上げます。

投稿者 田中@グリニッジ : 2005年08月19日 09:11

ソースを公開しているので、ソースコードを読んでいただくのがよろしいかと。

投稿者 Matthew Anderson : 2006年04月09日 09:14

bet hedge do - that is all that plane is capable of: http://www.tvguide.com/movies/database/ tournament can kill cards , make expect give - that is all that cards is capable of

投稿者 Gregory Baumann : 2006年04月09日 09:15

stake can lose chips when grass increase table compute: http://www.tvguide.com/movies/database/ , full, universal, red nothing comparative to standard

コメントしてください




保存しますか?


楽天トラベル 夏の旅行