ブレイントラスト EC LEARNING(ec・ラーニング)

ビギナーにも使えるヒントが満載。 ネットショップコンサルのプロがノウハウをお届け。

開店構築費5万円、最短5	営業日で完成! ECサイトの更新、コンサルティング ECサイトの更新、コンサルティング ECサイトの更新、コンサルティング

ショップ運営のお悩みを解決!

ショップ運営や売上アップの方法など、ショップオーナー様のお悩みにお答えいたします。
ショップ運営Q&A>デザイン
スマホにiframeを読み込んだのですが、機種によっては途中で切れてしまいます。どうすれば切れずに表示されますか?

スマ-トフォンの場合、機種によってブラウザの幅が違うためにこのような現象が起きてしまいます。
表示が切れている場合はiframeの高さが足りていないので、cssの「メディアクエリ」を利用して、ブラウザの幅に合わせて個別にiframeの高さを設定してあげるといいでしょう。
4パターン記載すればほぼすべてのスマートフォンのブラウザに対応することができます。(縦向きの場合) 下記cssの記載例です。(●●●●がiframeのclassまたはid、■■■■はiframeの高さ)

/* メディアクエリの範囲外には幅320pxの際のiframeの高さを記載(iphone5など) */
.●●●● {width: 100%;height: ■■■■px;}

/* 幅360px以上(一部のandroidのブラウザ向け) */
@media screen and (min-width: 360px) {
.●●●● {height: ■■■■px;}
}

/* 幅375px以上(iphone6,iphone7など) */
@media screen and (min-width: 375px) {
.●●●● {height: ■■■■px;}
}

/* 幅414px以上(iphone6 Plus,iphone7 Plusなど) */
@media screen and (min-width: 414px) {
.●●●● {height: ■■■■px;}
}
エクセルでCSV編集作業を行っています。情報量が多くなってきてファイルサイズが重くなってきており、 開くのにすごく時間がかかります。時間をかけずに簡単に開けるようにしたいのですが何か良い方法は無いでしょうか?

エクセルでCSVを扱う場合、読み込み時に様々な処理が入ってしまうために、開くのに時間がかかってしまいます。
それを防ぐにはCSVエディタを利用するといいでしょう。
「Cassava」や「Smooth csv」などのソフトでCSVファイルを開き、そのままCSVエディタで編集するか、慣れてなくてエクセルで編集したい場合は、そのCSVのデータをコピーして貼り付けることで、読み込み時間を短縮することができます。
参考ソフト:Cassava : http://www.asukaze.net/soft/cassava/ Smooth csv : http://smoothcsv.com/
楽天市場でR-Cabinetへ登録済の画像を「同じファイル名」で置き換えたいのですが、反映まで時間がかかると聞きました。どれぐらい時間がかかるのでしょうか?

おおよそ24時間かかると考えてください。すぐに変更したい場合は、別ファイル名で登録するしかありませんので、手間がかかりますがhtmlで指定している場合は記述を新規画像ファイル名に修正して更新してください。
検索窓の近くに「HOT KEYWORD」として、何点か文字を入れているお店をよく見るのですが、あれにはどのような効果があるのでしょうか?いいものであれば導入しようと考えています。

検索窓の近くに何点か文字リンクを設置するのは、その店舗のおすすめやトレンドをお客様に理解してもらうのに有効です。
楽天TOPの検索窓の下にも「検索ワード」として同じようなものが設置されており、楽天ユーザーには馴染みの深いものだと言えるでしょう。
ヘッダーやレフトナビなど、ページ全体に表示される箇所に設置する事で、店舗内の回遊率を高めてくれます。
設置する文字リンクは、アクセス流入が多いキーワードやその関連ワード、ポイント変倍関連など、お客様が求めていそうなものを優先して選ぶようにすると効果的です。
イラスト風の線画画像の作成で、Photoshopの輪郭検出や、フィルター機能を使って作っていますが、もっと簡単に作成する方法はないでしょうか?また、簡単に作成できるソフトなどがあれば教えてください。

画像から線画にしてくれる「PicSvg」というウェブサイトがあります。
作成したい画像ファイルを「Upload a picture」ボタンを押して選択し、「Download image.svg」ボタンを押してダウンロードするだけで簡単に作成することが出来ます。
「SVG Color」とい項目で線画の色の変更や、「Filters」のドロップダウンメニューで線画の調整など全て無料で利用することが出来ます。

参考「PicSvg」url:http://picsvg.com/
楽天市場で、看板部分に画像やテキストで「営業時間」「電話番号」「取扱金融機関のロゴ」を表示してくださいと言われましたが、これは必須なのでしょうか?フッターにはちゃんと記載しているし、デザインがカッコ悪くなるので、できれば入れたくないのですが…。

基本的には、現在ショップオープン時のレギュレーションで看板・フッターに必須で表示と定められていますので、PCもスマホも看板位置に出しておく必要があります。
デザイン的にカッコ悪くなるようなら、出来るだけ目立たない位置に小さめにまとめておくのが良いでしょう。例えば看板下に一本線を引いて、その下へ小さめのフォントで横一列に並べておくと、意外と目立たなくなります。
楽天でレフトナビのないページをよく見るのですが。どういった方法でレフトナビなしの設定にしているのでしょうか?

レフトナビを非表示にするのは、「デザイン設定>ヘッダー・フッター・レフトナビ」のレフトナビを空欄にするだけで可能です。
商品ページの場合は販売説明文のコンテンツはほぼ中央に表示されるのですが、カテゴリーページとTOPページはレフトナビを空欄にするだけではレフトナビのあった場所に隙間ができてしまいます。
それを防ぐためには、レフトナビを空欄にした後に下記タグを入れて下さい。

</td></tr></table>
</td></tr></table>
</td></tr></table>
<table width=”100%” cellspacing=”20″ cellpadding=”0″ border=”0″><tr><td align=”center”>
<table width=”800″ cellspacing=”0″ cellpadding=”0″ border=”0″><tr><td>
<table width=”100%” cellspacing=”0″ cellpadding=”0″ border=”0″><tr valign=”top”><td>

これを入れる事で、カテゴリーページとTOPページでもコンテンツが中央に表示されるようになります。
コンテンツの幅が小さいと両側に隙間ができてしまいますので、ヘッダーやフッターの幅に合わせるようにしましょう。
Yahoo!ショッピングでは楽天と同じようにカテゴリページを使って、複数商品を登録できるのでしょうか?できなければよい方法を教えてください。

Yahoo!では楽天と違い、1ページに複数商品を掲載できる形式は使う事ができません。
1ページに複数のカートを掲載したい場合は、トリプルを利用してお買い物かごを外部に置いて並べる方法があります。
下記コードをトリプルにアップしてご利用ください。
楽天でアンカータグのURLを記載してリンクをクリックすると、別のページに移動してしまいます。何かいい対処方法はありますか?

楽天Goldを使用していない楽天RMS内のページでは、’#’から始まるページ内リンクのURLは外部サイトへのリンクとみなされ、エラーページに飛ぶ仕様となっています。
このエラーを回避するには、リンク記載時にアンカーを使用するページのURLを記載した後に、’#○○○○’といった形でアンカータグを設定するようにしましょう。

記載例(商品ページ):https://item.rakuten.co.jp/店舗名/アンカー使用ページの商品ID/#○○○○

カテゴリーページやトップページも同様に、ページURLの後にアンカーリンクを記載する事で、別ページへの遷移を防ぐ事ができます。
Google Driveを使って、複数のパソコンでデーターのやり取りをしています。日本語ファイル名のファイルをダウンロードする際、日本語が文字化けしてしまい困っております。ファイル名を英数字で統一する方法以外、他の方法はないのでしょうか?

Google Driveは、複数のファイルをまとめてダウンロードしようとするとzipファイルに圧縮して作成され、それを解凍した際に日本語ファイルが文字化けしてしまう事があります。
Windowsの不具合が原因で、マイクロソフトから「修正プログラム:KB2704299」が出ているので、そちらを適用すると文字化けが無くなります。
または「7-Zip」や「Explzh」といった文字化けしない解凍ソフトを利用する方法もありますので、一度試してみて下さい。
最近、楽天の商品情報の仕様が変わって、JANコードを「カタログID」に入力しなくては登録エラーが出て保存できないようになりましたが、JANコードなしの商品しか販売していません。どうすればよいでしょうか?

RMSの「各商品個別更新」の「商品登録情報」>「カタログID」の欄で「カタログIDなしの理由」のラジオボタンを押して、プルダウンで下記から該当項目を選んでください。
1:セット商品
2:サービス商品
3:店舗オリジナル商品
4:項目選択肢在庫商品
5:該当製品コードなし
いずれかを選択して保存すれば大丈夫です。
Yahoo!ショッピングで「お気に入りボタン」を好きな場所に設置したいのですが、どうすればよいでしょうか?

Yahoo!ショッピングのお気に入り登録URLを、任意の画像やテキストに設定すれば、好きな場所に「お気に入りボタン」として設置する事ができます。
記述例:
http://shopping.yahoo.co.jp/my/watchlist/add/?store_id=●●●&page_key=■■■&.scrumb=0 上記URLの
・●●● ⇒ストアID(ストアページURL内、yahoo.co.jp/◯◯/の部分)
・■■■ ⇒商品ID(商品ページURL内、□□.htmlの部分)
それぞれを書き換えてご利用ください。
参考:http://recipe.oga-ria.com/sell_knowhow/640
ポンパレモールで商品ページや、デザインページなど編集しておりました。
デザインページを更新しようとすると、急に『このページは動作していません』といった表示が出てブロックされて更新できません。特に禁止されているスクリプトなどのコードは記述していないのですが何が原因なのでしょうか?対処方法を教えて頂けませんでしょうか。

『このページは動作していません』といった表示がポンパレで出てしまうのは、https非対応時に起きる「Google Chrome」のみのセキュリティー面のエラーです。
エラーとなる箇所がポンパレの管理画面にある為、現状では「Google Chrome」のバージョンを下げるか、別のブラウザを使って回避するしか方法はありません。
楽天の商品ページで、PC販売説明文に入れる商品イメージ画像の横幅サイズは、推奨で700ピクセル以上となっていますが、そんなに大きくすると商品が見づらいので少し小さくしようと思いますが、問題ありますでしょうか?

しっかりと商品の特長が判る画像であれば、700ピクセル以下でも問題ありません。商品特性や写真の写り具合によりますが、見やすさが確保されていれば楽天の審査も問題なく通過しますので、見やすい画像を登録してください。
商品用の画像素材(jpg)を他社から受け取ってフォトショップで開こうとすると「不明なJPEGマーカー」というエラーが出て、編集できません。どうしたら編集できるようになりますか?

このエラーが出る場合は、画像素材(jpg)の拡張子が間違っている可能性が高いと思います。
jpgの拡張子を「png」や「gif」にしてみる、それでもだめなら「tif」など、可能性のある拡張子に変えて試してみてください。
それでも無理な場合は、強引な方法ですがphotoshop以外のアプリで画像を開いてから保存しなおすといいでしょう。
または、windowsやmacデフォルトのペイントツールや、「ADOBE Acrobat」などで画像を開くと、開ける可能性が高いので試してみてください。
楽天の商品画像は20枚まで登録できますが、ここに登録する画像は何枚程度がいいのでしょうか?

楽天の商品画像についてはなるべく多く、できれば20枚まで登録する事を推奨します。
最近ではスマホの商品ページを下まで見ずに、画像をスワイプして見るお客様が多くなっています。
instagramやlineのタイムラインでも画像のスワイプが使われているので、そういった習慣のお客様が増えてきている様です。
こういった事もあり、掲載する画像がたくさん用意できる場合は全てのせる様にしましょう。
20枚も用意できない場合は、お店のブランドや送料条件、納期情報などを画像で掲載する事もおすすめです。
それらのショップ情報の画像を利用しながら、なるべく多くの商品画像を登録するようにしていきましょう。
参考:http://www.cyber-records.co.jp/blog/rakuten/rakuten-management/cvup/
楽天で、GOLDのTOPページへリダイレクトさせる時のリダイレクトの表示画面を見させたくないので、リダイレクトの設定を0秒にしました。すると、旧RMS編集画面もすぐにリダイレクトされるので編集できなくなりました。編集できるように改善策を教えて頂けませんでしょうか。

「旧R-Storefront」をクリックして、直ぐにブラウザのショートカット「Alt+←」を連打しながら「説明文」の「画面上」を選ぶ方法や、「旧R-Storefront」をクリックして、直ぐに「Esc」ボタンを連打することでリダイレクトを防ぐことが出来ます。お使いのPC環境にあった方でお試しください。
また、RMSログイン後、下記URLで直接「旧R-Storefront」のリダイレクト設定画面にいけます。
https://master.rms.rakuten.co.jp/rms/mall/rsf/shop/vc?__event=WL05_010_001&num=1
ブックマークに入れておくと便利ですので参考にして下さい。
楽天市場で出店していますが、TOPページはGOLDで作っています。できればGOLDのページでデフォルトのカレンダーを表示したいのですが、何か方法はありませんでしょうか?

楽天のデフォルトのカレンダーには「カスタムタグ」と「HTMLタグ」の2種類があり、RMS「基本情報設定」>「営業日カレンダー設定」でカレンダーが生成できます
GOLDページの場合は「営業日カレンダー設定」で生成して最後に出てくる「HTMLタグ」をコピー&ペーストすることでデフォルトのカレンダーを表示させることが出来ます。
楽天でスマホページのフッターに固定バナーを設置していましたが、カート部分を隠すことが最近決まった楽天の違反制度に引っかかる為、設置をやめました。 フッターに固定する方法以外で、何かバナー設置に良い場所はありますか?

小さいバナーの場合は、スマホのサイド(商品ページの上へボタンの上など)に設置するのもありですが、横幅いっぱいの大きめバナーの場合は「楽天の看板下のスペース」を利用する方法がオススメです。
この場所ならば、ページに来たお客様はほぼ必ずといっていいほどバナーを目にする為、フッターへの固定バナーと同じようにオススメ商品やイベントページに誘導できます。
iframeを利用すると、文字数制限なくたくさんのコンテンツを表示する事ができるためおすすめです。
楽天のスマホ用看板画像で「共通デザインの看板を表示する」という設定を選べるのですが、この画像はどこに登録すればよいでしょうか?

RMS 1-3 画像・動画登録(R-Cabinet)> 「画像管理」の左のツリーにある「店舗ロゴ管理」をクリック、
ウィンドウが開いたら「正方形ロゴ」を登録する画面になります。ここへ縦横960px以内、容量1MB以内の任意の画像を登録してください。
1 / 6123456