ECCUBEの商品一覧ページのSEO対策！rel=”next”　rel=”prev”を設定

2015/03/10 2017/03/12

ECCUBEの商品一覧ページに「`rel="next"`」「`rel="prev"`」の設定方法・その１

　
ECCUBEの商品一覧ページに「rel="next"」「rel="prev"」を設定してほしいとの依頼が来ました。
　
その対応方法について書いていきたいと思います。
　

LC_Page_Products_List.phpのプログラムの修正

　
/data/class_extends/page_extends/products/LC_Page_Products_List_Ex.php
の最後の方に下記のスクリプトを追加します。
すでに「action()」関数がある場合は、「parent::action();」行の次あたりに 4行目、5行目を追加します。
　

  function action() {
    parent::action();

    $this->prev_page = $this->objNavi->arrPagenavi[before];
    $this->next_page = $this->objNavi->arrPagenavi[next];
  }

function action() {

parent::action();

$this->prev_page = $this->objNavi->arrPagenavi[before];

$this->next_page = $this->objNavi->arrPagenavi[next];

}

site_frame.tplのテンプレートの修正

　
続いて、実際に「rel=”next”　rel=”prev”」を編集するテンプレートファイル「site_frame.tpl」に下記のスクリプトを追加します。
　
対応するファイルは、以下のファイルです。
/data/Smarty/templates/default/site_frame.tpl
　
編集する場所は headタグ内であればの分かりやすいところで OKです。
　
　

<!--{if $smarty.server.REQUEST_URI|mb_strpos:'products/list.php' !== false }-->
  <!--{if $objNavi->now_page == 1 and $objNavi->max_page == 1 }-->

  <!--{elseif $objNavi->now_page == 1 }-->
    <link rel="next" href="<!--{$smarty.const.HTTP_URL|escape}-->products/list.php?transactionid=<!--{$transactionid}-->&mode=<!--{$smarty.request.mode|escape}-->&category_id=<!--{$smarty.request.category_id|escape}-->&maker_id=<!--{$smarty.request.maker_id|escape}-->&name=<!--{$smarty.request.name|escape}-->&orderby=<!--{$smarty.request.orderby|escape}-->&disp_number=<!--{$smarty.request.disp_number|escape}-->&pageno=<!--{$next_page}-->&rnd=<!--{$smarty.request.rnd|escape}-->"/>

  <!--{elseif $objNavi->now_page == $objNavi->max_page}-->
    <link rel="prev" href="<!--{$smarty.const.HTTP_URL|escape}-->products/list.php?transactionid=<!--{$transactionid}-->&mode=<!--{$smarty.request.mode|escape}-->&category_id=<!--{$smarty.request.category_id|escape}-->&maker_id=<!--{$smarty.request.maker_id|escape}-->&name=<!--{$smarty.request.name|escape}-->&orderby=<!--{$smarty.request.orderby|escape}-->&disp_number=<!--{$smarty.request.disp_number|escape}-->&pageno=<!--{$prev_page}-->&rnd=<!--{$smarty.request.rnd|escape}-->" />

  <!--{else}-->
    <link rel="prev" href="<!--{$smarty.const.HTTP_URL|escape}-->products/list.php?transactionid=<!--{$transactionid}-->&mode=<!--{$smarty.request.mode|escape}-->&category_id=<!--{$smarty.request.category_id|escape}-->&maker_id=<!--{$smarty.request.maker_id|escape}-->&name=<!--{$smarty.request.name|escape}-->&orderby=<!--{$smarty.request.orderby|escape}-->&disp_number=<!--{$smarty.request.disp_number|escape}-->&pageno=<!--{$prev_page}-->&rnd=<!--{$smarty.request.rnd|escape}-->" />
    <link rel="next" href="<!--{$smarty.const.HTTP_URL|escape}-->products/list.php?transactionid=<!--{$transactionid}-->&mode=<!--{$smarty.request.mode|escape}-->&category_id=<!--{$smarty.request.category_id|escape}-->&maker_id=<!--{$smarty.request.maker_id|escape}-->&name=<!--{$smarty.request.name|escape}-->&orderby=<!--{$smarty.request.orderby|escape}-->&disp_number=<!--{$smarty.request.disp_number|escape}-->&pageno=<!--{$next_page}-->&rnd=<!--{$smarty.request.rnd|escape}-->" />

  <!--{/if}-->
<!--{/if}-->

　
　
これだけでOKです。
　
　

これからのSEO内部対策本格講座

ECCUBEの商品一覧ページに「`rel="next"`」「`rel="prev"`」の設定方法・その２

　
その１の方で実装をしていたのですが、実際問題としてもっと簡単な方法があるのではなかろうか、と思って試行錯誤した結果、下記のような感じに行き着きました。
　
修正するファイルは、site_frame.tplのテンプレートのみ。
　

site_frame.tplのテンプレート

　
対応するファイルは、その１と変わらず以下のファイルです。
/data/Smarty/templates/default/site_frame.tpl
　
編集する場所は headタグ内であればの分かりやすいところで OKです。
　

<!--{if $smarty.server.REQUEST_URI|mb_strpos:'products/list.php' !== false }-->
  <!--{if $objNavi->now_page == 1 and $objNavi->max_page == 1 }-->

  <!--{elseif $objNavi->now_page == 1 }-->
    <!--{assign var="next_page" value=2}-->
    <link rel="next" href="<!--{$smarty.const.HTTP_URL|escape}-->products/list.php?transactionid=<!--{$transactionid}-->&mode=<!--{$smarty.request.mode|escape}-->&category_id=<!--{$smarty.request.category_id|escape}-->&maker_id=<!--{$smarty.request.maker_id|escape}-->&name=<!--{$smarty.request.name|escape}-->&orderby=<!--{$smarty.request.orderby|escape}-->&disp_number=<!--{$smarty.request.disp_number|escape}-->&pageno=<!--{$next_page}-->&rnd=<!--{$smarty.request.rnd|escape}-->"/>

  <!--{elseif $objNavi->now_page == $objNavi->max_page}-->
    <!--{assign var="prev_page" value=$smarty.request.pageno-1}-->
    <link rel="prev" href="<!--{$smarty.const.HTTP_URL|escape}-->products/list.php?transactionid=<!--{$transactionid}-->&mode=<!--{$smarty.request.mode|escape}-->&category_id=<!--{$smarty.request.category_id|escape}-->&maker_id=<!--{$smarty.request.maker_id|escape}-->&name=<!--{$smarty.request.name|escape}-->&orderby=<!--{$smarty.request.orderby|escape}-->&disp_number=<!--{$smarty.request.disp_number|escape}-->&pageno=<!--{$prev_page}-->&rnd=<!--{$smarty.request.rnd|escape}-->" />

  <!--{else}-->
    <!--{assign var="prev_page" value=$smarty.request.pageno-1}-->
    <!--{assign var="next_page" value=$smarty.request.pageno+1}-->
    <link rel="prev" href="<!--{$smarty.const.HTTP_URL|escape}-->products/list.php?transactionid=<!--{$transactionid}-->&mode=<!--{$smarty.request.mode|escape}-->&category_id=<!--{$smarty.request.category_id|escape}-->&maker_id=<!--{$smarty.request.maker_id|escape}-->&name=<!--{$smarty.request.name|escape}-->&orderby=<!--{$smarty.request.orderby|escape}-->&disp_number=<!--{$smarty.request.disp_number|escape}-->&pageno=<!--{$prev_page}-->&rnd=<!--{$smarty.request.rnd|escape}-->" />
    <link rel="next" href="<!--{$smarty.const.HTTP_URL|escape}-->products/list.php?transactionid=<!--{$transactionid}-->&mode=<!--{$smarty.request.mode|escape}-->&category_id=<!--{$smarty.request.category_id|escape}-->&maker_id=<!--{$smarty.request.maker_id|escape}-->&name=<!--{$smarty.request.name|escape}-->&orderby=<!--{$smarty.request.orderby|escape}-->&disp_number=<!--{$smarty.request.disp_number|escape}-->&pageno=<!--{$next_page}-->&rnd=<!--{$smarty.request.rnd|escape}-->" />

  <!--{/if}-->
<!--{/if}-->

　
　
その１では、次のページ、前のページのページ数をあらかじめ用意されているクラスのプロパティを使って取得していますが、その２では、前のページ、次のページは、現在のページの「-1」「+1」で計算する方法にしています。
現在のページが分かっているならこれで問題ないんじゃないかと。
　
ちなみに、Smartyのテンプレート上で値を計算したり、文字列を加工する方法については「Smartyのテンプレート内の処理で計算、加工をする方法」で記事を書いていましたが、こんなところで役に立つんですね！
　
　

「`rel="next"`」「`rel="prev"`」の設定方法解説

　
先に設定方法を記載しましたが、それぞれ対応する内容について解説します。
　

テンプレートファイル「site_frame.tpl」の振り分け処理

まず、テンプレートファイル「site_frame.tpl」側ですが、
　

　
この if文で、現在のページ数を確認し、「rel="next"」「rel="prev"」を編集する、しないの振り分けをしています。

1ページしかない一覧は何も編集しない
複数ページある 1ページ目は「rel="next"」のみ編集
複数ページある最後のページは「rel="prev"」のみ編集
それ以外は「rel="next"」「rel="prev"」を両方編集

　
という単純な振り分けです。
　
　

「site_frame.tpl」のURLの編集処理

　
<link rel="prev" href="..." />
<link rel="next" href="..." />
のそれぞれに記述する URLの整形についてです。
　
　

``

　
「HTTP_URL」で ECCUBEのサイトの URLを編集します。
「HTTP_URL」の部分を「SITE_URL」とするように記載されているサイトもありましたが、現在のバージョンでは値が取得できないようです。
　
　

``

　
この記述方法で REQUEST（POST、GET）された値を取得して、それを編集します。
複数の REQUESTされる値をそれぞれ取得するため長くなっていますが、受け取った値をそのまま編集しているだけです。
「|escape」で、入力値のサニタイズをしています
　
また、サイトによって、一覧表示ページをカスタマイズしていて、ソート条件等 URLの項目が追加されている場合は、適宜追加をしてみてください。
　
　

``

　
ページの遷移情報を引き継ぐために「transactionid」という値を送るのですが、この値は「$transactionid」として取得できるため、このように記述しています。
　
ただ、先の REQUESTで受け取るように記述しても何の問題もありません。
　
　

``　``

前のページ、次のページのページ番号を編集する箇所です。
　
本来的には、下記の様に記述すれば「次のページ」「前のページ」の情報は取得できるはずなのですが、値が取得できないため、「LC_Page_Products_List.php」のプログラムの修正する箇所でその値を取得しています。
　


　
上記の記述方法で値が取得できる場合は、「LC_Page_Products_List.php」のプログラムの修正は必要ありません。

「LC_Page_Products_List.php」のプログラムの追加処理

　
「LC_Page_Products_List.php」のプログラムでは、下記の 2行を追加しています。（「action()」関数全体も追加していますが。）
　
$this->prev_page = $this->objNavi->arrPagenavi[before];
$this->next_page = $this->objNavi->arrPagenavi[next];
　
これは、ひとつ前の項目に書きましたが、本来はテンプレート側で取得できるはずの「前のページ」「次のページ」のページ数が上手く取得できないため、「action()」の関数の中で取得して、テンプレートに渡す処理にしました。
　
テンプレート側で取得できれば、この「LC_Page_Products_List.php」のプログラムの修正は必要ありません。
　
　

「`rel="next"`」「`rel="prev"`」について

　
今回解説した「rel="next"」「rel="prev"」についても軽く触れておきます。
　
Googleはページの重複や、複数ページに渡って関連ある記事がある場合は、その旨明記するように求めています。
　
　
その中で、ECCUBEの商品一覧ページなど、一つの条件で検索した商品一覧ページが複数ページにまたがって存在する場合にそれらが一連のページであることを Googleに伝える必要がありますが、その仕組みが「rel="next"」「rel="prev"」なのです。
　
Googleウェブマスター向け公式ブログより
http://googlewebmastercentral-ja.blogspot.jp/2011/12/relnext-relprev.html
　
　
そのため、ECCUBEの商品一覧ページにはデフォルトのテンプレートにも組み込んだ方がいいんじゃないか、と思うくらいの内容だと思っています。
　
　
■参考サイト
　
最後に、この記事を書くにあたって下記のサイトを参考にさせていただきました。
　http://www.ec-custom.jp/ec-cube
　http://colo-ri.jp/develop/2013/08/ec-cube-use-pagination.html

- PHP・Smarty・ECCUBE

最後までお読みいただきましてありがとうございます。
この記事が参考になったと思いましたらソーシャルメディアで共有していただけると嬉しいです！

Message コメントをキャンセル

※入力いただいたコメントは管理者の承認後に掲載されます。

: ファイル変更だけ！ECCUBEの本番から開発環境をコピーする手順を解説

ECCUBEを本番から開発環境をコピーする際の手順を解説。PGMメンテに必要な開発環境を構築する手順を解説。ECCUBEの仕組みは簡単なので作業は5分ほど。

: ECCUBEの管理画面のSSL設定をインストール後に変更する方法

ECCUBEをインストールした後から管理画面のSSL設定を変更する方法を解説します。config.phpファイルのHTTPS_URLとADMIN_FORCE_SSLの値を変更すればOK。

: パーミッション（属性）一括変更ツール・WordPress最適化済

WordPressのパーミッション（属性）を一括変更するツールを作成！ファイル、フォルダのパーミッションが一覧表示でき、ファイルを選んでパーミッションの変更が行えます。

: PHPのソースで見慣れない記号が出てきた・アロー演算子（->）、ダブルアロー演算子（=>）

PHPのプログラムソースには見慣れない記号が出てきます。その意味や調べ方です。

: include、requireのパス指定をdirname(__FILE__)、__DIR__と書く理由

include、requireのパスの指定を dirname(__FILE__)、__DIR__で記述する理由に付いて解説。相対パス、絶対パスを直書き、パスを書かない場合は何が問題かを説明。

: PHPのスクレイピングライブラリ「PHP Simple HTML DOM Parser」の使い方

PHPのスクレイピングライブラリ「PHP Simple HTML DOM Parser」の使い方を解説。要素を取得する方法、そこから属性を取得する方法を解説。また、マニュアルにはない注意点なども解説。

: XML形式の値を配列形式に変換・PHPでは simplexml_load_string()

XMLとは「Extensible Markup Language」の略でテキストベースのデータフォーマット。XMLをPHPで配列に変換するWebツールの紹介とその処理「simplexml_load_string()」関数についての解説。