サポートスタッフブログ

こんにちは。ワニタです。
スタッフブログでここ何回か紹介をしていました、ネットショップのスマホ対応についての話題です。e-shopsカートSのハイブリッドCMS機能を利用して、スマートフォン対応をしている方や「別々のURL」にてモバイル対応をしている方への参考情報を紹介します。

今からでも間に合う【スマホ対応】の近道。でもご紹介いたしましたが、webサイトがスマホに対応したことを検索エンジンに伝える方法として、googleは3つのやり方を紹介していました。

ハイブリッドCMS機能を利用した作業のながれ（おさらい）

その中で「別々のURL」という方法は、PC用URL毎にモバイル端末用コンテンツのURLを用意するやり方です。e-shopsカートSでは、この「別々のURL」に対応するためにハイブリッドCMS機能を利用した設定をご案内しており、以下の様な流れで手続きを行います。

1. ネットショップ開業CMSプランをご契約する
2. PC用ホームページデータをサーバにアップロードする
3. e−shopsカートS管理画面ハイブリッドCMS設定で、PC用自動生成ページを停止する
4. モバイル対応用xmlサイトマップ（e−shopsカートS管理画面にて入手）をアップロードする
5. Google Search Consoleでサイトマップの追加をする

手順４でアップロードするxmlサイトマップには、PC用ページのURLとモバイル端末用のURLの関連が含まれています。このxmlサイトマップをGoogleに登録することで、ネットショップのスマートフォン対応がGoogleに伝わります。

Google以外からの訪問でもスマホページに切り替えたい場合には・・・

Google検索をスマートフォンで利用すると、モバイル端末用のURLが検索結果として使われます。また、「スマホ対応」というメッセージも表示されます。
これにより、Google検索からの訪問は、上記の作業をすることでPC閲覧時にはPC用ページの表示、スマホ閲覧時にはモバイル対応用ページの表示となります。ところが、Google検索以外の訪問では、端末を判定してページを切り替えることができません。

Google検索以外からの訪問に対しても、端末を判定してページを切り替えるJavascriptを作成しましたので、ご紹介いたします。

(続きを読む…)

追記：
Googleウェブマスターツールは、２０１５年５月２０日に名称を変更して、Google Search Console　となりました。
Google Search Consoleでも、同様の操作でモバイル対応をGoogleに伝えられますので、ご参考としてください。

e-shopsカートSのネットショップ開業CMSプランで、PC用に自作ページを公開し、スマートフォン用に自動生成ページを利用するショップ様向けの情報です。
e-shopsカートS管理画面からダウンロードした専用のxmlサイトマップをGoogleWebmasterToolに追加する手順を紹介します。

この記事でのご案内は、Googleの推奨する「別々のURL」の方法でモバイル対応をしたことを、Googleに伝えるための手順です。
Googleでは、PC用ページとスマートフォン用ページの関係を一対一で伝えるよう案内があり、一対多の関係となることは避けるよう説明しています。以下手順にダウンロードしたxmlサイトマップ内で一対多の関係となった場合は、登録前に一対一に修正してからご利用ください。

目次

1. Googleウェブマスターツールへのサイトの追加
2. カートS管理画面からxmlサイトマップを入手しサーバにアップロード
3. GoogleWebmasterToolでサイトマップの追加

以上の作業で、GoogleにPC閲覧者向け自作ページのURLとスマートフォン閲覧者向け自動生成ページのURLが伝わります。

Google側でモバイルフレンドリーであるページを確認したうえで、数日〜１ヶ月程度（※）でスマホでの検索において「スマホ対応」表示が出て、スマートフォン閲覧者向けの自動生成ページにリンクされるようになります。※２０１５年４月１３日時点での傾向です。

(続きを読む…)

ワニタでございます。

ヤマト運輸のメール便の廃止と後継サービスであるDM便やネコポス・宅急便コンパクトの発表がされました。
２０１５年４月１日から後継サービスの開始とのことですが、クロネコメール便もしばらくは使えるようです。

e-shopsカートSのサポートでは、クロネコメール便を利用することがあります。
しばらく使用できるので一安心ですが、それでも後継サービスの利用か、他社サービスの利用かを近いうちに判断しないとなりません。

ヤマト運輸ではサービスが増え、調べてみると他社の類似サービスも細分化されていますが、似たサービス名が使われたり、慣れてしまえば問題ないものの取っ付きにくさを感じてしまいます。

そんなとき、後ろの席に座っている優秀な同僚が、ヤマト運輸と佐川急便・日本郵便の宅配サービスをまとめてくれました。
一覧で情報が整理されていてとても見やすいです。

(続きを読む…)

Googleが4月21日よりモバイル検索においてスマホ対応をランキング要素として採用することを発表したことは、既にご存じの方も多いと思います。

▼Googleウェブマスター向け公式ブログ

Googleが事前に親切に告知してくれていることからも想像できますが、対応を怠ったサイトには大幅な影響が起きると思って間違いなさそうです。
スマホでの検索結果に【スマホ対応】と表示されていないサイトを管理されている場合には是非、スマホ対応されることをお勧めいたします。その他の確認方法としては、以前にもご紹介したモバイルフレンドリーテストを利用するという手もあります。

『スマホ対応って、具体的に何をどうしらいいの？』

と思われる方も多いと思いますが、Googleではちゃんとその指針を示してくれています。
Google提供の「モバイルSEOガイド」によると、下記の３つの手法の何れかで
モバイル対応していることを検索エンジンに伝えられるとあります。 (続きを読む…)

ハイブリッドCMSとは、従来のe-shopsカートSネットショップ開業CMSでの自動生成ページとレンタルサーバのWebディスク領域に設置した自作のページを同一独自ドメイン配下で併用できる機能です。（CMSとレンタルサーバを併用できるという安直な造語です）

これまでもネットショップ開業CMSにはフリーページ機能がありテンプレートに左右されないページを作成することは可能でしたが、ページ数に制限があったりと使い勝手が今一つだったかと思います。レンタルサーバを併用することにより自作のページはもちろんのこと、外部ファイルもアップロードできるようになりましたので、利便性が格段に向上しています。

例えば・・・
・フリーページが、たくさん作れます。(カゴに入れるボタンを張り付けることも可能です)
・レンタルサーバ配下に.htaccessを設定できますので、サーバ移転された方の場合には301リダイレクトの設定を記述できますし、ベーシック認証をかけることも可能です。
・FTP接続ができますので、フリーページ用などの画像のアップロードが容易です。
▼ネットショップ開業CMSとレンタルサーバの併用について
(続きを読む…)

「重大なモバイルユーザビリティの問題が検出されました」
という通知がGoogleウェブマスターツールから届くようになったんですね。

突然、となりの席のワニタがつぶやきました。
何を言っているのかすぐには理解できませんでしたが、
どうやら、知人のネットショップのウェブマスターツールに自身のメールアドレスを登録していたところ上記のような通知が届いた模様です。

昨年の10月に、モバイルユーザビリティに関するレポートがgoogleウェブマスターツールに追加されましたが、まさかメールで通知までするとは、Googleがいかにモバイルを重要視しているかということですね。
モバイルファーストなる言葉を初めて耳にしてから久しいですが、もはやサイト管理者なる者、モバイル(スマホ)を重要視していて当たり前！という時代のようです。

そういえば、e-shopsカートSのネットショップ開業CMSプランでご利用いただいているCMSのモバイルユーザビリティはどのような評価を受けるのか？

気になったので、早速チェックをしてみました。
内心ドキドキしながら「モバイルフレンドリーテスト」のサイトに
ネットショップ開業CMSプランのデモサイトのURLを入力してテストを実施してみると結果は・・・

(続きを読む…)

秋ですね。ワニタです。

今回は、「カゴに入れる」ボタンをオリジナル画像にする方法について紹介します。

e-shopsカートSでは、「カゴに入れる」ボタンのHTMLソースを商品ページに 貼り付けて、ご利用をいただきますが、HTMLソースの編集を行う必要なく「カゴに入れる」 ボタンをオリジナル画像にすることもできます。
この機能を利用すると、オリジナル画像を含んだ「カゴに入れる」ボタンの HTMLソースになります。そのHTMLソースを商品ページに貼り付けることで、 オリジナルの画像を「カゴに入れる」ボタンとして表示できます。

管理画面上で「カゴに入れる」ボタン用のオリジナル画像を変更すると、 既にその機能によりオリジナル画像を表示しているページでも新しい画像に 表示が切り替わります。
全商品にて共通のオリジナル画像を利用する場合には、画像変更しても 貼り直しが必要でなく便利にご利用いただけますが、商品によって表示する カゴに入れるボタン画像を変更したい場合には、対応できません。

前置きが長くなりましたが、今回は管理画面から取得したHTMLソースを編集 することで、商品毎にオリジナル画像を利用する方法について案内致します。

※今回の記事では、「カゴに入れる」ボタンのHTMLソースの編集を紹介致しますが、HTMLソースの編集はご自身の責任にて行って下さい。
e-shopsカートSでは管理画面から取得したHTMLソースをそのままご利用頂くようお願いしており、このHTMLソースの編集方法や、編集に起因した問題等についてはサポート対象外とさせて頂いています。

今回の記事は、「カゴに入れる」ボタンのHTMLソースを取得した通常カゴにのみ有効であり、ネットショップ開業CMSプランでのページ自動生成機能とシンクロカゴ機能には対応していません。

(続きを読む…)

ご利用ショップ様から熨斗の設定についてご質疑を頂くことがあります。

ワニタの回答は、

「のし専用の設定は用意がございませんが、ラッピング機能やアンケート機能等にて代用されてはいかがでしょうか。
それぞれ、購入手続き画面にて表示されますが、追加代金を徴収される場合にはラッピング機能、追加代金を徴収されない場合にはアンケートが向いています。」

と案内をしています。

お電話でのご質疑では、その時は設定されずに「検討する」としてこの話題が終わることが多いです。

お電話を終えて、ワニタは毎回、

「のしってナニ？」

と思うのです。
そして、

「今、忙しいから、いつか調べよう。」

と。

お恥ずかしい話ですが、ワニタ自身、”のし”というものを良くわかっておりません。（汗）

スタッフブログのネタとして調査したら誰かの役に立つのでは？ということで、今回、のし（の設定）について紹介してみます。
以下、ネットで調べた情報です、ご参考程度にご覧いただけると幸いです。

(続きを読む…)

スマートフォンが着々と普及している昨今ですが、タブレットも魅力的な新機種がそろってきて、そろそろ一つ欲しいな～　などと考えておりましたら、なんと弊社スタッフ全員にネクサス７がサプライズ支給されました。（嬉しいです！ありがとうございます）

プライベートではノートPCとスマートフォンを併用している私にとっては、当初はタブレットの利用シーンて？と戸惑いもありましたが、今では社内でのミーティング資料閲覧はもちろんのこと帰宅してからの電子書籍の閲覧やちょっとしたブラウジングにとっても重宝しております。

ふと思ったのですが、タブレットでHPを閲覧する時って、PC用のページのほうが見やすいのでしょうか？それともスマートフォン用？

答えは「人それぞれ」、といったところでしょうか。

アクセスするサイトによってPC用が表示されたりスマートフォン用が表示されたりすることがあるのですが、どちらのページを表示するかは基本的にはアクセスしたブラウザから送信される「ユーザーエージェント」で判断しているそうです。(HP側がスマートフォン対応している場合のお話です、念のため…)

ユーザーエージェント？　と思われた方、すみません。ざっくり申し上げると、HPを閲覧するためにアクセスした端末の情報をHP側のサーバに伝える役割を担っているのがユーザーエージェントです。個人情報ではないので全く問題ないと思いますが、知らずのうちに自身の端末の情報がサーバ側に伝わっているということになります。そこには例えばAndroidやiphoneなどの端末の種類やブラウザの種類に加えて、モバイル端末であればMobileという記述もありますので、この情報を元に表示するページの種類をPC用かスマートフォン用かに切り替えているという具合です。

この表示の件で同僚から質問されたことがありました。「同じサイトでも、Android搭載のタブレットであるギャラクシータブではスマートフォン用ページが表示されるのに、同じくAndroid搭載のタブレットであるネクサス７ではPC用ページが表示されるのは、何故？・・・」と。

これは、ギャラクシータブ標準搭載のブラウザーである「ブラウザ」のユーザーエージェントに【Mobile】の記載があるのに対し、ネクサス７標準搭載のブラウザーである「Chrome」ではユーザーエージェントに【Mobile】の記述がないためだと思われます。

いずれは何らかのう方向に統一されていくかもしれませんが、現状ではタブレットも「それぞれ」のようです。ちなみにe-shopsカートSのスマートフォン対応もユーザーエージェントを元に判定をおこなっていますので、ネクサス７でアクセスして商品をカゴに入れるとPC用の買い物かご画面が表示されます。