delab » Zen-cart http://de-lab.com xhtml CSS SEO CMS PHP など Webデザイン WEBサイト構築の話題 Wed, 05 Oct 2011 23:41:33 +0000 en hourly 1 http://wordpress.org/?v=3.2.1 リスト形式カテゴリーボックス【Zen-cartモジュール】 http://de-lab.com/work/zencart_modules_list/ http://de-lab.com/work/zencart_modules_list/#comments Wed, 17 Oct 2007 09:25:54 +0000 sato http://de-lab.com/blog/zen-cart/%e3%83%aa%e3%82%b9%e3%83%88%e5%bd%a2%e5%bc%8f%e3%82%ab%e3%83%86%e3%82%b4%e3%83%aa%e3%83%bc%e3%83%9c%e3%83%83%e3%82%af%e3%82%b9%e3%80%90zen-cart%e3%83%a2%e3%82%b8%e3%83%a5%e3%83%bc%e3%83%ab%e3%80%91/

HTML-CSSデザインに最適な、正しいリスト構造のカテゴリボックスのモジュールを作りました。

URL書き換え日本語版対応の階層化したURLを吐き出します。

会社のサイトに導入したら正常に動作していますので、リリースします。

HTML×CSSデザインに最適のリスト形式のカテゴリボックス

正しいHTMLでリストを出力

本家モジュールcss_flyout_menuを元に、正しいHTML形式でリストが出力されるようにしました。

カテゴリ＞サブカテゴリの正しい階層でリスト表示されます。

URL書き換え日本語版対応の階層化したURL

SEO対策で、URL書き換え日本語版でも、パン屑リストと同じ階層化したURLが出力されるようにしました。

※Zen-cartの重複コンテンツが作成される問題

カテゴリボックスのデザインが簡単に変えられる

全てのリストにカテゴリIDが振ってあるので、カテゴリごとに違ったアイコンにすることも可能です。

表示のサンプル

リスト形式カテゴリーボックスサンプル

リスト形式カテゴリーボックスサンプル

導入事例：ツルカンストア

生成されるHTML

categoriescssボックスの生成サンプル

<h3>生成されるHTML</h3>
<div class="leftBox" id="categoriestree">
<h3 class="leftBoxh3" id="categoriestreeHeading">カテゴリータイトル</h3>
<ul class="level1" id="treelist">
<li id="cat_(カテゴリID)"><a href="http://">カテゴリ1</a>
<ul class="level2">
<li id="cat_(カテゴリID)"><a href="http://">カテゴリ1-1</a>
<li id="cat_(カテゴリID)"><a href="http://">カテゴリ1-2</a>
			</ul>
</li>
<li class="special"><a href="http://">特価商品 ...</a></li>
<li class="productsnew"><a href="http://">新着商品...</a></li>
<li class="featuredproject"><a href="http://">おすすめ商品...</a></li>
<li class="productsall"><a href="http://">全商品...</a></li>
</ul>
</div>

ダウンロード

CategoriesTree (953) ver.0.91

リスト形式カテゴリボックス

リニューアルでリンク切れになっていました。修正しました。

リンク切れ修正しました

ver0.91 zen-cart現行バージョンにあわせて内部を訂正しました。

]]> http://de-lab.com/work/zencart_modules_list/feed/ 3 Zen-cartの重複コンテンツが作成される問題 http://de-lab.com/article/zencart_contents/ http://de-lab.com/article/zencart_contents/#comments Wed, 17 Oct 2007 07:30:46 +0000 sato http://de-lab.com/blog/zen-cart/zencart_contents/

Zen Cart内部のURL構造のSEO最適化しました。

重複するURLを作らないために、モジュールを修正しました。

重複コンテンツが引き起こすSEOトラブルを防ぐために

Googleウエブマスター向けガイドライン(品質に関するガイドライン)には複数のページ、サブドメインやドメインで同じコンテンツを公開しない。という記述があります。

URL書き換え日本版のエントリにも書きました。

重複ページを持つサイトはSEO的に大きなマイナスとなり、検索順位を下げることになる

Zen-cartのSEO対策 URLを短くクロールされやすいものにする。 : delab

Zen-cartの仕様では商品ページは単一ではない

しかし、Zen-cartの仕様だと、URLの形成基準が一定でなく、商品ページが2種類出来る場合があります。

http://XXX.com/index.php?main_page=product_info&cPath=カテゴリID&products_id=商品ID

http://XXX.com/index.php?main_page=product_info&products_id=商品ID

前回のように、robot.txtとインデックスの削除で重複ページを検索させないようにすることも出来ますが、内部リンクが分散されてしまうことで、リンクポピュラリティが低下することに繋がります。

特に商品ページはサイトにとって重要な部分ですので、URLの短縮化をおすすめします。

追加モジュールで重複コンテンツが出来る – URL書き換え日本語版

パン屑リストのカテゴリページ生成ルール

/category/categories/[カテゴリID].html

/category/categories/[親カテゴリID]_[カテゴリID].html

全カテゴリー表示SideBoxを利用している場合、サイドに表示されるサブカテゴリのリンクは

/category/categories/[カテゴリID].html

になるので、サブカテゴリの前に親カテゴリが入るように修正します。

修正前

includes/classes/categories_all.php 77行目

if ($level == 0) {
$result .= $this->root_start_string;
}
$result .= str_repeat($this->spacer_string, $this->spacer_multiplier * $level) . '<a href="' . zen_href_link(FILENAME_DEFAULT, 'cPath=' . $category_link) . '">';
$result .= $category['name'];
$result .= '</a>';

修正後

includes/classes/categories_all.php

if ($level == 1) {
$result .= str_repeat($this->spacer_string, $this->spacer_multiplier * $level) . '
<li id="cat_' . $category_link . '"><a href="' . zen_href_link(FILENAME_DEFAULT, 'cPath=' . $parent_id . '_' . $category_link) . '">';
$result .= $category['name'];
$result .= '</a></li>';
} else{
$result .= str_repeat($this->spacer_string, $this->spacer_multiplier * $level) . '
<li id="cat_' . $category_link . '"><a href="' . zen_href_link(FILENAME_DEFAULT, 'cPath=' . $category_link) . '">';
$result .= $category['name'];
$result .= '</a></li>';
}
]]> http://de-lab.com/article/zencart_contents/feed/ 0 外部リンクを貼るとSEO的に損になるのか http://de-lab.com/article/zen-cart_pagerank/ http://de-lab.com/article/zen-cart_pagerank/#comments Fri, 12 Oct 2007 07:27:45 +0000 sato http://de-lab.com/blog/zen-cart/zen-cart_pagerank/

Zen-cartのSEO対策 URLを短くクロールされやすいものにするの続きです。

前回サイトの商品ページ内のメーカーへのリンクなどは、リダイレクトせずにそのまま外部リンクとしたほうがいいのではないかと書きましたが、その理由です。

外部リンクは本当にSEO的に良くないのか

PageRankとはウェブ上のページの“重要度”を表す数値のことです。

あるページが他のページにリンクを張っている時、そのページはリンク先のページに一票を投じているとGoogleは考えます。

得票数のより多いページは、重要度がより高いといえます。また、票を投じているページの重要度に応じて、その一票自身の重要度が決められ、Googleはそのページに投じられている票によって、ページの重要度を計算します。

つまりPageRankの計算をする時にそれぞれの票の重要度を考慮に入れるのです。

Google’s PageRank and how to make the most of it :: SEM R

Google PageRankの考え方

Google PageRankでは、リンクを他のサイトに向けて張るとPage Rankが流出するということになるので、流出したPage Rankを補う為に、リンクは相互リンクにするといいとあります。

これを見ると、PageRankを外部のリンク先に流さずに、自サイト内にためておくのがいい方法のように思えます。

実際Wikipediaなども、外部リンクへのポイント流出を防ぐため、外部リンクには rel=”nofollow”にしたり、Page Rankの流出を防ぐ方法をとっています。

しかし、場合によっては、リンクを張ることで自分が損をすることはないどころか、関連性のあるサイトにリンクを張ることでページの評価を高めるとも考えられます。

ハブとオーソリティという考え方

あるテーマについて、関連するページへ多くリンクを発しているページは情報連絡網（ハブ）として役に立つ。

また、上記のような数多くのハブページからリンクされているページは、そのテーマの情報について権威（オーソリティ）があると認められる。

これは、ハブ（Hub）とオーソリティ（Authority）という考え方です。

テーマと関連性のある優良なハブからのバックリンク(被リンク)と、テーマと関連性のある優良なオーソリティへのリンク(外部へのリンク)は評価されるということになります。

Yahoo!検索結果においては、特にハブとオーソリティの関係を重視していると言われています。

もちろん、リンクを外部に張ることによってPage Rankは外部に流れるわけですが、Page Rank＝検索順位ではないので、ある程度の外部リンクは気にしなくていいのではないかと思います。

まだ実際にその効果がどうか測っていないので、これから何ヶ月か効果を見ていきたいと思います。

]]> http://de-lab.com/article/zen-cart_pagerank/feed/ 0 Zen-cartのSEO対策 URLを短くクロールされやすいものにする。 http://de-lab.com/article/zen-cart_url/ http://de-lab.com/article/zen-cart_url/#comments Fri, 12 Oct 2007 06:14:16 +0000 sato http://de-lab.com/web/zen-cart_url/

Googleのガイドラインにもあるように、検索エンジンは&や?など、動的なURLを嫌う傾向があります。

ページ内の内部リンクを強化し、より内部リンクを認識されやすくするためにURLの最適化を行いました。

SEO対策としてURLを最適化する

9月にオープンしたばかりのツルカンストアですが、オープン1週間前から検索エンジン対策していたおかげで、オープンしてすぐ位から検索に引っかかってくれるようになりました。

インデックスされているページも200P以上あり、効率よくクロールしているはずですが、なぜか順位が伸びない･･･。

力を入れているキーワードでも2ページ目位の検索結果になっています。

ページの作りはSEO最適化していますので、それ以外のSEO対策をしました。

zen-cart構築向けの内容ですが、その他のECサイトでも応用が利くと思います。

URLを検索エンジン向けに短くクロールされやすいものにする。

動的なページ (URL に “?” が含まれているページなど) を使用する場合、検索エンジンのスパイダーによっては、静的なページと同じようにはクロールされない場合があることを考慮する。パラメータを短くしたり、数を少なくすると、クローラで見つけやすくなります。

ウェブマスター向けヘルプ センター – ウェブマスター向けガイドライン

Googleのガイドラインにもあるように、検索エンジンは&や?など、動的なURLを嫌う傾向があります。

実際は、最近の検索エンジンは、動的なURLもちゃんと拾っていると思うし、サイトマップを作るなど、クロールの効率を上げる手段もありますが、ページ内の内部リンクを強化するため、より内部リンクを認識されやすくするためにURLの最適化を行いました。

URL構造の比較

初期のURL構造

http://×××.jp/index.php?main_page=product_info&products_id=44

短縮したURL

http://×××.jp/products/44.html

zencart URL書き換え日本語版

URLの短縮をするにあたって、Ultimate_SEO_URLsとzencart URL書き換え日本語版の2つの選択肢がありましたが

  1. 多段変換により、初期状態のURLのアクセスも可能なので、検索エンジン等からのリンクが無駄にならない
  2. URLを数字ではなく、商品名に置き換えることができる

という利点から、zencart URL書き換え日本語版を利用させていただきました。

ただ、こちらは1.2対応版ですので、1.3で利用するために、英語版のパッチからdiffで変更箇所を追いかける作業が必要でした。

この作業がなかなかうまくいかず、正常動作まで丸1日かかってしまいました。(＾＾；

また、URLの短縮により、リダイレクト処理がうまくいかなくなるという問題が･･･。

フォーラムのURL書き換え日本語版 のエラーが解決の参考になりました。

しかし、実用では、リダイレクトしない外部リンクを採用しました。

特にメーカーへのリンクや、メーカーの商品情報へのリンクは、外部リンクにしたほうがいいと考えたからです。※<a href=”http://de-lab.com/blog/zen-cart/zen-cart_pagerank”>外部リンクを貼るとSEO的に損になるのか

tpl_product_info_display.php

include/template/YOUR_TEMPLATE/template/ メーカーの商品情報

<!--bof Product URL -->
<?php
  if (zen_not_null($products_url)) {
    if ($flag_show_product_info_url == 1) {
?>
    <?php echo ('<dt>URL</dt><dd><ａ href="http://' . $products_url . '" title="' . $products_name . 'のメーカーページ">' . $products_name . 'の商品情報</ａ></dd>'); ?>
<？php
    } // $flag_show_product_info_url
  }
?>
<!--eof Product URL -->

同じ要領でメーカーのURLの部分も書き換えます。

メーカーと商品URLの部分が外部リンクになりました。

以前のURLへのクロールを禁止する

既に検索エンジンにインデックスされているサイトのURLを短縮した場合、新しいURLが重複してインデックスに登録されることになります。

重複ページを持つサイトはSEO的に大きなマイナスとなり、検索順位を下げることになるので、以前のURLへのクロールを禁止します。

Zen-cartなどのシステムで構築したページの場合、個別にメタタグを入れることができないので(noindexメタタグ)まとめてrobot.txtで制御します。

robot.txt

User-agent: *
Sitemap: http://×××.jp/store/sitemap.xml
Allow: /categories/
Allow: /products/
Disallow: /index.php?main_page=index&cPath*
Disallow: /index.php?main_page=product_info&products_id*

User-agent: *　クローラーの種類を指定(*は全部のクローラー)

Allow:　クロールして欲しいところ

Disallow:　クロールを禁止するところ

実際にはもっと細かく指定しています。だいたいこんなかんじです。

robot.txtはルートディレクトリにおきます。

Google ウエブマスターツールでインデックスからURLを削除する

既にインデックスされているページは、URLの削除依頼を出しましょう。Yahooも同様です。

]]> http://de-lab.com/article/zen-cart_url/feed/ 1 Zen-Cart構築例 ツルカンストア http://de-lab.com/work/case_zen-cart/ http://de-lab.com/work/case_zen-cart/#comments Thu, 13 Sep 2007 10:00:40 +0000 sato http://de-lab.com/blog/eccube/case_zen-cart/

Zen Cartで構築したオンラインショップです。内部ページ構造もSEOに最適化してあり、ログイン画面などのユーザビリティにも配慮しています。

去る9月10日、自社のオンラインストア『ツルカンストア』がオープンしました。

入社して早くも半年が経ち、そろそろ自社サイトにも手をかけようと、7月中旬から制作をはじめてようやくオープンすることができました。

オープンソースEC構築システム『zen-cart』を使った構築

最初『EC-CUBE』を使用するつもりで1週間位頑張ってみましたが、PHPセーフモードでは携帯サイトの動作が難しいのと、現状では拡張がないのを考慮して、何度か構築して馴染みも深い『zen-cart』を使用しました、

携帯サイトはこれから作成します。

追加したモジュールと追加機能

  • Lightboxで商品画像を画面遷移なしで拡大
  • 管理画面から商品画像をリサイズ・登録
  • 営業日カレンダー
  • 関連商品表示モジュール
  • 販売管理のため原価入力
  • 郵便番号データーベースで、郵便番号で自動住所入力
  • 最新ニュースの表示・管理モジュール
  • CSVで商品一括登録・変更
  • SEO対策としてSitemap.xmlの出力
  • 新着情報のRSS配信

ライブヘルプシステムの導入

販売サイトだからこそ、レスポンスのいいサポートが必要と考え、お問合わせ窓口をライブヘルプシステムにしてみました。

  • チャットを通してお客様をリアルタイムにサポート
  • 自動オンライン・オフライン画像切り替え
  • チャットログ
  • リアルタイムでアクセス状況が見られるアクセスログ
  • プッシュURLで訪問者を目的のページに誘導
  • オペレーター評価機能・アンケート
  • オペレーターから訪問者をチャットに招待
  • オフライン時メッセージお預かり

Summary

  • 公開日時：2007年9月10日(月)
  • 制作期間：約2ヵ月
  • 使用言語：XHTML/CSS、Ajax、PHP
  • システム：zen-cart
]]> http://de-lab.com/work/case_zen-cart/feed/ 0