ネットショップ通販

ショップサーブで構築したネットショップの「smp」表示の問題を解決

この記事は約5分で読めます。

smpmondai200.jpgショップサーブはネットショップを構築するには現段階で最適といえるくらいの買い物かご提供サービスだと思います。しかし、スマホ表示のページがPCと別生成されるのがデフォルトになっているので、モバイルファースト時代に適合してしきれていないのが難点です。SEO的にもよろしくないし、商品ページを作るさいにスマホ用ページの処理をしないといけないこともめんどくさいです。
そこで解決方法としては、レスポンシブデザインのテンプレートを使うことで、スマホページ別生成をやめてしまうのがおすすめです。そうするとPCで見てもスマホで見ても同じURLになります。

スマホでグーグル検索すると「smp」が表示される

ショップサーブのレスポンシブテンプレートを使えばすべて解決するのかと思っていたら、まだ問題が残っていました。

スマホでGoogle検索すると、検索結果に表示されるURLに「smp」がついてしまうのです。

▼「smp」が表示された例
hamadagooglekekka20200526.jpg

上記は「浜田紙業」さんが運営するショップサーブのページです。

パソコンで検索すると
https://www.hm1.co.jp/
が表示されますが、

スマホで検索すると表示されるURLは
https://www.hm1.co.jp/smp/
と「/smp」がついたURLになってしまいます。

これはどういうことかというと、スマホページは「/smp」というフォルダで自動的に生成されるしくみになっているからです。これがショップサーブの標準仕様なんですね。

レスポンシブテーマを採用すると、商品ページなどの個別ページはスマホページを生成しなくなり、PCとスマホで同じURLになります。

しかし、トップページだけはこの仕様が残ってしまうようです。

せっかくレスポンシブデザインにしたのに、肝心のトップページが「/smp」では困りますね。

そこで対策を打ちます。

ショップサーブで「/smp」を表示させなくする方法

ショップサーブの管理画面の「PC・スマートフォンサイトの転送設定を行う」という設定をおこないます。

ショップサーブのマニュアルで
https://help.shopserve.jp/manual/232/
にて紹介されています。

こんな店舗さん向け
・SEO効果を高めたい。
・レスポンシブデザイン対応テーマを利用している。
・パソコンで、スマホ用URLをクリックした際に、PCサイトに自動で転送したい。
・スマートフォンで、PC用URLをクリックした際に、スマートフォンサイトに自動で転送したい。
・トップページや商品ページはPCサイトのみで運用している。カートのみスマートフォンサイトを利用したい。
・すべてPCサイトだけで運用したい。

詳細な転送設定に切り替える

shopsmpsetting.jpg

マニュアルページの説明が冗長でちょっとわかりにくいのですが、要するに「すべてPCサイトを表示」にするとよいです。

上記の画像では一番右にある4番めのところです。

これで、スマホでのトップページも/smpがつかないようになりました。

この解決方法は簡単そうですがこのやり方に至るまでけっこう試行錯誤しました。

以下、ショップサーブに問い合わせしたメール内容です。

Googleの検索結果には
https://www.hm1.co.jp/smp/
と「smp」がついたスマホ用のURLが表示されてしまいます。

しかし、
せっかくレスポンシブデザインにしたので
スマホのURL表示である「smp」を表示させないようにしたい。

つまり
PCでもスマホでも
「浜田紙業」と検索したら
https://www.hm1.co.jp/
が表示できるようにしたい、ということです。

現状ではトップページだけがこの現象が起きており
他の個別ページは問題ありません。
(PCでもスマホでも同一URLのようです)

この解決のために
/smp/のアクセスは強制的に「/」へリダイレクトさせようと考え、
以下の対策を実施してみました。

・「.htaccess」の改変
・/smp/フォルダを作成し「index.html」を作成しメタリフレッシュを挿入

しかし、うまく作動しません。

そもそもFTPでサーバ内を見ると
「docs」直下に「smp」というフォルダが見当たりません。

ひょっとしたら動的に生成されているのかと思いました。

この解決方法があれば教えて下さい。

▼参考となる記事
https://teratail.com/questions/70099

▼「.htaccess」のテスト
RewriteCond %{REQUEST_URI} (^/smp/)
RewriteRule ^smp/(.*)$ http://www.hm1.co.jp/ [R=301,L]

▼/smp/index.htmlのテスト
<meta http-equiv=”refresh” content=”0;URL=’https://www.hm1.co.jp/'” />

よろしくおねがいします。

結局、問い合わせたやり方は全部だめで、マニュアルページに書いてあったやり方になりました。

しかし、このショップサーブのマニュアル
https://help.shopserve.jp/manual/232/
ですが、更新が最近です。

2020年4月以前にショップサーブをスタートしているショップさんでスマホ対応に困っている場合は一度読んでおいたほうがよさそうです。

同じ問題で悩んでいる方が多かったので備忘録として書いておきました。