Loading....
最近の投稿:

Article

商品の表示列数を変更しよう

今回は商品の表示列数を変更する方法をご紹介します。

オリジナル・アラジンでは800ピクセル(ドット)の画面に
3列の商品が並ぶ様に設計されています。

これは、トップ、カテゴリー、サブカテゴリー、
商品詳細、検索結果の各画面でそれぞれ設定されている為、
このままだと、列数を変更しようとした場合、それぞれの
画面に対応するソースコードを修正しないといけません。
(それぞれの画面で異なる列数にしたい場合は
この方が便利ですが・・・)

そこで今回の改造では、列数、1列の幅とその余白を
1箇所で設定する改造方法をご紹介します。

この改造を施せば、設置したサイトの商品表示列数を
変更したい場合でも1箇所修正すればOKです。

※ただし、今回ご紹介するのは、商品の列数と
列幅、その余白のみであり、画面全体の幅や
商品を配置するブロックの幅などは含まれて
いないので、変更できる列数には限りがあります。
ウィンドウ等の幅の変更方法は次回ご紹介する予定です。

では、改造方法です。

※今回は複数のファイルに同じ改造をする事が多い為、今までとは異なり、対象ファイルが複数になっていますので、気をつけて改造して下さい。

※本ページで記載している行番号はオリジナルのソースでの行番号になります。
他のページで紹介している改造を行っている場合は行番号が異なっている可能性があるので、改造箇所の参考にあげているコードを目印に改造箇所を探し出して下さい。

※どうしても改造箇所が判らない方は、コメントなりメールで質問して下さい。その際、どうして判らないかを具体的に説明して頂けるとスムーズに回答できますので、宜しくお願いします。

■改造1

改造ファイル/行番号
index\contents.php (21行目)
改造内容
if($i<3){
この行を下記コードに変更します。
if($i<$item_col){

※改造1は当初の公開時に漏れていた分で
4月21日に追加したものです。

■改造2

改造ファイル/行番号
index\contents.php (22行目)
category\src\result.php (9行目)
subcategory\src\result.php (9行目)
itemdetail\src\result.php (6行目)
isearch\src\result.php (9行目)
改造内容
if($i%3==0){
上記ファイルに存在するこの行を下記コードに変更します。
if($i%$item_col==0){

■改造3

改造ファイル/行番号
index\contents.php (31行目)
category\src\result.php (13行目)
subcategory\src\result.php (13行目)
itemdetail\src\result.php (10行目)
isearch\src\result.php (13行目)
改造内容
<td style="width:160px;text-align:center;padding:10px 5px;">
上記ファイルに存在するこの行を下記コードに変更します。
<td style="width:{$item_w_td};text-align:center;padding:10px {$item_w_pad};">

■改造4

改造ファイル/行番号
index\contents.php (39行目)
category\src\result.php (21行目)
subcategory\src\result.php (21行目)
itemdetail\src\result.php (18行目)
isearch\src\result.php (21行目)
改造内容
if($i%3==2){
上記ファイルに存在するこの行を下記コードに変更します。
if($item_col-($i%$item_col)==1){

■改造5

改造ファイル/行番号
top\3rd.php (6行目)
改造内容
require "./contents.php";
この行の直前に下記コードを追加します。
$item_col=4;
$item_w_td='120px';
$item_w_pad='5px';

この改造を行った後は、改造5で追加した
変数の値を変更する事により、商品列数を
自由に変更できます。

※上記サンプルコードでは、列数を4列にした際の
値が設定されていますので、皆さん自由に変更して下さい。
オリジナルはそれぞれ、3、160px、5pxです。

各変数の意味は下記の通りです。

$item_col:列数
$item_w_td:列幅
$item_w_pad:列の余白(左右両側)

$item_col だけは数字じゃないといけませんが、
他の変数は単位(px、em、%など)も含めて設定できます。

なお、この商品一覧はdiv.mainブロックの中にあり、
div.mainは幅が558pxに設定されていますので、
この幅に全体が収まる様に列数、列幅、列余白を
調整しましょう。
※列余白は左右両側にあるので、2倍になる事に
気をつけましょう。

div.mainや更にその外側のブロックの変更に関しては
次回ご紹介する予定です。

人気ブログランキングへ
人気ブログランキングへ参加しています。
応援をお願いします。


Comments (8 comments)

こんにちは。
もしかしてチカマオさんのアラジンサイトもGoogleからのインデックス
削除されてませんか?

なおみ / 4 月 9th, 2009, 21:09

なおみ さん、こんにちは。

え~と、皆さんより早い3月中旬に4~5サイトが削除されていますが、その後削除されたサイトは確認できていないです。
2,3日前にもインデックスが増えたサイトがありました。まあ、sitemap_INDEXを登録していないサイトが多いので、皆さんの様に数千インデックスとはいかないですが。(^^ゞ
解せないのは、比較・検証の為に作成したオリジナルのままの数サイトも未だ削除されていない事ですね。
googleが何をもって削除しているのか全く判らないんですよね。(ーー;)
あと情けない話ですが、キーワードが悪いのか、検索エンジン経由でくる方、楽天アフィリをクリックしてくれる方はとても少なく、なおみさんの様な結果は出ていないです。(>_<)
なおみさんのキーワードでアラレボを使うとどういう結果になるか期待しています。(^O^)

チカマオ / 4 月 10th, 2009, 08:37

チカマオさん

sitemapをGoogleに読ませ、少なくとも数千はインデックスさせ
ないと楽天の売り上げは立たないでしょうね。要するに「数勝負」
です。

数さえあれば、特に新しくキーワードを仕込むことなくオリジナ
ル状態のアラジンでも十分に売り上げが立ちます。申し訳ないで
すが、ロングテールのキーワードでヒットしてくる顧客はページ
デザインや商品画像の見た目はほとんど関係ないですよ。
(むしろ、このおかしな画像はなんだ?と思われてクリック
されてもそれでかまわないわけです)

独自キーワードを仕込むときも、アラジンが生成するページで
ビッグキーワードなどで検索上位表示になることはまずないでしょう。(ビッグなキーワードはすでに商品名などになって仕込まれて
しまってます)

ワードを仕込むなら、たとえば独自に作ったサイトカテゴリに
関するクリティカルワードをぶっこみます。

で、アラジンで釣れるのは、ビッグ+クリティカルワードですよ。

なおみ / 4 月 10th, 2009, 19:21

なおみ さん、こんにちは。
貴重なご意見をありがとうございます。

なるほど、確かにロングテール狙いですと、あまりキーワード等も関係なく、如何に色々な商品を検索エンジンにインデックスさせ、被リンク等のSEO対策を施すかが重要ですね。
早速、アラレボで作った独自テンプレートのサイトにこの手法で仕掛けて様子を見てみます。今回はテストの為、100万サイトマップを一気に登録しました。時間的余裕があれば、サイトマップが徐々に増える仕掛でのgoogleの動向も見てみたいと思います。
オリジナル・アラジンでは、既にリスト済みの商品IDでしかサイトマップを作成しませんが、アラレボの第三弾辺りでは、新規商品IDも積極的にサイトマップに取り入れつつ、徐々にサイトマップを増やしていくといった、スパム判定回避策&ロングテール狙いの仕掛けも取り入れていきます。

チカマオ / 4 月 11th, 2009, 23:15

サイトは削除しているのに今日も楽天で売り上げ立ってます。
(トホホです)

スパム対策さえできれば、アラジンはマジ強力。注力すべきはスパムにナRないことにつきると思います。

それと、Googleでのインデックスが早いためにYahooのことが話題になりませんが、Yahooでのインデックス状況とスパム判定のデータをお持ちの方のデータが是非必要かと。Yahooさえ生き残れば、Googleを捨てても十分収入になりげと思っています。どなたかYahooのデータをぜひチカマオさんへ。

なおみ / 4 月 14th, 2009, 18:37

はじめまして。
アラジンにてサイト作成をはじめ6サイトつくりかれこれ1ヶ月たったものの、yahooではいまだインデックスされず、googleではアップ後10日前後で約2,000インデックスされましたが、その後まったくストップ!
よって成果もまだ10ポイントほど・・・。
スパム判定されたのか!と落ち込みつつ、どうしたものかと漂っていたらこちらにたどり着きました^^
チカマオさんの方法を勝手に参考にさせていただき、少しずつ改造を進めています。ありがとうございます。
どうぞこれかもよろしくおねがいします。
ちなみにgoogle約2,000インデックスでストップのままということは、スパム判定されたのでしょうかね?

エイトマン / 4 月 15th, 2009, 15:31

なおみ さん、こんにちは。
いまだに成果が上がっているとは物凄いですね!

Yahooのインデックス情報はどうなんでしょうね? 私も気になります。
ただ、Yahooってこういうアフィリエイト用のツールで作ったようなサイトや、楽天アフィリの載っているサイトを嫌う傾向にある様な話を聞いた事がありますので、Googleの様に数千件ってのは難しいんでしょうね。
私の持っているサイトでも、10ページインデックスされているのがやっとですね。その他の殆どは0~2ページで・・・。結果も惨澹たるものです。Yahooからは1日に1アクセスあるかどうか・・・。
面白いのはたまにMSNからのアクセスが見られます。

他の方の状況はどうでしょうか?
何か情報をお持ちの方がいらしたら教えてもらえないでしょうか?

アラレボの方、マニュアルの最終調整に入っているものの、皆さんにHTMLを自由にいじってもらう事を狙っている為に、書く内容になかなか頭をひねっています。
もう少しだけ、お待ち下さい。

チカマオ / 4 月 15th, 2009, 18:41

エイトマン さん、こんにちは。
コメントありがとうございます。
お役に立てて何よりです。

スパム判定の判断は難しいですね。
オリジナルのアラジンで使われているのならば、その可能性は否めませんが、ただ単純に上位表示できていないだけかも知れませんね。

アラジンは販売元の公称値で300本売った訳ですよね。
1人の人が平均10サイト立ち上げたとしたら、3000サイト存在する計算です。
実際には10サイトというのは少ないと思うので、もっと沢山になるでしょう。
サイト名、カテゴリーなどは各個人独自だったとしても、所詮楽天アフィリなので、ある程度収束してしまうでしょう。
サイトマップに至っては400万IDのデータを、デフォルトでは25%の100万ID使って作りますので、3000サイトあったら、1IDに対して750サイトで重複(ほぼ同じコンテンツのサイト)する計算になります。

つまり、単純にオリジナル・アラジンでサイトを構築しただけでは、同じコンテンツで750のライバルがひしめき合っている事が考えられますので、そのライバルに打ち勝って少しでも上位に表示されないと、閲覧者がやってくるのは難しいと思います。
オリジナル・アラジンはHTMLをカスタマイズするにはPHPの知識が必要ですので、それができない場合は別の手段で同じくアラジンで作ったサイトにSEO的に勝つ為の手段を考えないといけないと思います。

※これは単に私の推測に過ぎませんので、実際のほどは判りませんよ。(^^ゞ
 ヨタ話程度で読んで下さい。

チカマオ / 4 月 15th, 2009, 19:00

What do you think?

判らないphp命令やhtmlタグ等をここでお調べ下さい。

カスタム検索

緊急告知

本サイトより【アラジン】をご購入頂いた方は、お手数ですが下記アドレスまでメールを頂けないでしょうか。

サポート用メールアドレスのご連絡と、今後大規模改造が完成した際にはご連絡させて頂きます。

※メールには必ずInfotopからの購入完了メールに記載されている【注文ID】をご記載下さい。

chikamao@u3g.biz

QLOOKアクセス解析