Webサイトにおける常時SSL化の重要性

こんにちは。ご無沙汰しております、ワニタです。

ここ数年のトレンド「常時SSL」について、遂にGoogleが本気を出し、全ての非SSL(httpから始まるURLのサイト)に対し、ブラウザのアドレスバーに『保護されていません』と警告ラベルを表示するようになりましたね!

▼Google Chrome 68以降で非SSLサイトにアクセスした時の表示

 ➜ 常時SSLとは?

※Webサイトをまるごとhttps://から始まるURLで公開することです。SSLサイトではデータが暗号化されますので通信データが守られます。

例) 非SSLサイト(http://abc.com) → 常時SSLサイト(https://abc.com)

    常時SSL対応後のメリットのおさらい

  1. ・検索結果で優遇される
  2. ・アクセス解析の精度をUPできる
  3. ・暗号化通信により、セキュリティ対策を強化できる
  4. ・WEBサイトに鍵マークがつき、サイト訪問者様に安全性をアピールできる など

Googleが推奨していることもあり、e-shopsカートSでも積極的に常時SSL化をお薦めしておりますが、警告ラベルの表示について、気になるか、気にならないかは個人差がありますし、もちろん必ず常時SSL対応しなければいけない!というものではありません。

しかし、Webサイトにアクセスし、ページを開いた瞬間から「保護されていません」と表示されたら、離脱せずにそのままお買物してくださる方は、どのくらいいらっしゃるのでしょうか???
なんだか、不安を与えてしまうことに間違いなさそうです。

更にGoogle Chromeは今後もアドレスバーの表示を順次変更していく予定、と既に発表しています。

まずはGoogleの動向をチェック!

これまでのGoogle Chromeの仕様変更と今後予想されている仕様変更
Chrome 68
(2018年7月)
全ての非SSLサイト(http)にて、[保護されていません]とアドレスバーに表示されるようになりました。
Chrome 69
(2018年9月予定)
現在、常時SSLサイト(https)では、緑色の文字色で[鍵マーク]、[保護された通信]、[https]の記載がアドレスバーにありますが、https通信の状態が標準であるべきとの考えのもと、[保護された通信]と[https]の表示がされない状態になる予定のようです。尚、[鍵マーク]は表示され続けますが、緑色でなくなります。

※2018年9月下旬に、実際にリリースされました。
Chrome 70
(2018年10月予定)
非SSL(http)ページにて、情報を入力すると、[保護されていません]の警告表示が赤色に変化し、警告がより強化されます。
※2018年10月中旬に、実際にリリースされました。
Chrome ??
(未定)
Googleさんは
『ユーザは、Webが初期状態から安全であることを期待している。デフォルトで何も表示がない状態こそ、安全であることを前提にする』と説明しています。

このままセキュリティ強化が進んでいくと、常時SSL対応サイトが標準という取扱いとなり、未対応サイトについては赤色の「保護されていない通信」警告が常に表示されるようになる日が来るかもしれません。

やはりGoogleは常に「ユーザにとって良質なコンテンツを」というポリシーから、仕様決定しているのがよくわかります。

常時SSL化前後に考えること

さて、実際に常時SSL化するためには、何をしたらいいのでしょう?
この1年間一番多くいただいたお問合わせと言っても過言ではないかもしれません。

ただ・・・大変申し訳ないのですが、こればっかりは一言で解決することができません。
それは「ショップ様毎に対応すべきことが異なるから」です。

これまでご質疑いただいた店舗様の生のお声をもとにチェック項目を含めたご案内ページをご用意しました。作業を開始される前に、最初にご一読いただけましたら幸いです。

 ➜ 常時SSL化前後でやるべきこと・考えること

(続きを読む…)

Jimdo、Wixなど流行りのホームページ作成ツールでe-shopsカートSは使えるのか?

はじめまして、e-shopsカートSサポートスタッフのAoiでございます。
この度、私の上司である、おなじみの”wanita”より指令があり、「ユーザー様のお役に立つような記事を書く様に」と拝命致しました。

日々のサポート業務も未熟で半人前ではありますが、微力ながら全力で!普段のサポートではご案内できないような、でもユーザー様にお伝えしたいと心中では地団太を踏んでいるような情報をご提供させて頂ければと思っております。

さて、前置きが長くなってしまいましたが、今回のテーマは
『Jimdo、Wixなど流行りのホームページ作成ツールでe-shopsカートSは使えるのか?』です。

(続きを読む…)

ショッピングカート「カゴに入れる」ボタンの設置方法

e-shopsカートSでは、『「カゴに入れる」ボタンを設置するだけで、ネットショップが完成』と、レンタルカートプランをご紹介しています。

ホームページを持っているがネットショップを新たに作るほど投資が出来ない場合や、沢山の情報を載せてオリジナリティのある商品ページを作り、そこに「カゴに入れる」ボタンを設置する場合などに、このプランは適しています。

今回の記事では、そのご利用手順をご紹介していきたいと思います。

e-shopsカートSのサポートへも、問合せが時々ありますので、改めて画像つきで紹介させていただきます。
既に活用されている方にとっては、当たり前の情報であると思いますが、e-shopsカートS管理画面をご覧になっていない方や、運営に不慣れな方のご参考となれば幸いです。

「カゴに入れる」ボタン貼付け手順

  1. 商品ページ作成する
  2. 管理画面で商品を登録する
  3. 商品ページにHTMLソースを貼り付ける
  4. 商品ページの確認を行う
  5. 商品ページを公開する

という流れで紹介していきます。

(続きを読む…)

カゴ画面編集のすすめ

こんにちは。ワニタでございます。

今回は、e-shopsカートSご利用ショップ様の、「カゴの中身」画面の編集についてご紹介します。
編集するとこんなメリットがある!(かもしれません)

ショップページと一体感がでる

3ステップカートの中身画面は、寒色系であり、彩度が低くなっています。
ショップページとトーンが異なる場合には、そのギャップに驚く購入者様もいると思います。
使用している色を変更することで、ネットショップ本体と同様のトーンにすることができ、一体感がでます。

購入完了率があがる

上の「ショップページと一体感がでる」の副次効果として、違和感によるカゴ落ちがなくなり、購入完了率があがるかもしれません。

購入者様に必ず伝えたい、注意事項やお知らせなどをほぼ見てもらえる

「カゴに入れる」ボタンを押下し遷移するページ【カゴの中身画面】では、画像の表示も行えるスペースが上下に有ります。この上部スペースに画像と説明文を追加すれば、購入手続きに進む前に、必ず目にすることになります。

以上ようなメリットがあるカゴ画面の編集について紹介していきます。
なお、背景色やヘッダー画像の変更などは、購入手続き画面のみではなく、会員マイページや商品検索結果画面、レビュー表示画面でも利用されます。

それでは、早速カゴ画面の編集方法についてご紹介していきます。

 

(続きを読む…)

スマホ訪問時にXMLサイトマップを元にモバイル用へ切替

こんにちは。ワニタです。
スタッフブログでここ何回か紹介をしていました、ネットショップのスマホ対応についての話題です。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でサイトマップの追加をする

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

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

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

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

(続きを読む…)

Googleウェブマスターツールでモバイル対応を伝える手順

追記:
Googleウェブマスターツールは、2015年5月20日に名称を変更して、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側でモバイルフレンドリーであるページを確認したうえで、数日〜1ヶ月程度(※)でスマホでの検索において「スマホ対応」表示が出て、スマートフォン閲覧者向けの自動生成ページにリンクされるようになります。※2015年4月13日時点での傾向です。

(続きを読む…)

宅配業者別メール便を比較(2015/3/19版pdfあり)

ワニタでございます。

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

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

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

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

(続きを読む…)

今からでも間に合う【スマホ対応】の近道。

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

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

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

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

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

ハイブリッドCMSはじめました

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

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

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

モバイルフレンドリーしてますか?

モバイルフレンドリー対応について

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

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

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

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

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

(続きを読む…)