|
ショッピングカートSEO対策
![ショッピングカートCGIとSEO対策[Google対策]](top_images/logo.gif) |
|
|
|
|
|
|
 |
|
|
|
|
|
|
|
|
|
|
|
![ショッピングカートCGIとSEO対策[アクセスＵＰ]](images/top_left.jpg) |
|
![ショッピングカートCGIとSEO対策[アクセスＵＰ]](images/top_right.jpg)
|
ショッピングカートCGIとSEO対策[Google対策]
|
cgi（perl）を使ったページのＳＥＯは難しい面を含んでいます。便利ではありますが、検索エンジンがインデックスしにくいという問題点があるのです。せっかく、豊富な商品情報を含んでいても検索エンジンは拾ってくれないかもしれません。
そこで、いろいろな方法が考えられています。下記は代表的な方法です。
- sitemaps.orgサイトマップの活用
- 正規化（canonical）の活用
- 静的なページの生成
- RSSの活用
- mod_rewriteの活用
これらの方法の活用法やそのためのプログラムについてこれから順に説明したいと思います。
※グーグル(Google)の指針を引用しながら解説している、こちらのサイトも参考にして下さい。⇒SEO対策/ショッピングカート設置塾
|
|
 sitemaps.orgサイトマップの活用法（Google推奨） |
サイトマップを作成することにより、検索エンジンに拾わせるようにする方法はかなり有効です。サイトマップには、sitemaps.org形式のサイトマップやＲＯＲサイトマップなどがあります。これらは、Yahoo、Google、MSNで効果が実証されています。
サイトマップを用いた方法は、CGIの良さを保ったままSEO対策ができる方法で、一番のお勧めです。それで、reserve～Contents-Cartでsitemaps.org形式のサイトマップ、及び、ＲＯＲサイトマップの自動生成の機能を標準装備しました。（現在、ＲＯＲオフィシャルサイトで障害が発生しており、ＲＯＲサイトマップは使えないようです。）
下記のURLがサイトマップ上に簡単に生成されます。
/shop/
/shop/index.cgi?t=*
・・・・・
/shop/shop.cgi?id=**
・・・・・
/shop/shop.cgi?class=**
・・・・・
/shop/k_shop.cgi?id=**
・・・・・
/shop/k_shop.cgi?class=**
・・・・・
なお、Googleの場合、モバイルサイトマップの形式が異なります。それで、Googleモバイル用のサイトマップも生成できるようにしました。
これにより、商品詳細ページと商品一覧（分類）のページは検索エンジンの対象になり、商品情報を生かすことができます。
実際、～.cgi?****** の*****の部分が比較的短いのであれば検索エンジンにインデックスされており、サイトマップの作成によりそれを確実に実現することができるのです。
サイトマップを有効にするためには、次の内容のrobots.txtファイルをルートディレクトリーにＵＰすればＯＫです。
Sitemap: http://(ドメイン名)/shop/sitemap.xml
Sitemap: http://(ドメイン名)/shop/google_mobile_sitemap.xml
詳しくはこちらを参考にしてください。
サイトマップの XML 形式
RORサイトマップの活用法
sitemaps.org形式のサイトマップ
上記の方法は、ＣＧＩのよさを保ったままＳＥＯが簡単にできる優れた方法です。下記に示すように静的ページの生成やmode_rewriteの活用も1つの方法ですが、あまり実際的ではありません（かなり時間が無駄になる！）。Googleなどでもすすめている上記の方法を用いながら、HTMLにしろ、CGIで生成されるページにしろ、その内容を充実したものにすることに時間をかけることが、正しいＳＥＯであるに違いありません。検索エンジン側も当然そのように考えるはずですね。
|
| 正規化（canonical）機能（Google推奨） |
検索エンジンが正規化（canonical）の機能をサポートするようになりました。これは動的なページにとっては大変有利な機能で、Googleも推奨しています。
canonical ページとは、複数の類似した内容のページの中で優先されるページのことで、下記のように指定します。この<link>要素を全ての類似のページの<head>セクションに記述します。
たとえば、分類のページには類似のページがたくさんあります。価格や人気順によるページや複数ページにまたがる場合などです。このような場合、優先するページを下記のようにcanonical
ページを指定してあげることにより、より効果的にインデックスされるようになります。
<link rel="canonical" href="http://www.example.com/shop.cgi?class=**"/>
それで、ショッピングカートPCtoMobile、Contents-Cartでは、類似のページに自動的に<link>要素を出力する機能を搭載しました。出力パターンは下記の通りです。
【ＰＣの場合】
商品一覧
<link rel="canonical" href="http://www.example.com/shop.cgi?class=**"/>
<link rel="canonical" href="http://www.example.com/shop.cgi?keyword=**"/>
<link rel="canonical" href="http://www.example.com/shop.cgi"/>
商品詳細ページ
<link rel="canonical" href="http://www.example.com/shop.cgi?id=**"/>
HOME、ＴＯＰ1～10
<link rel="canonical" href="http://www.example.com/"/>
<link rel="canonical" href="http://www.example.com/index.cgi?t=*"/>
その他
<link rel="canonical" href="http://www.example.com/shop.cgi?mode=law"/>
<link rel="canonical" href="http://www.example.com/shop.cgi?mode=howto"/>
<link rel="canonical" href="http://www.example.com/shop.cgi?mode=look"/>
【携帯の場合】
商品メニュー
<link rel="canonical" href="http://www.example.com/k_shop.cgi?mode=menu"/>
<link rel="canonical" href="http://www.example.com/k_shop.cgi?class=**&mode=menu2"/>
商品一覧
<link rel="canonical" href="http://www.example.com/k_shop.cgi?class=**"/>
<link rel="canonical" href="http://www.example.com/k_shop.cgi?keyword=**&mode=goods"/>
<link rel="canonical" href="http://www.example.com/k_shop.cgi?mode=goods"/>
商品詳細ページ
<link rel="canonical" href="http://www.example.com/k_shop.cgi?id=**"/>
HOMEとＴＯＰ1～5
<link rel="canonical" href="http://www.example.com/k_shop.cgi"/>
（又は、<link rel="canonical" href="http://www.example.com/"/>）
<link rel="canonical" href="http://www.example.com/k_shop.cgi?mode=top*"/>
その他
<link rel="canonical" href="http://www.example.com/k_shop.cgi?mode=law"/>
<link rel="canonical" href="http://www.example.com/k_shop.cgi?mode=how"/>
<link rel="canonical" href="http://www.example.com/k_shop.cgi?mode=look"/>
※この正規化の機能を使わない場合は、set.plの約32行目のところで1を設定します。また、携帯のHOMEのURLをドメインにするかk_shop.cgiにするかをset.plの約35行目あたりで選択できます。この場合、index.cgiの12行目と一致させる必要があります。初期値は、正規化の機能を使い、携帯HOMEをドメインにする設定になっています。
|
| 携帯SEOの注意点（Google推奨） |
Googlebotにサイトが認識されるためには、携帯の場合、特別の注意が必要になります。
まず、携帯用のGooglebotはUserAgentに'Googlebot-Mobile'を含んでおり、Googleはそれのみで判断するように勧めています。Yahooの場合は、'Y!J-SRD/1.0','Y!J-MBS/1.0'です。さらに、携帯サイトとして認識されるためには、DTDを携帯端末向けの宣言にする必要があります。
これまで、Googleでは携帯端末を装ってクロールしてきましたが、UserAgentを予告なく変更すると述べていますので、'Googlebot-Mobile'のみで判断する必要があります。それで、最新版のReserve～Contents-Mallでは、下記の機能を実装いたしました。
- UserAgentが「'Googlebot-Mobile','Y!J-SRD/1.0','Y!J-MBS/1.0'」の場合、FOMAのDTDを出力。
- <!DOCTYPE html PUBLIC '-//i-mode group (ja)//DTD XHTML i-XHTML(Locale/Ver.=ja/1.0)
1.0//EN' 'i-xhtml_4ja_10.dtd'>
また、モバイル検索でＰＣ版のページが出てくる場合があります。そのような場合、対応する携帯ページにリダイレクトする機能を取り入れました。これは、Googleがスターターガイドで勧めているもので、PCtoMobile以上のショッピングカートで搭載しました。
shop.cgi⇒⇒（携帯からアクセスした時、対応するページにリダイレクト）⇒⇒k_shop.cgi
上記の点に関しましては、下記のGoogleの資料を参考にしてください。
Google のモバイル クロールで・・・・
Google検索エンジン最適化スターターガイド
モバイル版Yahoo!検索の検索エンジン
※FireFoxを使うと、上記の機能をテストすることができます。UserAgentをいろいろ変えてテストしてみてください。⇒User Agent Switcher ⇒サンプル
|
| SEOの基本（titleタグなど） |
さて、SEOの基本として次のものが上げられています。
- キーワードを含むタイトル（全角20文字、半角40文字）
- キーワードを選ぶ（無視されることが多いようです。ただし、Yahooでは効果あり！）
- 紹介文（全角100文字、キーワードをうまく配置）
- 商品説明にキーワード（画像のalt属性に記述）
ショッピングカートはこれらを自動で以下のように設定します。
top1～top5のページ
- タイトル＝(指定のもの)
- キーワード＝(指定のもの)
- 紹介文＝(指定のもの)
商品詳細のページ
- タイトル＝商品名+[商品記号]
- キーワード＝商品名+[商品記号],(指定のもの)
- 紹介文＝商品名+[商品記号]...+(指定のもの)
- 商品画像のalt属性＝商品名[記号]
分類のページ
- タイトル＝大分類-小分類 | +(指定のもの)
- キーワード＝大分類,小分類,(指定のもの)
- 紹介文＝大分類 小分類...+(指定のもの)
- 商品画像のalt属性＝商品名[記号]
カテゴリー（キーワード検索）のページ
- タイトル＝カテゴリー | (指定のもの)
- キーワード＝カテゴリー,(指定のもの)
- 紹介文＝カテゴリー...+(指定のもの)
- 商品画像のalt属性＝商品名[記号]
このような設定はSEOの基本である「検索エンジンユーザー最適化」にもつながります。つまり、キーワードで検索した目当てのものと一致したページを探すことができ、それが購買につながるといことです。つまり、ロボット型検索エンジンとユーザーの両方に適化されているのです。
※PCtoMobile、Contents-Cartの場合は、携帯ショッピングカートでもMETAタグのタイトルやキーワード、紹介文、及び、商品画像のalt属性が同じように生成されます。
|
| SEOの施策（h1,h2,pタグなど） |
ＳＥＯで重視されているのは下記の点です。
- タイトル
- h1、h2、h3、p、strongの活用
例えば、次のようなページ構成が勧められています。（【注】もっとも、STRONGタグは重視されなくなりつつありますし、多用すると逆効果になります。HTMLを記述する際、STRONGタグの多用に注意してください。）（ＳＥＯの施策 ＳＥＯ塾）
タイトルが、○○○○□□□□◇◇◇◇ の場合
<H1><STRONG>○○○○</STRONG></H1>
<H2><STRONG>○○○○</STRONG></H2>
<P><STRONG>○○○○</STRONG>
： ：
○○○○</P>
<H3><STRONG>○○○○</STRONG></H2>
<P><STRONG>○○○○</STRONG>
： ：
○○○○</P>
<H2><STRONG>□□□□</STRONG></H2>
<P><STRONG>□□□□</STRONG>
： ：
□□□□</P>
<H3><STRONG>□□□□</STRONG></H2>
<P><STRONG>□□□□</STRONG>
： ：
○○○○</P>
それで、Reserve～Contents-Cartの Ver.10.00以降 では、スタイルシートを充分に用いながら、上記の施策を実施いたしました。組み込まれたスタイルシートを活用し、サンプルのようにHTMLを記述することにより、自動的にＳＥＯ対策が可能となります。（スタイルシートの活用法）
また、最新のReserve～Contents-Mallでは、ヘッダーのカスタマイズに変数 $pagekeyword を使えるようにしました（システム設定【13】）。この変数は表示ページに応じて下記のような値を出力します。
- 商品名[商品記号]・・・・（商品詳細ページ）
- 分類名・・・・（分類一覧ページ）
- キーワード検索のキーワード・・・・（キーワード検索結果のページ）
- TOP1～TOP10のタイトル・・・・（TOP*のページ）
それで、システム設定【13】のところで、この変数$pagekeywordをサンプルのようにh1、h2、h3、pタグなどに配置することによりSEO対策を施すことができます。
また、PCtoMobile以上では携帯でもサイトのロゴ画像のALT属性にページごとのキーワードを出力し、かつh1タグを用いるようにしました。
|
| ソーシャルメディアへの登録 |
ソーシャルネットワーク（Facebookやツイッターなど）やソーシャルブックマーク（はてなブックマークなど）へ登録すると被リンクが得られます。したがって、SEO効果が期待できます。しかも、これはGoogleが推奨している『自然なリンク』の増加になります。
ショッピングカートPCtoMobile～Contents-Mallでは、下記の4つの代表的なソーシャルメディアに登録するボタンが自動的に表示されるようになっています。
- Facebookの「いいね」ボタン
- Google+1ボタン
- ツイッターのツイートボタン
- はてなブックマークボタン
詳しくは下記のページをご覧ください。
⇒ Facebookやツイッターボタンの自動表示機能
|
| 静的ページの自動生成 |
静的ページを生成するためにプログラムhtml_makerの使用方法を説明いたします。（ショッピングカートreserve以降ではhtml_makerが標準添付されています。）
HTML_MAKER VER2.00 (ショッピングカートＳＰシリーズ対応)は、トップページHTML、TOP1～TOP5のページのHTMLを自動で生成するためのＣＧＩです。生成されたHTMLファイルはホームページビルダーなどで加工することができ、SEO対策のために活用することができます。
VER.2.00以降では、生成されたHTMLはカートと同じフォルダに生成されます。システム設定の変更なしに生成できます。
【注意】別のフォルダで使用したいときには、生成されたHTML内のスタイルシートや画像のフォルダのパスを修正する必要があります。これは、特に、cgi-bin下でのみcgiが動くサーバの場合、生成されたhtmlファイルを適切な場所に移動する時などに必要となります。
|
|
|
|
