2018/07/18 Posted by 小野寺

【Rs-JAPAN】楽天市場ページの掲載商品を変更する手順

はじめに

楽天市場で通販ショップを運営するうえで重要なのは お店に動きを出すことです! 何も更新されていない店鋪をブックマークするユーザーはほとんどいません。 戦略として商品ページの作り込みを重要視することで トップページにはこだわりのない店舗もありますが・・・ できれば店頭には賑わいがあった方がいいですよね? ネットショップで賑やかしに利用する見せ方としてよくあるのが 今週の新着商品はこちら 当店のレビューはこちら いま開催中のキャンペーンはこちら など、色々なやり方がございます。 有料で自動的に更新してくれる機能もありますが、無料でもできることがあります。 参考情報はこちら※読まなくてもOKです。 それでは商品のサムネイルとリンクを簡単に表示させることのできる無料の便利ツールを利用して 新着情報やおすすめ商品をたくさん表示させる方法を説明します。 今回は ブランド楽市 楽天市場店 の更新について説明します。
※画像はブランド楽市 楽天市場店の総合トップイメージ 実際のブランド楽市 楽天市場店のページはこちらから

1・FTPで楽天GOLDにログイン

このページではブランド楽市の更新業務の説明をします。 店舗によって設定が異なるので注意して下さい。 まずは、FTPで楽天GOLDにログインをして更新するテキストをダウンロードします。 ※画像は総合トップのindex.html ブランド楽市の店舗構成は、総合トップの他に、 時計・宝石ジュエリー・ブランド品バッグ・アパレル、と4種類のカテゴリトップページがあり、 各カテゴリ毎にindex.htmlがあります。 総合トップで新着商品と登録したタイミングで最新の商品に表示を変更する為に更新が必要なテキストは、楽天GOLDのサーバー直下のindex.htmlです。 新着情報の更新の際には、直下のindex.htmlを選択してダウンロードします。 その他のカテゴリトップの更新する場合は、各フォルダのindex.htmlを更新します。 GOLDサーバーの中でカテゴリは、 ・wt(時計) ・jw(宝石ジュエリー) ・bag(ブランド品バッグ) ・ap(アパレル) というフォルダ名で分類されます。 各フォルダには、各ページで使われる画像やソースが格納されております。 ※画像は時計トップのフォルダ wt(時計)のフォルダには時計ページの素材が格納されてます。 ※画像はwtのフォルダを開いたイメージ 時計ページのトップページも index.html です。 総合以外の4種類のカテゴリについては、このようにソースやテキストデータが保存されています。 まずはサーバーから更新するテキストデータをダウンロードして作業準備をします。 【注意】すべてのテキスト名が、index.html なので、間違って別のカテゴリのテキストを保存しないように気をつけて下さい。安全に作業を行うために、カテゴリ毎に更新した index.html を削除して、別のカテゴリ編集を開始して下さい。

2・便利ツールで更新ソースを生成

新規登録した商品や、カテゴリで絞った商品ライナップを表示させるソースを、簡単に生成してくれる便利ツールを利用します。 便利ツールはこちら ※画像は便利ツールのイメージ 便利ツールのページに移動したら、検索に必要な情報を入力します。 ・ショップURL(ブランド楽市なら b-rakuichi がネット上でのショップ名です。) ・検索キーワード(カテゴリ、ブランド名、アイテム名など、検索の絞り込みに使います。) ・除外キーワード(全体から一部を除いた絞り込みたい場合に利用します。) ・価格(価格で絞り込みたい場合に利用します。) ・並び順(高い商品を優先に並べたければ高い順を選択します) ・取得件数(表示させたい件数を設定します。トップページの構成に関わるので、基本的には店鋪毎に定めた件数を設定します。) さらに表示させるサイズやフォントカラーなどレイアウトの設定も可能です。 これも店鋪のデザインに合わせて設定する部分なので、各店舗毎の概要に合わせて設定します。 設定が完了したら、大きく目立つ生成ボタンを押します。 そうすると、プレビューと生成タグに、設定した内容で表示させたいソースが自動で作られます。 ※画像は生成までのレイアウト設定と生成ボタンのイメージ プレビューで表示されている、商品のサムネイル画像やタイトルのレイアウトから、 商品ページへのリンクの設定など、すべて自動でソースを生成してくれます。

2-1・総合トップの新着情報を更新

まずは、総合トップの新着情報を更新するための検索設定を下の画像で確認しましょう。 ※画像は新着更新の場合のイメージ ブランド楽市の新着商品を表示させる設定は ・キャッチコピーに表記されている年月日で検索 ・並び順は、高額商品を表示させるために、「価格高い」を選択 上の画像の設定では、新着商品をアップしたタイミングで更新する設定になっておりますので、 検索キーワードには、出品した日にちが設定されております。 ブランド楽市の商品データのキャッチコピーには、出品した日にちを差し込んでおり、絞り込めるようにしております。 新規出品のタイミングで毎回この作業を行うことで、ユーザーが最新の入荷商品を検索しやすい店舗になります。 更新が完了したら、総合トップの新着商品の更新に合わせて、新着一覧の情報テキストも更新する必要があります。 ★総合トップの新着一覧の情報更新方法は、ページの最後で説明します。

2-2・カテゴリ別トップページの掲載情報を更新

カテゴリ別トップページの掲載情報を更新する時の設定は ・カテゴリを絞り込むキーワードで検索 ・キーワードが複数ある場合は、いずれかを含むに設定 ・更新日降順を設定 ※更新日降順の設定によって、基本的には新しい順になりますが、テンポスターの更新によっては古い商品が表示される場合もあります。プレビューで古いフレーム付きの画像が混ざり込むと、見た目が悪くなるので、他の絞り込みも試しながら綺麗な並びにします。) 以上が基本的なルールになります。 ブランド品・バッグ専門のトップページを更新する場合は、 検索キーワードにはバッグ 財布の2種類を入力してプルダウンでいずれかを含むに設定。 下の画像を参照下さい。 ※ブランド品・バッグ専門のトップページ設定のイメージ 他のジャンルも同様のルールでソースを生成していきます。 時計専門のトップページを更新する場合には、検索キーワードを時計に設定 アパレル専門のトップページは、検索キーワードにアパレルを設定。 宝石・ジュエリー専門のトップペーは、検索キーワードにブランドジュエリー 宝石を設定して、いずれかを含むに設定。 この便利ツールを利用して更新する情報ソースを生成しますが、 更新するのはカテゴリ別のindex.htmlになるので、カテゴリ毎に生成するようにしましょう!

3・生成したソースから必要の無い部分を削除

検索設定後に生成ボタンを押すと、生成タグにソースが生成されます。 しかし、そのままでは利用できません。 自動的にスタイルシートが生成されるので、他のソースに影響を及ぼす可能性があります! そこで、生成されたソースを編集する必要があります。 まずは生成されたソースをオールコピーして、テキストエディターに貼り付けます。 ※ごえんではHeTeMuLuを推奨しております。画面はHeTeMuLuの画面になります。 テキスト最初のCSSをすべて削除して、tebleタグだけを残します。 ※画像はCSSを選択したイメージ までのソースをすべて削除します。 ※画像はCSSを削除したイメージ これで更新用のソースの完成です。 更新用のソースはtableタグで設定が必要なので、table から /table で囲まれたタグになります。 それでは、編集したソースを各index.htmlで編集します。

4・生成したソースをindex.htmlに更新する

まずは、楽天GOLDからダウンロードしたindex.htmlをテキストエディターで開きます。 ※ごえんではHeTeMuLuを推奨しております。画面はHeTeMuLuの画面になります。 ※画像はHeTeMuLuで開いたイメージ テキストを開いたら、変更する部分に移動するために検索で、「新着アイテム一覧」と入力して検索します。 ※画像は文字列検索で移動したイメージ 新着アイテム一覧ここから というコメントアウトの下の
から
までが、変更対象の範囲になります。 まずはこの範囲のソースを削除しましょう。 ※画像は削除する範囲の最後尾の位置イメージ 削除したら、同じ部分に手順3で編集したtableタグを貼り付けます。 無事に貼り付けが完了したら、上書保存をして下さい。 最後に、保存したindex.htmlを、FTPで更新先のindex.htmlに上書きして更新完了です! 作業が終わったら、必ずネット上で更新されているかを確認して下さい。 キャッシュが影響している可能性があるので、Ctrl+F5でリロードして下さい。 無事に更新したページの表示と、数点の商品でリンク先を確認して、問題なければ作業完了です。

★総合トップの新着一覧の情報更新方法

楽天GOLDのサーバー直下に new-info.html というテキストデータがあるのでダウンロードしてテキストエディターで開きます。 ※ごえんではHeTeMuLuを推奨しております。画面はHeTeMuLuの画面になります。 ※画像はnew-info.htmlをテキストエディターで開いたイメージ 選択した最新の更新情報をコピー、その上部に同じソースをペーストすることで、 同じ内容の情報タグを並べ、日にちやリンク先だけを変更して上書き保存します。 編集した new-info.html を楽天GOLDサーバーのデータに上書きして作業は完了です。 作業が終わったら、必ずネット上で更新されているかを確認して下さい。 キャッシュが影響している可能性があるので、Ctrl+F5でリロードして下さい。 問題なく更新されていれば間違いなく作業完了です!!! 更新作業、お疲れ様でした!
  • この記事をシェアする
  • B!
更新日:2018/07/19