セール

カラーミーSEO+ BASIC

¥7,000 ¥5,000

カラーミーショップでご利用いただけるテンプレートです。

説明

カラーミーショップの集客機能を高めるテンプレート

カラーミーSEO+ Basicは、「カラーミーキット(2カラム)をベースに設計したテンプレートファイルです。

「SEO+」の名前の通り、基本的な商品情報やショップ情報を登録するだけでSEO対策に必要な項目を自動的に設定できるようになっています。

カラーミーSEO+の特徴

  • 検索エンジンに認識されやすいhtml5準拠のマークアップに変更
  • 不要なプログラムコードの削除、または置き換えによる軽量化
  • SVGアイコン導入による軽量化
  • schemaマークアップ
  • WAI-ARIAの追加
  • クラス共通化による軽量化
  • 遅延読み込み(lazyload)による速度アップ
  • もちろんモバイル対応(レスポンシブデザイン)

Google対策で必要となる「モバイルフレンドリー」「表示スピード」「セマンティックマークアップ」に対する施策が中心です。

SEO+テンプレートで利用可能なSVGアイコンについては「カラーミーSEO+で利用できるSVGアイコン」をご覧ください。

SEO+テンプレートの主なSEO向け機能

  • タグ付け機能による内部リンク補強&回遊性向上
  • 「お気に入り機能」「閲覧履歴」などユーザビリティの向上
  • フリーページコンテンツをメニューに自動追加
  • アイコンによるモバイルビューの改善
  • アクセシビリティの見直し(SEO効果は不明)

お気に入り機能(ショップ内ブックマーク)やタグ付けなど、基本的に「ユーザーの使いやすさ」を第一に考え、ショップ内を回りやすくする構造としています。

また、フリーページ機能でオリジナルコンテンツ(商品の誕生秘話や購入に関する情報など)を追加していただくと、自動的にドロワーメニューやサイドバーに追加されサイト回遊性がさらに高まります。加えてサイトボリュームが大きくなるので外部SEOにも有効に働きます。

SEO+テンプレートの内容について

SEO+のファイル内容

「カラーミー管理画面」→「ショップ作成」→「デザイン」で、カラーミーキットを追加いただいた上で、SEO+のファイル(htmlファイル×6)を上書きしてご利用いただきます。(*CSSファイルは使用しません)

SEOを意識したサイト設計

ネットショップ運営において、検索結果からのアクセスは非常に重要です。(検索結果で上位表示されるように対応することをSEO対策と言います)

そして、少しでも上位に表示される為には、検索エンジンのロボットクローラーに認識されやすいサイトであることが求められます。

SEO+はテンプレート自体にSEO設定を加えることで、SEOの知識がなくても自動的にSEO対策が行えるように意識したサイト設計にしています。

リッチスニペット対応

サイト内回遊率アップ

タグ機能を使い、回遊性を高める

ブログやSNSのように、商品ページにタグ付けできるようにしています。

他サイトで実施してみたところ、セッションあたりのPV数上昇(回遊率上昇)につながりましので、SEO+にも採用しています。(タグはパンくずリストの下に表示されています)

「お気に入り」機能を追加

お気に入り登録ボタン

商品一覧ページ・詳細ページにお気に入りボタンが表示されるようになっています。

「お気に入り」にチェックした商品はサイト上部の「お気に入り」からいつでも確認でき、お客様の利便性、購入率が改善されます。(お気に入りはブラウザキャッシュに保存されるので、有効期限はお客様の環境によって異なります。*最大1年)

商品画像はスライド切り替え

タッチスライドまたは矢印ボタンクリックによりスライド切り替えできるようにしています。

商品画像の枚数と購入率には関連が認められており、できるだけ複数の画像を用意することが推奨されます。

説明テキストの画像化も訴求力が高まる効果があるとされます。

スライドにしたサブ画像の読み込みを遅らせることでサイトの読み込み時間を短縮し、表示速度を速める効果やSEO的メリットもあります。

スライドの矢印や表示枚数、ナビゲーションドットの大きさなどはカスタマイズ可能です。(カスタマイズブログ)

レスポンシブデザインによるスマホ対応

基本的にflex(box)によるレイアウト設計でレスポンシブデザインに対応しています。

ブラウザサイズに合わせてレイアウトが切り替わるので、テンプレート設定時「スマートフォンでの表示」には”PC版表示”をご指定ください。

トップページにスライド配置

トップページにスライドを設置しています(初期状態では非表示)。

HTML入力によるスライドですので、画像のスライドだけでなくテキストやリンクなどご自由に設定できます。

スライドの設定方法については「スライドの設定(slick.js)」をご参照ください。

カスタマイズ情報は順次公開しています

SEO+は、基本的にシンプルなデザイン・色を使用していますが、「SEO+のデザインカスタマイズ」にて、SEO+用のカスタマイズ方法を順次公開しておりますので、ご自身でお好みのデザインに変更することが可能です。

操作に関するご不明点・ご要望・ご質問等ありましたら、お問い合わせよりお伺いいたします

更新履歴

2020.06.30 SEO+ バージョン2.3.1に更新(微調整)
2020.06.22 SEO+ バージョン2.3.0に更新(付加画像・WAI-ARIAの再設定)
2020.06.05 SEO+ バージョン2.2.4に更新(デザイン微調整)
2020.05.25 SEO+ バージョン2.2.3に更新(カテゴリーの表示変更)
2020.04.01 SEO+ バージョン2.2.2に更新(在庫表示の変更)

レビュー

レビューはまだありません。

以前にこの商品を購入したことのあるログイン済みのユーザーのみレビューを残すことができます。