21 May 2021 / Published in Ecommerce, Magento
ドロップシッピングとは、企業が在庫を持たず、商品を保管する倉庫を持たず、さらには商品を顧客に発送することなく事業を行うことができる小売業のフルフィルメント方法の一種です。 その仕組みは、小売業者がドロップシップ・サプライヤーと提携し、ドロップシップ・サプライヤーが小売業者に代わって商品を製造・倉庫保管し、梱包して、小売業者の顧客に直接発送するというものです。 しかし、Magentoでのドロップシッピングは、混乱しやすく厄介なプロセスとなります。この記事では、ドロップシッピングの長所と短所を説明した後、Magentoストアで利用できるドロップシッピングソリューションをご紹介します。 関連トピック:Magento 2 の支払いにカスタム決済を追加する方法 1.Magentoのドロップシッピングとは? Magentoのドロップシッピングは3つのステップで説明できます。 Magentoのストアフロントで商品を販売します。 顧客からの注文を受けたあなたは、その情報を在庫を持っている仕入先、卸売業者、またはメーカー(確立した関係を持っている)に転送します。 ベンダー(サプライヤー)は、名前で注文を受け取り、梱包して、顧客に発送します。 ドロップシッピングプロセス 一番の特徴は、ベンダーがお客様に見えないことです。お客様は、あなたから直接発送されたかのように商品を受け取ることができます。 ドロップシッピングは、Magentoのマーチャントに多くの良い面をもたらします。その方法をご紹介します。 2.ドロップシッピングのメリット 手元に在庫を持たないこと:ドロップシッピングの要点は、ベンダーの在庫を利用することです。具体的には、在庫の確保や解約の管理を気にする必要がありません。商品が売れたときにだけ仕入れを行うことができます。 諸経費が少ないこと:在庫を保有しないため、間接費が最小限またはゼロになります。在庫用の倉庫を借りたり維持したりする必要がありません。インターネットに接続できる環境があれば、どこからでもビジネスを行うことができます。 販売する製品の様々な選択肢:ドロップシッピングでは、さまざまな種類の商品にアクセスして販売することができます。卸売業者は大量の在庫を持ち、多様な商品を扱っているため、商品の在庫切れを心配することなく、簡単にビジネスを拡大することができます。 店舗の立地に依存しないこと:商品を販売する地域が近くなくても、ベンダーの手が届く範囲であれば問題ありません。ターゲット地域に近いベンダーを戦略的に選ぶことで、より早く商品を届けることができます。 すぐにビジネスを立ち上げることができること:ドロップシッピングのこれらの利点により、販売者は低リスクで簡単にビジネスを開始することができます。業者が届く範囲であれば、実質的にどこでも販売することができます。ドロップシッピングを利用している販売者は、自宅でコンピュータを使ってビジネスを成功させることができます。 このように、ドロップシッピングは素晴らしい選択肢のように思われますが、当然ながらデメリットもあります。 3.Magentoドロップシッピングのデメリット 激しい競争:ドロップシッピングのEコマースに飛び込む障壁はかなり低いので、似たような商品を販売するビジネスがたくさんあります。そして、あなたは唯一の存在ではないでしょう。これは、ドロップシッピングの2つ目のデメリットにつながります。 マージンの低さ:ドロップシッピングのデメリットの一つは、最初は利幅が低いと思った方がいいということです。ニッチな分野では、商品のマージンが少ない場合があることを認識しておく必要があります。これは、ニッチな市場でドロップシッピングを行う際の重要な問題です。低価格を設定して顧客を集めるか、高価格を維持して顧客を減らすかのトレードオフになります。 適切なサプライヤーを選ぶ:これは小売業者にとって、最高の価格と品質の製品を提供する適切なサプライヤーを見つけて選ぶことが不可欠です。本当の “卸売 “価格を提供していない、見せかけの業者に目を通さなければならないかもしれません。 サプライヤーの欠陥:ドロップシッピングでは、注文が入ったときに常に在庫があるかどうかを業者に頼ります。しかし、もし業者が在庫を持っていなかったらどうでしょう?もしも在庫がなかったり、商品の発送が間に合わなかったりしたら?このような事態が発生した場合、あなたの責任で対処し、必要に応じてコストをカバーする必要があります。正しいことをしていても、サプライヤーが問題を抱えていれば、問題が発生する可能性があります。 4.Magentoのドロップシッピングソリューション 4.1. 手動でのドロップシッピング ビジネスを始めたばかりの方や、一日に数件の注文しか処理しない方は、手動でドロップシッピングを行うことで対応できます。つまり、注文が入ったら、ベンダーにメールを送ったり、ベンダーのウェブサイトから自分で注文をしたりするのです。どの業者にどのような注文をするかは、自分で決めることができます。 この方法は、新しいベンダーを試してみて、誰が一番良いのかを見極めるのにも有効です。販売する予定のサンプルを複数の業者に発注し、長期的に見て誰が信頼できるかをテストしてみましょう。 4.2. Magentoのドロップシッピングエクステンション 拡張機能は、理想的には、1つのプラットフォームからすべての注文を選択して処理することができます。注文をベンダー間でどのように分割するか、誰を優先するかなどのルールを設定することができます。結果的に、手動で行うよりも膨大な時間と労力を節約することができます。 Magentoのドロップシッピングエクステンションを探す際には、以下の点を考慮する必要があります。 信頼できるソース:評判の良いソースからの信頼できるMagentoの拡張機能のみを使用することを確認してください。 価格:拡張機能の価値以上のものを支払わないでください。常に機能と価格を他の拡張機能と比較してください。 インテグレーション:拡張機能が安全な統合方法を持ち、注文がすべての販売チャネルで自動的に統合されることを確認してください。 フィードバック:拡張機能のフィードバックをチェックします。そのエクステンションを使用するかどうかを決定するための公正なアイデアを得ることができます。 注文の分割:複数のベンダーを使用している場合、これは重要です。エクステンションが、異なるベンダーからの同じ注文の異なる部分をインテリジェントに処理できることを確認してください。 もしMagentoだけで注文を処理している中小企業であれば、拡張機能があれば十分でしょう。 これらのドロップシッピングエクステンションは以下の会社が提供しています。 Webkul Boostmyshop Magestore Webshopapps Unirgy 4.3. マルチチャンネル・プラットフォーム・ドロップシッピング・ソリューション マルチチャネルプラットフォームのドロップシッピングソリューションは、大規模な小売業者に最適です。 Magentoストアやアプリ、マーケットプレイスなど、複数のチャネルで販売している場合、ドロップシッピングを成功させるためには、すべてのエンドポイント(ERP/会計システムを含む)を統合する必要があります。 また、ドロップシッピングのプロセスを自動化し、Magentoストア(およびマーケットプレイス)からバックエンドシステムに注文が正しく転送されるようにする必要があります。 マルチチャネル管理のドロップシッピングソリューションは、この統合を可能にし、これが最も実用的で効率的なソリューションとなります。なぜなら、マルチチャネルプラットフォームは、お客様の複雑な販売環境に対応できるからです。 理想的なプラットフォームは、すべての注文のための集中的な場所から作業することができます。以下のようなことができるプラットフォームを探してください。 注文を分割するためのビジネスルールの作成 ベンダーの好みの設定 チャネル間の在庫レベルの更新 仕入先や注文を簡単に管理できるだけでなく、売れすぎないように在庫レベルを管理することができます。 マルチチャネル・プラットフォームの要点は、ビジネス全体を1つの場所で管理できることです。 関連トピック:MagentoストアのUXを向上させる9つの方法 5.まとめ ドロップシッピングは素敵なビジネスモデルで、特に低コストでの運営を目指している方には有効です。Magentoストアを始めたばかりの方も、アプリを他の販売チャネルと統合したい方も、ドロップシッピングを利用することができます。 しかし、ドロップシッピングで大きな利益を得ることは決して簡単ではなく、最大限に活用するためには適切な市場と卸売業者を選ぶ必要があります。ドロップシッピングを統合するには、手動、拡張機能、マルチチャネル管理のいずれかを選択できます。お客様のビジネス環境に最も適したソリューションをお選びください。   ►►►サービスについてMagento, Sitecore, Shopify Plus, BigCommerce, Amazon Marketplace
20 May 2021 / Published in Ecommerce
オンラインでより多くのコンバージョンを達成したいなら、ウェブサイトのスピードアップは完璧な出発点です。 ウェブサイトのスピードは、顧客を惹きつけ、売上を伸ばす能力に大きな影響を与えます。実際、読み込み時間が1秒遅れるだけで、コンバージョンが7%低下すると言われています。 ウェブサイトの速度が遅ければ、人々はすぐに立ち去ります。 40%の消費者は、ウェブサイトの読み込みに3秒以上かかると、すぐにそのウェブサイトを放棄します。これ以上時間がかかると、潜在的なトラフィックの半分弱をすぐに失うことになります。ここでは、2021年にウェブサイトを高速化してコンバージョンを増やすことができる7つの方法をご紹介します。 1.HTTPリクエストの最小化 画像、スタイルシート、スクリプトなどのフロントエンドの要素をダウンロードするには、ウェブブラウザにHTTPリクエストを行う必要があります。これらの要素の一つ一つにリクエストを行う必要があります。Webサイトの構成要素が多ければ多いほど、ページの読み込みに時間がかかります。 リクエストの数を減らすことが、ページの高速化につながります。 自分のサイトが現在どれだけのリクエストを行っているかを調べ、ベンチマークとして利用するのがよいでしょう(ウェブデザイン会社に問い合わせれば、調べてもらえます)。 ウェブ開発者は、ファイルに目を通し、古いものや不要なものがないかを確認します。また、組み合わせることのできるファイルを見つけて、次のステップに進みます。 関連トピック:2021年ウェブサイトデザインのトレンドは何か? 2.ファイルの結合 サイトのリクエスト数がわかったところで、今度はファイルを結合してリクエスト数を減らしてみましょう。 結合ファイルは、すべてのスクリプトを1つのスクリプトに、すべてのCSSを1つのスタイルシートにまとめることで、HTTPリクエストの数を減らすことができます。 不必要なコードがあるとページのリクエスト量が増えるので、余分なスペースや改行などを削除することが重要です。 特に、スクリプトやスタイルシートがページごとに異なる場合、ファイルを結合するのは難しいかもしれません。しかし、長い目で見ればそれだけの価値があり、サイトのスピードアップにつながります。 ウェブサイトに関しては、「少ないことは多いこと」です。ページ上の要素が少ないほど、ページがレンダリングする必要のあるリクエストが少なくなり、読み込みが速くなります。 3.遅延ロード リクエストの数を減らしてファイルをまとめたら、ページでの読み込み方法にも影響を与えることができます。 スクリプトの読み込み方法には、同期と非同期の2種類があります(レイジーローディングとも呼ばれます)。 同期的に読み込まれるスクリプトは、ページ上に表示される順番に、次々と読み込まれます。 非同期にロードされるスクリプトは、同時にロードされます。 ロードが非同期でないファイルに到達した場合、その特定のファイルを完全にロードするまで、他のファイルのロードを停止します。 ロードが同じファイルに到達しても、それが非同期であれば、ブラウザはページ上の他の要素を同時にロードし続けることができます。 遅延読み込みでは、ページがすべての要素を同時に読み込もうとするため、ページ読み込みの遅延を防ぐことができます。 4.DNSルックアップの削減 ページの読み込み速度を左右する重要な要素は、DNSルックアップにかかる時間です。 DNSとは、IPアドレスとそのホスト名をデータベース化したサーバーのことです。DNSルックアップとは、特定のDNSレコードを見つけるプロセスのことです。 コンピュータが電話帳の番号を調べるようなものです。 例えば、https://smartosc.jp/ にアクセスしたいとしましょう。このURLをブラウザに入力しますが、コンピュータはこの情報をどうすればいいのかわかりません。 ISPはDNSルックアップを実行して、そのURLに接続されているIPアドレスを探します。しかし、これは思ったよりも早いです。DNSルックアップは、与えられたホスト名に対するIPアドレスを見つけるのに、通常20〜120ミリ秒かかります。 5.CDNの利用 お客様のウェブサイトはすでにサーバー上でホストされていますが、訪問者のロード時間を短縮するサーバーのネットワークが他にもあります。 サイトが1つのサーバーにしかホストされていない場合、サイトにアクセスしようとするユーザーはそれぞれ同じサーバーにリクエストを送ることになります。大量のトラフィックが発生するサイトでは、各リクエストの処理にかかる時間が長くなります。これにより、すべてのユーザーのロードタイムが遅くなります。 このような問題を解決するのが、CDNとして知られるコンテンツ・デリバリー・ネットワークです。CDNでは、グローバルネットワーク上のサーバーにサイトをキャッシュすることができます。ユーザーがあなたのサイトからファイルをリクエストすると、リクエストは最も近いサーバーに送られます。Cloudflareは、これからCDNを始めようとしている方に最適なオプションです。 6.不要なリダイレクトの削除 リダイレクトは素晴らしいものです。リンク切れの問題を解消するのに役立ちますし、ページの移動や削除の際にも必要です。 しかし、リダイレクトの数が多すぎると問題が生じます。リダイレクトは、さらなるHTTPリクエストを発生させ、サイトの速度を低下させる原因となります。そのため、可能な限りリンク切れをなくすことが望ましいのですがWebサイトのオーナーの多くは、自分でコンテンツを削除したり再構築したりする方法がわからないようです。ウェブデザイン会社に相談してみるのもいいかもしれません。 一方、改善を始める余地は常にあります。Screaming Frogは、ウェブサイトをクロールして、サイトの現在のリダイレクトをすべて表示してくれる素晴らしいツールです。 リダイレクトに目を通して、実際に目的を果たしているかどうかを確認することができます。また、サイト内に隠れてロード時間を遅くしているかもしれないリダイレクトチェーンを見つけるのにも最適です。 7.画像の最適化 画像は非常に大きなファイルであることが多いため、サイトの読み込み速度に大きく影響します。 とはいえ、画像のないウェブサイトはありえないので、画像を可能な限り最適化することが重要です。 画像の最適化を成功させるには、ファイルサイズと画質のバランスを取ることが大切です。画像のファイルサイズを小さくすれば、ページの読み込み時間に大きな影響を与えることができますが、画像が鮮明であることが重要です。 そのためには画像の圧縮が有効で、いくつかの画像圧縮ツールがあります。 簡単に画像を圧縮するには、普通に画像を保存して、TinyPNGのようなツールをDIYで使う方法があります。これは手動で行う方法で、サイトにアップロードする前に自分で画像を圧縮することができます。 しかし、より高度なソリューションを探している場合は、IMGIXのような統合機能があります。これは画像処理APIで、画像ライブラリ全体を最適化し、サイトを高速化します。その最大の利点は、リサイズ、トリミング、フォーマットのソリューションで、画像を最適化し、サイトを高速化するのに役立ちます。 幸いなことに、 IMGIX について多くの経験を持っており、ブログも書いています。詳しくはこちらをご覧ください。 このインテリジェントなAPIは、大手ストックフォトプロバイダーのUnsplashで使用されています。彼らは、すべての画像処理ニーズのためにIMGIXに切り替えた後、何千時間もの開発時間を節約しました。 画像圧縮機能の統合は、商品の画像を紹介することが不可欠なEコマースサイトのような、画像を多く扱うウェブサイトに最適です。時間を節約して生活を楽にするだけでなく、サイトのスピードアップにも貢献しています。 8.モバイルページの速度を監視すること モバイルとデスクトップの両方で、サイトの読み込み具合に注意を払う必要があります。モバイルでのユーザー体験はサイトのランキングに影響するようになったので、モバイルデバイスでのサイトの読み込みがスムーズであることが重要です。 また、ウェブサイトの訪問者を満足させるためには、高速でユーザーフレンドリーなサイトを提供することが最善の方法です。 Google Page Speed InsightsやPingdom Website Speed Testなどのプラットフォームでは、デスクトップとモバイルでのサイトのパフォーマンスを示す指標を提供しています。 ウェブサイトのスピードが思うようにならない場合、それは大きな課題のように感じられるかもしれません。しかし、この記事を参考にしてサイトのテストを続けていけば、すぐにサイトのパフォーマンスが向上するでしょう。 関連トピック:2021年の最高のWeb制作レビュー   ►►►サービスについてMagento, Sitecore, Shopify Plus, BigCommerce, Amazon Marketplace
20 May 2021 / Published in Ecommerce
ユーザーの期待とデジタルの発展により、デザインのトレンドは常に変化しています。 すぐに時代遅れになってしまうものもあれば、時間が経つにつれて改善されていくものもあります。デジタルエージェンシー(そして一般的なウェブサイトのオーナー)は、勢いのあるデザイントレンドに目を光らせておく必要があります。 お客さまは毎日たくさんのウェブサイトを訪れ、革新的で優れたデザインのプラットフォームを常に目にしています。より多くのオンラインビジネスがゲームを向上させている中、お客様の注目を集め、自社のプラットフォームを選んでもらうことがこれまで以上に重要になってきています。 そのためには、革新的でクリエイティブなウェブソリューションを構築することが重要です。ここでは、2021年に流行すると予想されるデザイントレンドをご紹介します。 1. ダークモード 2020年にはすでに大きなトレンドとなっていたダークモードは、来年もさらに人気を集めることでしょう。デザイナーがダークモードを好む主な理由は以下の通り: 超モダンな印象を与える Instagram、Twitter、Facebook、Appleなどの大手ブランドが、それぞれのプラットフォームで代替テーマを提供しています。 ダークモードでは、他のデザイン要素が強調され、より引き立ちます。 低照度下での眼精疲労を軽減します。私たちの多くは、夜寝る前に携帯電話をスクロールしています。 デバイスのバッテリーを節約することもできます。 多くのプラットフォームでは、ダークモードに切り替えるタイミングをユーザーが選択できるようになっています。アップル社のユーザーは、自動的にダークモードに切り替える時間を予約することもできます。 ここでは、DStudioで使用されているダークモードの素晴らしい例をご紹介します。 2. 変わった色の組み合わせ 2021年の最も顕著なウェブデザインのトレンドの一つは、ユーザーの目を引くような大胆な色や、互いに完璧に調和した珍しい色の組み合わせの使用です。 また、明るく飽和した色は、これまでのミニマルなデザインからブランドを際立たせるのに役立ちます。 このトレンドの導入を成功させるためには、新しいことに挑戦することを恐れてはいけません。光り輝く色合い、強烈な色、珍しい色の組み合わせは、間違いなくウェブサイトの訪問者の記憶に残ります。 ダークなチャコールカラーの中に、バイオレットや落ち着いたジェードグリーンが見え隠れするHAUSのデザイン。モダンでダイナミックな雰囲気の中にもエレガンスを求める方にぴったりの配色です。色の組み合わせは多彩で珍しいものです。 Samsyによるこのダークでミステリアスな色の組み合わせは、現在のウェブデザインのトレンドを利用したものです。最近のデザインでは、暗い背景に明るく大胆なアクセントカラーを使用することが人気となっています。 3. 3D要素 3Dデザイン要素は、何年も前からウェブサイトユーザーの興味を引いてきました。 ウェブテクノロジーの進化とウェブデザイナーの絶え間ない技術向上により、3D要素はますます使われるようになってきました。 このデザイントレンドは、VR/AR技術が勢いを増し、3D要素にさらなる美しさとインパクトを与えることで、さらに人気を集めることになるでしょう。 その結果、驚くほどの効果が期待できます。 ここでは、Tran Mau Tri Tam氏によるWebデザインに3D要素を使用した素晴らしい例をご紹介します。 3Dグラフィックを成功させるための最も重要な条件の一つは、ウェブサイトの高いパフォーマンスです。 プラットフォームは、読み込みが速く、最適化されていなければなりません。もしそうでなければ、サイトはそのような重いコンテンツをサポートできません。ウェブサイトは、遅くて反応が悪いなどと思われるかもしれません。 4. 左右非対称のレイアウト 長年にわたり、ウェブサイトはグリッドレイアウトを基本としてきました。グリッドレイアウトは、構造が整理され、重要な要素に集中できるため、昔から人気のあるアプローチです。 しかし、この方法では、デザインが特定のテンプレートに収まらなければならない場合、サイトを真にクリエイティブなものにすることができません。 これからのトレンドは、アシンメトリー(左右非対称)なデザインです。ブランドにとっては、伝統を無視してユニークで刺激的なデザインを探求する絶好の機会です。 注意しなければならないのは、やはりバランスが必要だということです。左右非対称のデザインであっても、どの部分も他の部分より重く見えてはいけません。 「Outcrowd」は、非対称なデザインの好例です。左右のオブジェクトが正確には対称ではないにもかかわらず、コンテンツは整理され、バランスが取れているように見えます。 5. 音声ユーザーインターフェース ユーザーが情報にアクセスする方法は刻々と変化しています。Googleに検索クエリを入力するのではなく、質問や要求をするようになりました。 つまり、ウェブデザインも、音声チャットボットやバーチャルアシスタントの出現に合わせて調整する必要があるのです。 このデザイントレンドは、まだ完全には浸透していませんが、近い将来、どこかに行ってしまうことはないでしょう。 従来のテキスト検索に加えて、音声検索を採用するウェブサイトが増えるのは時間の問題でしょう。 6. 写真とグラフィックの融合 2021年のもうひとつの大きなトレンドは、写真にグラフィックを重ねることです。高品質な写真は、それだけでも十分に美しいものですが、そこにクールなグラフィックを加えることで、あなたのクリエイティブなセンスが際立ちます。 ここでは、ウェブデザイナーが写真とグラフィックを組み合わせる理由をご紹介します: ウェブデザインに個性を持たせるには最適な方法です。 また、会社のブランディングを強化するもうひとつの方法でもあります。例えば、ロゴに使われている色や形を思い浮かべてみてください。 ウェブサイトに深みを与え、訪問者をコンテンツに引きつけます。 このトレンドを最大限に活用するには、グラフィックをブランドの個性に合わせて統一する必要があります。 MadeByStudioJQは、写真とグラフィックをミックスした完璧な例 7. ウェブサイトのロードタイム 成功するウェブデザインの最も重要な要素の一つは、超高速のロードタイムです。これは今に始まったことではなく、何年も前からUXやSEOに欠かせない要素となっています。 検索結果で上位に表示され、コンバージョンも向上させたいウェブサイトにとっては、最優先事項であり続けています。 調査によると、サイトの読み込みに2秒以上かかると、訪問者はほとんどの場合離脱してしまいます。そして、おそらく二度と戻ってこないでしょう。 8. スマートなコンテンツロード 多くのウェブサイトでは、グラフィカルな要素やサードパーティの統合機能を多用しており、これらがウェブサイトの速度を低下させています。 ありがたいことに、ユーザーが必要とするコンテンツだけをダウンロードするスマートなサイトを開発する方法はたくさんあります。 レイジーローディングは、近年すでに採用されているウェブデザインのスタンダードです。長い1ページのサイトでよく使われる方法です。 考えてみてください。多くのウェブサイトの訪問者は、ページの一番下までたどり着くことはありません。では、なぜそのコンテンツをロードして、サイトのロード時間を不必要に長くするのでしょうか?もっと良い方法は、ユーザーがページをスクロールし始めて、コンテンツに近づいたときにコンテンツを読み込むことです。 レイジーローディングでは、ユーザーが見ることのない画面外のコンテンツをロードするために貴重な時間とリソースを浪費することなく、画面上に表示する必要のあるコンテンツのみをウェブブラウザがダウンロードするようにします。     ►►►サービスについてMagento, Sitecore, Shopify Plus, BigCommerce, Amazon Marketplace
20 May 2021 / Published in Ecommerce
インクルーシブ・マーケティングとは、伝統的に社会的弱者とされてきた多様なコミュニティを対象としたマーケティング・コンテンツを作成し、彼らがブランドを体験し、つながりを持てるようにするとともに、公共の場での彼らの声を高め、偏見や有害な固定観念を減らすことです。 インクルーシブ・マーケティングは、人のアイデンティティのすべての層を考慮します。人種、性別、性的指向、年齢、宗教、経歴、能力、体格などに関係なく、人々の心に響くブランドのメッセージを伝えることができます。また、複数のアイデンティティを持つ人がいることを認識し、彼らの声を尊重し、積極的に聞いたり見たりする必要があります。 インクルーシブ・マーケティング戦略の一つのポイントは、人間の特定の価値観や経験はすべての人に共通しており、ブランドメッセージはすべての人に語りかけるものでなければならないということです。すべての人間は同じような経験を共有しており、年齢を重ねるときやキャリアを変えるときに障害を乗り越えています。安全、友情、家族、より良い機会など、誰もが同じ感情や恐怖に対処しており、これこそがインクルーシブ・マーケティングの対処法なのです。 インクルーシブ・マーケティングでは、ブランドの製品やサービスが人々とより深いレベルでつながり、彼らが目に見える形で理解されていると感じられるようにします。 1.インクルーシブ・マーケティングが貴社のブランドにもたらすもの 世界は変わりました。Y世代やZ世代は、社会を反映していないイメージやメッセージでターゲットにされることに満足できなくなっています。過去の「クッキーカッター」のような考え方は、購買力が高まっている世代にはもはや響かないのです。 パーソナライゼーションが不可欠であること、そしてお客様が自分に語りかけてくるブランドとの対話を選ぶことを知っています。ターゲット層を特定することは今に始まったことではありませんが、今日では、ますます多様化する現代社会を反映し、促進するソーシャルプレゼンスが必要です。 このパラダイムシフトにより、ブランドは物語を変え、ネガティブなステレオタイプを永続させるのではなく、払拭する力を持っています。旧態依然とした慣習を捨て去ることは、企業の評判に深刻な影響を与え、オンラインプラットフォーム上で恥をさらすことになり、しばしば広報活動のダメージコントロールの危機に陥ります。 視聴者は、ブランドやコンテンツの中に自分自身を見出したいと思っています。もしそうでなければ、自分が含まれていると感じられ、代表されていると感じられる会社を探すでしょう。製品やサービスを使用している人に共感できる人は、コンテンツに関心を持ち、忠誠心を示してくれる可能性が高くなります。インクルーシブ・マーケティング戦略は、このアプローチを採用していない競合他社との競争力を高めることができます。 2.職場から始まるダイバーシティ 企業が包括性を推進する際に直面する課題の一つは、そのメッセージと価値観をチーム内で守ることです。リーダーシップにおける多様性の欠如は大きな話題となっており、企業は変化し続ける状況を反映し、より多様な労働力を確保するよう圧力をかけられています。 ダイバーシティとインクルージョンは同じものではありませんが、「誰一人取り残さない」という同じ最終目標を念頭に置いて、互いに絡み合っています。実際、多様なスタッフとリーダーシップは、対象となる人々とより深いレベルでつながるメッセージを生み出すのに役立ちます。 多様なコミュニティへの参加を推進していても、社内でそれを反映していない企業は、信頼性や誠実さに欠けると思われてしまいます。顧客は言葉をただ信じるのではなく、説 明したことを実行しているという証拠を求めています。 インクルーシブ・マーケティングを行っていながら、組織内に多様性を取り入れることができない企業は、自分たちが売っているものを完全には信じておらず、注目を集めるためにマーケティング・トレンドを利用しているだけだという印象を与えてしまいます。 3.固定観念を払拭し、思い込みを避けること コンテンツにはインクルージョンを反映させ、攻撃的、無神経と誤解されるような言葉を避けるようにしましょう。スラングやストリート用語は、有害な固定観念に由来している可能性があり、視聴者が誤って解釈する可能性があります。また、代名詞の使用についても注意が必要です。 聴衆の思い込みを避けるために、”they “のような性別を問わない代名詞をコンテンツで使用するべきです。 上記では、文章コンテンツでのインクルージョンについて述べましたが、ビジュアルメディアにも気を配り、さまざまな場面で多様性を盛り込むことが不可欠です。多種多様な人が集まった円卓会議のイメージは一般的であり、称賛に値しますが、本当の意味でのインクルーシブを実現するには、一般的なものを超えて、より深く掘り下げていく必要があります。上司の容姿、スポーツ選手、郊外の若い家族の表現方法など、固定観念に挑戦してみましょう。そうすることで、包括的であることの意味をより深く理解することができます。 4.レビュープロセスを設けること ソーシャルメディアが24時間365日稼働している現在、社会的な失態は危険であり、社会的信頼を回復するためには大規模なダメージコントロールが必要となります。最終的なコンテンツを公開する前に、必ず一歩下がって分析しましょう。流用や差別的な言葉が使われていないか、別の視点から見直し、多様なレビューパネルに意見や見解を求めましょう。繰り返しになりますが、さまざまな経験や視点を持った多様なチームを編成することの重要性を述べています。どんなに締め切りが迫っていても、コンテンツレビューのプロセスを省略してはいけません。その結果、広報活動に悪影響を及ぼす可能性があります。 5.今後のインクルーシブ・マーケティング インクルーシブ・マーケティングは、多くの人にとってまだ比較的新しい概念です。マーケティング担当者が、多様性のある社会の中でインクルーシブなブランドになるための最善の方法を理解しようとする中で、この概念はますます広がっていくことでしょう。インクルーシブ・マーケティングとは、企業がオーディエンスとオープンな対話を行い、他の方法では存在感が薄く、声が聞こえないと感じている人々を惹きつける機会です。インクルーシブ・マーケティングとは、あるグループを犠牲にして別のグループを作ることではなく、すべての人が積極的かつ敬意を持って見られ、聞かれるようにすることです。一朝一夕に成功するものではありませんが、狭い視野や偏見は今も昔も存在します。しかし、マーケターは包括性を例外ではなく標準にすることで、社会に変化をもたらすことができるのです。     ►►►サービスについてMagento, Sitecore, Shopify Plus, BigCommerce, Amazon Marketplace
best-examples-of-pwa_skces
20 May 2021 / Published in Ecommerce
ウェブトラフィックの半分以上がモバイル機器からのものである現在、オンラインビジネスがモバイル機器でのユーザー体験をより良いものにする方法を模索しているのは当然のことです。 ユーザーの要求に応えるためには、オンラインビジネスは、オンラインでの購入を迅速、簡単、便利にするアクセス可能なインターフェイスを提供する必要があり、そうでなければ取り残されてしまう危険性があります。 そこで、(Progressive Web Apps)プログレッシブウェブアプリの出番です。 ここでは、PWAとは何か、PWAはどのように機能するのか、そして2021年に使用されるであろう最高のPWAの例をいくつか紹介します。 1. Progressive Web Appsとは? プログレッシブウェブアプリケーション(PWA)は、最新のテクノロジーを利用して、ウェブアプリとモバイルアプリの長所を組み合わせたもので、実際のネイティブアプリに匹敵する操作性と機能性を備えています。 最近の進歩により、ほとんどのウェブサイトをプログレッシブウェブアプリに変えることができるようになりました。つまり、開発に時間がかかる実際のアプリに比べて、PWAはかなり短期間で構築することができます。 さらに、PWAは、プッシュ通知やオフライン機能など、ネイティブアプリのすべての機能を提供します。PWAは、遅いネットワークや接続性の欠如など、さまざまな問題を解決することができます。 2. PWAとネイティブウェブアプリの違いは何ですか? AppleのApp StoreやGoogleのPlay Storeからダウンロードするようなネイティブアプリは、多くの場合、そのプラットフォームに特化したプログラミング言語で作られています。 iOSアプリであればSwift、AndroidアプリであればJavaとなります。そのような特定のプラットフォーム向けのアプリを作る場合、その言語を知っておく必要があります。 作ったアプリは、App StoreやPlay Storeで、それぞれのプラットフォームの基準に合っているかどうかを審査してもらう必要があります。このプロセスには数ヶ月かかることもあります。 プログレッシブウェブアプリは、このような長いプロセスを回避することができます。なぜなら、PWAは、新しいウェブ機能を備えたウェブサイトの延長にすぎないからです。 PWAはブラウザ上で動作し、ホーム画面に保存されるとネイティブアプリのように機能します。PWAの性能が高ければ、ユーザーはウェブアプリを使っているのか、ネイティブアプリを使っているのか分からなくなるでしょう。 もちろん、注意すべき点もあります。ブラウザはこのための技術をいち早く採用しましたが、いくつかの制限があります。 iOSでは、必要な技術がSafariで不安定に動作することがあります。Apple社はまだすべてをサポートしているわけではないので、どこでも同じ体験を実現するのは難しい課題です。 3. PWAの特徴 レスポンシブ どんな形にもフィットする能力 接続性の独立性 サービスの低下や接続性の欠如があっても、オフラインで動作する能力。 アプリのようなインターフェース アプリのようなインタラクションとナビゲーションを採用しています。 バックグラウンドアップデート セルフアップデートにより、PWAは常に最新の状態に保たれます。 発見可能 検索エンジンはPWAを見つけることができます。 4. レスポンシブWebサイトとネイティブアプリとPWAの比較 2021年にデジタルで優れたパフォーマンスを発揮し、優れたユーザーエクスペリエンスを提供するためには、プラットフォームが考慮すべきいくつかの要素があります。 モバイルフレンドリー、SEO最適化、オフラインモードなどは、2021年にプラットフォームが考慮すべき要素のほんの一部です。 ここでは、レスポンシブWebサイト、ネイティブアプリ、PWAをそれぞれ比較した表をご紹介します。 5. 2021年に使うプログレッシブWebアプリのベスト 1. ツイッター 2017年4月にTwitter社が初めて導入した「Twitter Lite」は、最新のWebサイトとネイティブアプリの両方の輝かしい機能を備えたプログレッシブWebアプリです。 Twitter Liteでは、ネイティブアプリを経由した以前の状態よりも80%近く多くのツイートが記録され、バウンス率も20%減少したとのことです。 2. ピンタレスト Pinterestは、クリエイティブなアイデアを探しているほとんどの人が利用しているウェブサイトです。 その人気にもかかわらず、Pinterestはモバイルユーザーのうち、サインアップ、ログイン、アプリのインストールに結びついたのはわずか1%であることがわかりました。これは、モバイルでのパフォーマンスの低さが原因でした。 PWA技術を導入すると、素晴らしい結果が得られました。モバイルウェブでの滞在時間は40%増加し、ユーザー生成広告収入は44%急増し、コアエンゲージメントは60%向上しました。 3. Lancôme 高級化粧品ブランドのLancômeは、トラフィックと売上を増加させるアプリのようなソリューションを必要としていました。2016年には15%しかなかったコンバージョン率を上げたいと考えていたのです。 2021年、LancômeのPWAは、お客様がインターネットの接続状態が悪くても商品を検索できるようにし、ユーザーを惹きつけるプッシュ通知を導入しました。 PWAを導入した後、Lancômeはコンバージョン数が17%増加し、iOSのモバイルセッションが53%増加しました。 PWAはLancômeにとって大きな成功であり、化粧品大手のLancômeがモバイルウェブで大きな進歩を遂げることに貢献している。 4. Uber Uberは、ネットワークの速度や場所に関係なく、すべてのユーザーが迅速に乗車を要請できるようにすれば、自社のビジネスの可能性に気付きました。 これを実現するために、Uber は低速ネットワークで動作する PWA を作成しました。 Uber PWAは、すべての最新ブラウザで利用可能なアプリのようなエクスペリエンスを実現することを目的としており、特にローエンドデバイスのユーザーに役立つものとなっています。 これも理にかなっています。慣れない場所でインターネットに接続できずに困ったことがある人は多いはずです。 Uberは、PWAの軽量化を実現しました。中心となるライドリクエストアプリケーションの容量は50kbで、低速のネットワークでも素早くアプリを読み込むことができます。 これは、Uberの戦略的な動きであり、顧客のユーザーエクスペリエンスを向上させるものであることは間違いありません。 5. Starbucks スターバックスのPWAは、2015年にモバイルアプリをローンチした後に開発されました。しかし、このアプリは、ネットワーク接続が遅く、パッチワークのような地方の市場には適していませんでした。 スターバックスは、オフラインでもメニューを閲覧したり、車に商品を追加したりしてもらいたいと考えていました。そのためには、PWAの開発が唯一の論理的な方法でした。 PWA自体は非常にユーザーフレンドリーで反応が良く、スターバックスは強力なインターネット接続を持たない顧客を引き付けることができました。 6. Spotify ストリーミングの巨人もPWA運用になりました。 PWAへの移行は、当初、AppleのApp Store手数料30%をめぐってSpotifyとAppleの間で意見の相違があったことから検討されました。Spotifyは、今こそ自社アプリのPWA版の開発を始めるべきだと考えました。 PWA版は、独自のUIでかなり高速化されています。唯一の欠点は、SpotifyのPWAはオフラインでは利用できないことです。 7. Trivago TrivagoはPWA技術を用いて、旅行者がホテルの価格を比較したり、レビューを読んだり、選択したホテルを予約したりするのに便利な研究所のインターフェースを提供しています。 また、ホテルオーナーの検索マーケティングの労力を最小限に抑えることにも貢献している。 PWA導入後、Trivagoのホテル検索エンジンは、ネイティブアプリよりもはるかに高いコンバージョン率を記録しました。また、ホテル予約のCTRも97%と飛躍的に向上しました。 8. Forbes Forbesは、モバイル体験のリブランディングを図るためにPWAを導入しました。現在のモバイルサイトよりも高速なソリューションを必要としていました。 現在、ForbesのPWAはユーザーにとって魅力的で、よりパーソナライズされたものになっています。デザインは新しいフォーマットで、Snapchatのストーリーズのフォーマットに似ています。 PWAを開始して以来、Forbesはユーザーあたりのセッション数が43%増加し、スクロール深度が3倍になったことを記録しています。 9. Tinder Tinderは、自社のモバイル体験が競合他社に比べて大きく遅れていることを知り、改善を求めていました。 Tinderは、顧客にスピードと利便性の向上を提示するためにPWAを開発し、より速く、よりスムーズに、より受容的な体験を提供できるようにした。 JavaScriptの使用により、直帰率は10.15%減少し、クリック率は11.3%増加しました。 10. Financial Times PWAを活用したもう1つのニュースの巨人! Financial Timesは、顧客により良い体験を提供する目的でPWA技術を採用しました。 このPWAはオフライン機能に焦点を当てており、記事の高速な読み込みと切り替えを可能にしています(オフラインモードであっても、最初に読み込まれ、ローカルに保存されます)。 Financial TimesのPWAは、モバイルでわずか1~2秒でアクセスできます。 6.
20 May 2021 / Published in Ecommerce
ウェブアクセシビリティとSEOは何の関係もないように思えるかもしれませんが、この2つには重複する部分があり、企業は注意する必要があります。EO対策に追われ、世界の10億人に恩恵をもたらすアクセシブルなウェブコンテンツの作成に同じエネルギーを割くことができないかもしれません。アクセシビリティは、デザイナーや開発者の責任であると考えられがちですが、SEOチームはこのプロセスにもっと深く関わるべきです。 アクセシブルなウェブサイトを持つことは、障害を持つ人にとって不可欠です。アクセシブル化を怠ると、消費者がコンテンツを理解し、ナビゲートし、対話することができなくなります。2016年、カリフォルニア州の視覚障害者がドミノ・ピザを相手に、同社のサイトとモバイルアプリがアクセシブルではなく、障害を持つアメリカ人法に直接違反しているとして訴訟を起こしました。サイトがアクセシブルでないために、彼はスクリーンリーダーのソフトウェアが指示を読み返すことができず、ピザを注文することができませんでした。つまり、このサイトは視覚障害者にとってアクセシブルではなく、差別的だったのです。 1.アクセシビリティとSEOが重なる部分 カスタマーエクスペリエンスの低下は、ブランドに大きな影響を与えます。ユーザーは、ソーシャルメディアで不満を表明したり、前述のように法的手段に訴えることをためらいません。 2.ユーザーに対してアクセシブルなウェブサイトの利用は ・必要な情報を収集し、具体的な行動を起こすことができます。 ・劣悪なカスタマーエクスペリエンスは避けるべきだということは誰もが知っていますが、これらはSEOとどのような関係があるのでしょうか?重複する部分もありますし、最終的な目標も同じです。 3.ユーザーエクスペリエンスの向上 ポジティブなユーザーエクスペリエンスは、人間にも検索エンジンにもメリットをもたらします。誰もがアクセスできるウェブサイトは、ユーザーが戻るボタンをクリックせずに長居する可能性を高めます。満足したユーザーは、サイトと対話し、コンテンツが価値があり関連性があることを検索エンジンに伝えます。ユーザーの滞在時間が長ければ長いほど、SEOにも効果的です。 視聴者は最高のマーケティングツールでもあります。良好なユーザー体験を通じて、他の人に話してくれる可能性が高くなります。しかし、ユーザーがサイトを操作できなければ、口コミがブランドに悪影響を及ぼす可能性があります。 4.より多くのお客様にお届けするために しかし、アクセシブルなサイトを作ることは、オーディエンスの数を増やすことにつながります。もし、あなたのサイトが人口の30%の人にアクセスできないとしたら、それは膨大な数になります。 5.ウェブサイトでのロボットの誘導 検索エンジンのボットは進化していますが、人間と同じように情報を処理する能力はまだ十分ではありません。ボットは、スクリーンリーダーのように、人間と同じように画像を読み取ることができず、また、複雑で構造化されていないサイトをナビゲートすることも困難です。サイトをアクセシブルにするベスト・プラクティスは、検索エンジンがウェブサイトを理解するのに役立つものと同じです。 一言で言えば、アクセシビリティだけではSEOを向上させることはできませんが、ユーザーエクスペリエンスにプラスの影響を与え、視認性を高めることができるのです。 6.アクセシビリティとサイト最適化には共通のベストプラクティスがある アクセシブルなサイトを実現するためのSEO対策は数多くありますが、今回は、SEO対策を強化し、インクルーシブな体験を実現するための4つの戦略をご紹介します。 7.説明的なタイトルタグ タイトルタグは、ブラウザに表示されるページの名前で、検索エンジンではクリック可能なリンクになります。説明的なタイトルタグは、記事のタイトルの後にウェブサイトの名前が続きます。 短く、簡潔で正確なタイトルタグが、障害のあるユーザーと検索エンジンにとって有益である理由は、かなり明確です。homepageやuntitledなどの一般的なタイトルを使うと、スクリーンリーダーに頼っているユーザーを混乱させ、検索エンジンもページの内容を理解できません。関連性のあるキーワード(キーワードを詰め込まない!)を使用することで、人間とボットが同様に意味を理解できるような関連性のあるタイトルになります。 8.見出しを積極的に使い 見出しは、コンテンツに構造を与え、ページを明確なセクションに分割します。見出し1 <h1>大見出し</h1>から見出し6 <h6>シンプルな見出し</h6>までを使用することで、検索エンジンがコンテンツを読んで理解するのに役立ちます。検索エンジンが見出しの使用をどの程度重視しているかについては議論がありますが、業界標準では、見出しを適切に使用しても害はないと考えられています。 また、適切な見出しは、読者が特定のキーワードやセクションを探してコンテンツに目を通すことを可能にし、ユーザー体験をより快適なものにします。ほとんどのページは見出し3または見出し4で止まっていますが、見出し設定を非時系列的に使用すると(H2からまっすぐH4に飛ばす)、スクリーンリーダーにコンテンツが欠けているような印象を与え、ナビゲーションプロセスを難しくします。スクリーンリーダーは、大きな文字や太字のテキストをより目立つものとして認識せず、ヘッダーの使用に依存していることを忘れないでください。 9.サイトマップを使ったガイダンス サイトマップは、検索エンジンを誘導し、すべてのページを見つけてインデックスするのに役立つため、複雑なデザインのウェブサイトに役立ちます。サイトマップはサイトの大まかな概要を示すものですが、スクリーンリーダーにとっては、ガイダンスとなる適切な構造がないとナビゲートすることが困難になります。 10.Alt-text 画像フォーマットで作られた面白いミームや重要な情報は、ボットにもスクリーンリーダーにも意味がありません。画像が美的価値以外の何かをもたらすものであれば、メッセージの核心を反映する適切なaltテキストが必要です。例えば、あなたの会社がクーポンを使って割引をしている場合、そのクーポンにaltテキストがなければ、視覚障害者のユーザーは損をすることになります。 アクセシブルなサイトを実現することは、私たち全員の責任です。Webサイトがアクセシブルであるかどうかを確認するには、WebアクセシビリティのWebページで、Webコンテンツ・アクセシビリティ・ガイドライン(WCAG)2.1の基準を満たしているかどうかを確認します。 実際のところ、アクセシブルなサイトにするためには、最適化よりもはるかに多くの努力は必要ありません。SEOは検索エンジンのボットを喜ばせることに重点を置いていますが、人間がいなければコンテンツに価値がないことは誰もが知っています。すべての障がい者を受け入れることで、サイトへのトラフィックが増加し、SEO対策と社会の発展につながるのです。 アクセシビリティに配慮したウェブサイトのメリットについては、ブログ「デジタルアクセシビリティでブランド体験を向上させる方法」をご覧ください。   ►►►サービスについてMagento, Sitecore, Shopify Plus, BigCommerce, Amazon Marketplace
13 May 2021 / Published in Ecommerce, Sitecore
  企業がサイトコアを導入するのは、新しいWebサイトなど、新しいデジタルプロジェクトを実現するためです。マーケティングチームやITスタッフにサイトコアの使い方、コーディング、管理方法などのトレーニングを行うのは、多くの場合、プロジェクトの最中または後に行われ、通常は納品されたばかりの新しいWebサイトを管理するために必要な範囲内で行われています。トレーニングは重要ですが、基本的にはプロジェクトの成果物であり、長期的な視野に立って提供されるものではありません。 サイトコアを最大限に活用したい企業は、サイトコアのトレーニングをより包括的かつ長期的な視点で捉え、単発のイベントとしてではなく、継続的な活動として計画する必要があります。これは、サイトコアへの投資を最大限に引き出し、ROIを達成し、プラットフォームの機能を最大限に活用するためには絶対に必要なことです。サイトコアのトレーニングに関しては、サイトコア社によるトレーニング、オンラインやクラスルームでのトレーニング、SmartOSCジャーパン社のような専門家によるトレーニングなど、さまざまな選択肢があります。 ここでは、サイトコアトレーニングが重要な理由をいくつかご紹介します。 1. 基本的なことを知ること 初日からサイトコアの基本的な使い方を知っておく必要があるのは言うまでもありません。トレーニングは、プラットフォームの効果的な使用を促進し、ユーザーがプラットフォームの他の複雑な部分を探求するのに役立ちます。 2. 製品の広さと深さ サイトコアは単独のCMSではなく、完全なデジタルエクスペリエンスプラットフォームであり、間違いなくエコシステムでもあります。機能の幅広さと、個々の機能の深さは相当なものです。サイトコアでは多くのことができますが、トレーニングを受けていないと、サイトコアで何ができるのか、それを実際にどのように提供するのかを完全に把握することは困難です。 関連トピック:CMSとDXPの比較 3. 高度な機能の利用 パーソナライゼーションやマーケティングオートメーションなど、サイトコアの優れた機能を十分に使いこなせなかったというのが、企業の共通の悩みです。経験では、ここでの知識不足が重要な障壁となっています。トレーニングを受ければ、これらの高度な機能をどのように使い始めることができるかを、実際にチームが理解することができます。 4. 自信を深めること プラットフォームを使いこなす自信がないと、より良い顧客体験を提供するためにプラットフォームを使うことを躊躇してしまいます。これは、基本的なコンテンツ編集者が、ウェブページにコンポーネントを追加することでシステムを「壊す」ことになると考えたり、マーケティングマネージャーが、何かを実現するのは難しすぎると考えたりするなど、さまざまな形で現れます。トレーニングは単に知識を提供するだけではなく、プラットフォームの機能を探求するための自信を与えることも重要です。 5. 進化し続けるサイトコア サイトコアはプラットフォームへの投資を続けており、リリースには大きな新機能が含まれることがあります。Sitecore Content Hub、Sitecore AI、新しいエディターエクスペリエンス、開発者向けの新しいツールなど、これらはすべて比較的最近プラットフォームに追加されたものです。トレーニングはリリーススケジュールに合わせる必要があります。 関連トピック:Sitecore AIとは? パーソナライゼーションをいかに効率化するか? 6. 初期の知識はプロジェクトに役立つ これからサイトコアの開発プロジェクトに参加する場合、プロジェクトの前に何らかのトレーニングを受けておくとメリットがあります。もちろん、開発を担当するコーダーはサイトコアの最新のノウハウを身につけておく必要がありますが、ビジネスサイドのマーケティングチームも、サイトコアの機能や基本的な仕組みについてある程度の知識を身につけておくことで、要件定義の際に役立ちます。また、サイトコアのトレーニングを受けることで、プロジェクトの進捗状況をより詳しく知ることができ、より有意義な意見を述べることができ、デジタルエージェンシーにも気を配ることができます。 7. 全員が異なる経験を持っていること サイトコアを使用する人の経験の幅は大きく異なります。以前の職務でサイトコアを使用したことがある人もいれば、まったくの初心者もいます。そのため、ターゲットを絞ったトレーニングで全員の理解度を同じレベルにすることで、チームダイナミクスを高めることができます。もちろん、ITチームやマーケティングチームに新しいメンバーが増えれば、その人たちにもトレーニングを受けてもらう必要があるでしょう。 8. サイトコアは旅であるもの サイトコアは旅のようなものです。Webサイトは様々なイテレーションを経て、デジタルサービスは変化し、チームの優先順位も変わります。チームは新しい機能を試しながら、より熟練し、より野心的になっていきます。例えば、多くのチームはパーソナライゼーションを最初は小さく始めて、それをより良く発展させる方法に気付きます。トレーニングは、チームがサイトコアとともに進化していくための重要な要素となります。 ターゲットトレーニングの重要性 サイトコアのトレーニングに投資する際には、さまざまなグループや個人のニーズに可能な限り合わせたトレーニングを行うことが重要です。関連性が感じられなかったり、基礎的すぎたり、複雑すぎたりするトレーニングは、不快感を与えたり、効果がなかったりします。 トレーニングを行う際には、役割、経験、個人のニーズという3つの要素を考慮する必要があります。 まず、最も明白なのが役割の違いで、主にコーダーとコンテンツ担当者に分かれます。Cylogyでは、さまざまなニーズを持つグループに対してサイトコアトレーニングを実施しています。 スーパーユーザーとマーケティングチーム 開発者 IT管理者 さらに、サイトコアの編集機能以外の多くの機能を必要としないコンテンツ制作者をトレーニングする必要があるかもしれませんが、多くの場合、マーケティングチームが社内でこのトレーニングを行うことができます。通常、マーケティングチームがこれを実施できるようなレベルの知識を身につけさせようとします。 役割」の次に重要なのは、「経験と自信」です。例えば、サイトコアが初めての人や、パーソナライゼーションが初めての人もいるでしょう。また、パーソナライゼーションを次のレベルに引き上げる準備ができていて、基本的なことをカバーしたくない人もいるでしょう。 最後の3つ目の要素は、個人のニーズです。これには、個人の野心、開発ニーズ、学習スタイル、個人的な事情などが含まれます。これらの具体的なニーズを満たすことができれば、どんなトレーニングも一般的なアプローチよりもはるかに強く響くようになります。 ターゲットを絞ったサイトコアトレーニングへの投資 サイトコアへの投資を最大限に活用し、その能力を十分に発揮させるためには、必要なトレーニングに投資する必要があります。トレーニングは、役割、専門知識のレベル、個人の好みに合わせて行うとより効果的です。サイトコアのトレーニングについてのご相談は、こちらまでお寄せください。   ►►►サービスについてMagento, Sitecore, Shopify Plus, BigCommerce, Amazon Marketplace
06 May 2021 / Published in Ecommerce
マーケターは、永続的な顧客関係を構築し、ポジティブなブランドイメージをキュレートし、製品/サービスを効果的に宣伝するための戦略を実装するという信じられないほどの挑戦に取り組みます。 重要性の低いプロセスを合理化し、最終的にはそれらを必要とするプロジェクトに集中する余地を与える方法を常に探しているのも不思議ではありません。 この目的のために、人工知能と自動化がマーケティングに導入されました。 AIと自動化は同じ意味で使用されることもありますが、マーケティングでいつどのように使用されるかに影響を与える複雑な違いがいくつかあります。 ただし、これらの違いがあっても、それらの利点を最大限に活用できるように、マーケティング戦略でこれらを組み合わせて使用することができ、また使用する必要があります。 1.人工知能 WGUは、人工知能を「通常は人間の知能を必要とするタスクや問題を解決することができるコンピュータプログラムの理論と開発」と定義しています。つまり、機械やソフトウェアは、高度なアルゴリズムで処理された一連のデータの中のパターンや特徴を学習することで、人間の行動や知能を模倣するように設計されています。最も注目されているAIの理論は以下の通りです。 深層学習(Deep Learning):機械学習の一分野で、より広範なデータセットから洞察力を引き出します。 機械学習:データからパターンやその他の洞察を見つけ出し、時間とともに知能を高めていきます。 コンピュータビジョン:画像やビデオの中の周囲の状況をリアルタイムで解釈します。 コグニティブ・コンピューティング:特定の状況下で人間がするように見て、聞いて、行動することで、人間のインタラクションを模倣することを期待します。 さらに、AIが世界中の経営者に愛されているのは、AIの技術が、年齢や能力の経年変化、データの見落としや報告のし忘れなどの人間のミスに影響されないからです。適切なメンテナンスとモニタリングを行うことで、これらのテクノロジーは、人間が言うこと、考えること、行うことをより高い知能で模倣することができます。人工知能の用途は以下の通りです。 自動運転車 オンラインショッピング スマートアシスタント チャットボット ストリーミングサービス 翻訳ツール ソーシャルメディアのタイムラインフィルタリング 健康管理 人間の行動を模倣しようとするAIは、常にパターンを探索し、経験から学習し、その経験に基づいて状況に応じた適切な対応を出力します。 2.オートメーション マーケティングオートメーションツールは、ワークフローやトリガー、プログラミングシナリオなどのセンサーを使って設定しなければ、効率的に動作しません。マーケティングオートメーションツールは、AIのように自分で命令することはできませんが、命令に従うことができるほど賢いのです。そのため、マーケティング担当者は、これらのツールから収集したデータを徹底的に分析し、より良い結果を得るために適切なソリューションを導入し、自動化されたシステムがあるべき姿で稼働していることを確認するために、常にコマンドを改善・調整する能力が必要となります。このような人間的なタッチにより、デバイスがマーケティング目標を最優先にして動作していることが保証されるのです。 自動化されたシステムで収集されたデータは、マーケティングキャンペーンを成功させるための調整を行う際に、将来の意思決定に役立つ重要なものです。これらのデータは、以下のような情報の宝庫です。 誰かがウェブサイトに最初にアクセスしたときの状況を把握します。 ソーシャルメディアのダイレクトメッセージに自動応答する方法を知っています。 お客様がどのようにして顧客になったのか、通常はカスタマージャーニーを使って追跡します。 訪問者がフォーム、チャットボット、またはサインアップにどの程度関与しているかを追跡します。 閲覧や消費行動に基づいて、訪問者に割引やクーポンを提供することができます。 営業担当者は、収集した個人情報をもとに、見込み客と有意義な会話をすることができます。 マーケティングオートメーションは、顧客が必要としている時に適切なメッセージを送ることを可能にします。また、顧客の個人情報を簡単に収集することができるので、そのメッセージをシームレスにカスタマイズすることができます。 3.マーケターがAIと自動化の両方を活用する方法 上記の例から、AIと自動化がそれぞれの利点のニュアンスを知らずに互換性があると思われていることがよくわかります。人工知能は、人間が行わなければならない特定の作業や問題の解決を機械で行います。一方、自動化は、ツールを使って、単調な作業を人間に代わって行い、人間が優先すべきプロジェクトに時間を割けるようにするものです。自動化と人工知能の目的は、人間の仕事をより効率的にすることに根ざしています。 増え続けるオーディエンスに製品/サービスを宣伝し、ブランドを成長させることは、AIや自動化を戦略的に利用しなければかなり困難です。例えば、一人の人間やチームが担当するのは次のようなことです。 何千人もの個人顧客のデータを収集すること。 集めたデータを徹底的に分析します。 マーケティングメッセージに影響を与えるパターンや一貫した行動を把握します。 お客様の名前、日付、有益なコンテンツなどをメールに記載します。 ウェブサイト上でのチャットにいつでも対応します。 訪問者の購買パターンや閲覧行動を学習し、データシートに反映させる。 これらのことを人間ができるだけ早くやろうとすると、きっと逆効果になるでしょう。 データはAIと自動化の両方を推進し、自動化戦略の多くは、人工知能から得られるデータに基づいて行うことができます。つまり、自動化によって、”…複数のチャネルを通じた顧客のターゲティング、A/Bテストの実行、ソーシャルメディアプロファイルへの一貫した投稿、リードの発見と育成、潜在的な顧客についての詳細を知るためのアナリティクスの利用を容易に行うことができます。” これらの作業を効果的に自動化するには、AIツールが以下のことを学習する際に、どれだけ正確で効率的であるかにかかっています。 お客様がどのようにコミュニケーションをとっているか。 どんなデバイスを使っているか。 何について学ぶのが好きなのか どのように学習したいのか(視覚、体験、聴覚) お客様の現在の課題は何か。 どのようなソーシャルメディアプラットフォームを利用しているか。 それらのプラットフォームでどのように交流しているか タスクを自動化することは、顧客が誰で何を必要としているかを完全に把握した上でタスクを実施する場合にのみ効果的です。すべてのマーケティングプロセスを自動化することはできませんが、自動化することで、クリエイティブな仕事により多くの時間を割くことができるようになります。 自動化ツールはデータを収集して組み合わせ、AIシステムはそれを理解する作業を行います。自動化とAIを併用することで、以下のことが可能になります。 一人ひとりのニーズに基づいて、よりパーソナライズされた体験を顧客に提供します。 視聴者や潜在的な顧客がどのようにウェブサイトを利用するのが最適かを判断することができます。 どのようにリードを収集し、追求するのが最適か、データを収集します。 最も適切なマーケティングメッセージを作成します。 文脈に沿った効率的なエクスペリエンスを構築する価値あるソーシャルメディアコンテンツを制作します。 パフォーマンスを向上させ、大幅な収益増を実現します。 従業員をクリエイティブな業務や戦略的な業務に集中させます。 人工知能を使って人間の意思決定や行動を模倣すると同時に、自動化を利用して反復的な作業を効率化するための方法をいくつか紹介します。 機械学習を利用して、訪問者がカスタマーサービスの問題をどのように知らせるかのパターンを特定します。そして、自動化を利用して対応時間を効率化します。例えば、お客様が問題解決のために主にInstagramで連絡してくる場合、ダイレクトメッセージにオートレスポンダーを使用することができます。お客様が受け取るメッセージは、メッセージの出し方に設定した基準によって決まります。メッセージは、”問題 “のようなキーワードや、”who can I contact for… “のようなフレーズで起動させることができます。 AIを使って、ウェブサイトで最もアクセスの多いページを知る。そして、これらのウェブページにチャットボットを設置することで、訪問者が必要なときに特別なサポートを提供することができます。チャットボットは、生身の人間が対応できるときのプロセスを早めるために、関連する質問に自動的に応答するように設定することができます。チャットボットは時にライブサポート担当者の役割を担い、よりエンゲージメントの高いプラットフォームでの顧客とのやり取りに集中することができます。 コースやバーチャル学習サービスを提供している場合は、AIツールを使ってターゲット層に最も関連する学習パターンを特定することができます。スマートアシスタントやアニメーションの教師を導入して、コースやレッスンで生徒を誘導することができます。コースやレッスンが完了したら、自動化ツールを使って、完了証明書や受講者がどこまで学習したかのリマインダーを自動でメール送信することができます。 4.結論 人工知能と自動化のルーツは似ていますが、目的は異なります。 自動化は日常業務の合理化に役立ち、AIは収集されたデータを通じて重要な情報を学習し、人間の介入なしにソリューションを実装するのに役立ちます。 マーケティング活動から最高の結果を得るために、それらを組み合わせて使用していることを確認してください。     ►►►サービスについてMagento, Sitecore, Shopify Plus, BigCommerce, Amazon Marketplace
06 May 2021 / Published in Ecommerce, Sitecore
  サイトコアプロジェクトの見積もりは、プロジェクトマネージャーにとっては厄介な作業です。多くのコンサルティング会社は、プロジェクトを過小評価するという罠に陥り、その結果、不愉快な結果に対処しなければなりません。 正確な見積もりの重要性を理解していただくために、ここではサイトコアプロジェクトの見積もりが不十分な場合に起こる影響をいくつか紹介します。 1.プロジェクトの目標を達成できないこと 正確な見積もりができていないと、時間や予算をオーバーしてしまい、プロジェクトの目標を達成できなくなります。サイトコアプロジェクトの多くは、プロジェクトのスケジュールと予算に関連するビジネス戦略の目標が不可欠であるため、この問題は非常に重要です。そのため、スケジュールや予算が守られないと、組織の戦略目標に悪影響を与えてしまいます。 2.プロジェクトチームの疲弊 プロジェクトが過小評価されると、プロジェクトのステークホルダーに誤った期待が伝えられます。その結果、開発チームは通常、それらの非現実的な期待に応える責任を負うことになり、最終的にはチームの燃え尽きにつながります。チームとマネージャーの間に機能不全の関係が生まれ、従業員の不満や高い離職率につながる可能性があります。 3.クライアントとの関係悪化 コンサルティングの世界では、クライアントとの関係がコンサルティング会社の明暗を分ける最も重要な要素です。クライアントは見積書に基づいてプロジェクトを開始するため、その見積書が正確であればあるほど、クライアントは予算やその他の関連プロジェクトを計画することができます。そのため、サイトコアプロジェクトの見積もりが悪いと、必然的にクライアントとの関係が悪化し、コンサルティング会社の評判や収益性にも悪影響を及ぼしてしまいます。お客様はそれぞれ異なりますが、サイトコアプロジェクトには一般的な共通点があるため、サイトコアプロジェクトを見積もる際の重要なヒントを以下のように指摘しました。 4.隠れたコストに気をつけること(DevOps、インフラストラクチャ) サイトコアプロジェクトには、プロジェクトの初期見積もり時に見落とされがちな(または過小評価されがちな)項目がいくつかあります。例えば、DevOpsタスク(環境とコードレポのセットアップ、CI/CD、デプロイメントなど)、バグ修正(開発の見積もりに含まれていない場合)、コンテンツの変更/移行、リグレッションテスト(サイトコアのアップグレードプロジェクトでは重要)などがあります。このような予期せぬ隠れたコストを回避するために、プロジェクトマネージャーはプロジェクトを孤立させて見積もるのではなく、コアチームのメンバー(ソリューションアーキテクト、ビジネスアナリスト、リードデベロッパー、DevOpsエンジニア、QAエンジニア、コンテンツ/ビジネスストラテジスト)を含めて見積もる必要があります。 5.常にT&M 多くのサイトコアプロジェクトが典型的なウォーターフォール型であることを考えると、Sitecoreを使用している企業は、最初のプロジェクトの見積もりは不確定要素が多く、時間と予算の最終的な数字と考えてはならないという事実を認識する必要があります。不確実性には、ビジネス、テクノロジー、ユーザーエクスペリエンスなどが含まれますが、これらはプロジェクト開始時に保証することは不可能です。これらのことから、大規模なサイトコアプロジェクトの予算を正確に立てることは困難です。そのため、この罠から逃れるための一つの方法は、可能な限りお客様にタイム・アンド・マテリアルズ(T&M)契約を提供することです。T&M契約では、プロジェクトの不確実性に柔軟に対応でき、最初のプロジェクト見積もり時に生じたエラーを修正する機会が得られます。 一方、固定価格でのプロジェクトを余儀なくされた場合には、十分なリスクマージン(20%〜30%)を見積総額に加える必要があります。 6.プロジェクトの要件を明確に理解すること 見積もりプロセスで最も重要なインプットは、ビジネスとユーザーの要求です。そのため、インプットが明確でなければ、見積もり出力の正確さを保証することはできません。プロジェクトチームは、早く見積もりを出したいというよくある誤った緊急性に抵抗し、見積もりを出す前にできるだけ多くの要件を集めて分析するための時間を費やすべきです。サイトコアのプロジェクトでは、プラットフォームの複雑さや、複数のチームの目標とその目標がどのように関連しているかを考慮する必要があるため、この点が非常に重要になります。 7.プロジェクトをフェーズに分けること プロジェクトの要件が明確になったら、それらの要件に優先順位をつけることを強くお勧めします。優先順位がなければ、チームは重要度の低いタスクを引き合いに出すことになり、結果的に努力と時間を無駄にすることになる。したがって、優先順位をつけることで、プロジェクトの初期見積もりに明確な構造を与えることができ、経営者が見積もりの承認/却下について、より多くの情報に基づいた判断を下すのに役立ちます。要件の優先順位付けのもう一つの大きな利点は、プロジェクトをフェーズに分割できることです。担当した最も成功したサイトコアプロジェクトの1つは、ディスカバリーフェーズから始まり、その後複数の実装フェーズを経て、現実的なタスクの見積もりとプロジェクト目標の達成を可能にしました。 最後に、この記事ではサイトコアプロジェクトの過小評価に焦点を当てましたが、過大評価も同様に危険であり、上述のような悪影響をもたらします。プロジェクトマネージャーはプロジェクトの正確な見積もりの責任を負っており、サイトコアの世界では不確実性が増しているため、このプロセスを可能な限り正確かつ柔軟にするよう努力すべきです。   ►►►サービスについてMagento, Sitecore, Shopify Plus, BigCommerce, Amazon Marketplace
05 May 2021 / Published in Ecommerce, Sitecore
Sitecoreサイトでは、フロントエンドチームがHTMLを作成する際に考慮しなければならないことがあります。 サイトコアはHTMLに何の制限も課していませんが、バックエンドコンポーネントとHTMLの統合をスムーズにし、バックエンドのSitecore開発者がベストスタンダードにシームレスに従えるようにするための、ある種のベストプラクティスがあります。 フロントエンドチームは、Webサイトの開発に必要なHTMLとフロントエンドのアセットを提供し、このガイドラインに従うだけです。サイトコアを使ったサイト開発の経験がないフロントエンドチームでも、これらのガイドラインに従うことで、シームレスな開発が可能になります。 1.HTMLページのレイアウト サイトコアのページは、コンポーネントベースのアーキテクチャを採用しています。 ページのデザインができたら、ページレイアウトを作成するのがベストです。ページをデザインに応じた列に分割し、コンテンツをページレイアウト内のコンポーネントに分割します。これにより、コンポーネントをドロップできるプレースホルダーやバケットを作成することができます。プレースホルダーにもコンポーネントを割り当てることができ、デザインの整合性を保つための制約となります。 プレースホルダーを使ったページレイアウトの例を以下に示します。 また、1つのページに複数のレイアウトを組み合わせることもできます。 これにより、デザインで指定された通りにページやコンポーネントを柔軟に構成することができます。 ここで注意しなければならないのは、レイアウトのマークアップで、どのページで使用しても一貫していなければなりません。つまり、必要な方法でカラムを作成するラッパータグは、互換性のあるすべてのコンポーネントをドロップできる共通のインナータグで、一貫していなければなりません。例えば、デザインで「2カラムの左サイドバー」レイアウトを使用するページが複数ある場合、これらのページでは、ページを2カラムに分割する同じアウターマークアップを使用する必要があります。 バックエンドの開発者としては、もちろん、背景色の違いなど、必要な不整合を考慮することはできますが、これらは最小限にとどめ、理想的には、実現可能な限り一番外側のラッパーdivで各ケースに単一のクラスを使用して対応すべきです。これにより、バックエンドの開発者は、レンダリングパラメータを使用してこのような不整合を管理し、選択された値に基づいてマークアップ内の指定されたクラスを追加/削除することができます。 2.モジュラーコンポーネント すべてのコンポーネントはモジュール化されていなければならず、独立したコンテナの中で自分自身を完全にレンダリングするために必要なすべてのクラスや属性を持っていなければなりません。識別されたコンポーネントの間には相互依存関係があってはならず、決定されたページレイアウトのマークアップを除いて、複数のコンポーネントの周りには追加のラッパーがあってはなりません。 一貫したマークアップを保証するために、フロントエンドチームはテンプレートエンジンを使用することをお勧めします。 各コンポーネントは独立しているので、複数のページ、ページ内のさまざまな位置、異なるプレースホルダー(デザイン上必要な場合)で再利用できます。 CSS(カスケーディング・スタイル・シート)やJavaScriptでは、IDではなくクラスを厳密に使用することで、このような状況に対応できます。 3.再利用可能なコンポーネントの特定 プロジェクトやクライアント、代理店によってウェブサイト開発のビジネスプロセスは異なりますが、デザインからコンポーネントを特定し、あるコンポーネントがわずかな調整や構成で再利用できるかどうかを判断する段階があるべきです。この作業は、ビジネスアナリストが機能仕様書を作成する際に行うものであれ、プロジェクトマネージャーがフロントエンドおよびバックエンドチームとの計画会議で行うものであれ、特定のページやセクションのHTML開発を行う前に行うべき作業です。 これは、視覚的に比較して、(可能であれば)わずかな違いのある類似したコンポーネントをグループ化するための活動です。例えば、同じコンポーネントが異なるページで異なる背景色で表示されていたり、任意の左マージンがある場合などです。注意していただきたいのは、違いは本当に些細なものであるべきだということです。理想的には、1つまたは2つのクラスや小さなマークアップの変更で管理することができ、必要に応じてコンポーネントのデータソースのレンダリングパラメータやフィールドを使用してバックエンドから処理することができます。正しいHTMLを出力するために複雑なバックエンドロジックを作成するのではなく、別のコンポーネントを作成することをお勧めします(メンテナンスが難しく、オーサリングも複雑なコンポーネントになってしまいます)。 4.デザインの不整合に対応 フロントエンド開発者として、UX/デザインチームから提供されたデザインに基づいて作業を行います。モジュール化されたコンポーネントやコンポーネントの再利用など、これまでのポイントを踏まえ、コンポーネント間の間隔やフォントサイズなど、デザインの不整合が見られる場合は、UXデザイナーと一緒に再編成することをお勧めします。UXデザイナーも交えて再編成するのが良いでしょう。このような不整合の多くは、通常、デザインチームと一緒に解決することができ、最終的な開発段階で多くの複雑さを回避することができます。 5.ページ固有のマークアップ – 禁物 前述の通り、サイトコアのページは独立したコンポーネントで構成され、一般的なページレイアウトを使用してブロックにまとめられるのが理想的です。 フロントエンドでは、ページレベルのクラス(about-us / search-resultsなどのbodyタグ)を使用しないことが理想的です。このようなマークアップはすべて、モジュール式コンポーネントの一部としてのみ使用されるべきです。 バックエンドの観点から補足すると、ページアイテムの「class」フィールドを使ってこのようなケースを解決したいと思うかもしれませんが、これは良い方法ではありません。全体のポイントは、コンテンツとプレゼンテーションを分離することであり、この種の関連付けには、コンテンツ作成者が不用意に変更してデザインを壊すことがないように、このようなフィールドをロックするための追加のセキュリティ作業が必要です。 6.リンク ページ上のリンクを作成する際に留意すべき点をいくつか挙げてみます。 アンカーには常に<a>タグを使用し、スイッチの役割を果たす要素にはボタンを使用してください(ボタンを使用すると、JavaScriptで補助されたアクションが実行されます)。 可能であれば、アンカータグにクラスを追加する方が、内部のテキストを追加のタグでラップするよりも好ましい。そうすることで、バックエンドのコードをすっきりさせることができ、エクスペリエンスエディタのサポートを確保しやすくなります。 7.リッチテキスト サイトコアにはリッチテキストタイプのフィールドがあり、コンテンツ作成者はフォーマットされたコンテンツを管理することができます。これは内部的にはHTMLとして保存されており、コンテンツ作成者はこのコンテンツをHTMLとして表示・編集することができます。この機能は、使い方によっては便利なものでもあり、不便なものでもあります。 理想的には、コンテンツブロック内にハイパーリンクや強力なフォントを使用したページボディなどのフォーマットされたコンテンツが表示されている場合、それがサイトコアのリッチテキストフィールドに対応します。 コンテンツ作成者はこのフィールドに表示されるHTMLを完全に制御でき、さらにサイトコアではリッチテキストエディタにコンテンツが直接入力される際にいくつかの規則を使用するため、ここではフォーマットされたコンテンツをスタイリングする際に留意すべきポイントをいくつか紹介します。 フォーマットされたコンテンツのマークアップは、できるだけシンプルで予測可能なものにしてください。 リッチテキストコンテンツに必要なスタイリングは、リッチテキストフィールド全体のコンテンツをラップするラッパーのクラスを使って行うのが理想的です。デザインの複雑さのために100%実現できない場合もありますが、クラスや他の属性を使って複雑なマークアップを追加すると、コンテンツ作成者がコンテンツ編集中に誤ってマークアップを変更し、デザインを壊してしまうリスクが高まることを覚えておいてください。 サイトコアのリッチテキストフィールドに入力されるHTMLに多くのクラスや特殊タグがある場合、コンテンツ作成者が使用できるようにリッチテキストエディタにカスタムクラスやスニペットを提供することを検討してください。 コンテンツ作成者がリッチテキストエディタでコンテンツを入力すると、サイトコアはコンテンツに<p>タグを追加して、改行ではなく段落を表すようにしています。ベストプラクティスとしては、リッチテキストフィールド用のHTMLに<p>タグを使用しないことです。これは、<p>タグのネストや、リッチテキストフィールドのエディタモードでコンテンツを編集した際に生じる互換性のないマークアップを避けるためです。 8.エクスペリエンスエディタ サイトコアには、コンテンツを編集するための強力なWYSIWYGエクスペリエンスエディタモードがあります。エクスペリエンスエディタモードの機能と競合しないように、HTMLをオーサリングする際にいくつか考慮すべき点があります。 エクスペリエンスエディタモードでは、追加のマークアップが挿入されることを考慮してください。CSS/JavaScriptで位置ベースのセレクタの使用を避ける。 スライダーやカルーセルなど – は、JavaScriptを使用して初期化されますが、これらの構造の中でコンテンツを編集するのは厄介なことです。コンポーネントの複雑さに応じて、スライダー/カルーセルを通常モードのみで初期化することもできます(補足:バックエンドチームは、サイトを簡単に表示するためにどのモードを使用しているかを示すクラスを body タグに追加できます)。エクスペリエンスエディタモードでこれらを初期化しないことで、これらのコンポーネント内のすべてのコンテンツを簡単に編集することができます。ただし、この場合、そのようなコンポーネントの編集モードのWYSIWYGプロパティが制限されます。ここでの良い解決策は、ウェブサイトのプレビューにはプレビューモードを使用し、コンテンツのポストエディットにはエクスペリエンスエディタを使用するようにコンテンツ作成者を教育することです。これらのモードは、通常、同じデータベース(したがって、コンテンツ)から実行されます。 9.jQuery プロジェクトで jQuery を使用している場合は、フレームワークの衝突を避けるために noConflict() を使用することを強くお勧めします (エクスペリエンス エディタの場合)。 クロージャを使用し、コードを自己起動型の関数でラップしましょう。そのための参考文献を紹介します。 https://api.jquery.com/jquery.noconflict/ https://programmersought.com/article/72996716873/ https://blog.mgechev.com/2012/08/29/self-invoking-functions-in-javascript-or-immediately-invoked-function-expression/ 10.APIインテグレーション/jQuery作業 ページネーション、ファセット、フィルタ、ソートなどの機能があるリスティングや検索などの機能では、APIを介してバックエンドと連携し、ページ全体を更新することなく、ユーザーのアクションに応じて更新されたコンテンツを取得し、ページに表示する必要があるかもしれません。データの種類やビジネス上の必要性に応じて、以下のようなアプローチをとることで、バックエンドとの連携を迅速に行い、やり取りを少なくすることができます。 必要なデータをJSON文字列としてマークアップに追加し、このJSONを使って機能するようにコード化する。この場合、バックエンドの開発者は、サイトコアのコンテンツからマークアップで提供する必要のあるJSONの例を得て、意図したとおりに機能を動作させることができます。- 決められたフォーマットでJSONを返すモックAPI( https://apiary.io/ のようなホスト)を使用します。APIのURLはマークアップに含まれていなければなりません。バックエンド開発者は、これを自分が作成したAPIに置き換えて、自分が規定したのと同じJSON形式でデータを返すことができます。 これらの機能は通常、フロントエンドとバックエンドのコラボレーションが必要ですが、上記のような方法ですぐに実装することで、プロセスを合理化し、機能を稼働させるためにチーム間で行き来するオーバーヘッドを削減することができます。 11.サイトコアフォーム デザイン上のフォームの種類に応じて、カスタムフォームとサイトコアフォームのどちらを使用するかは、サイトコアチームが判断するのが理想的です。 サイトコアフォームは、コンテンツ作成者によるカスタマイズが必要なフォームによく使用されます。この場合、コンテンツ作成者は、フィールドの追加/削除、バリデーションの設定、フォームデータの送信先、フォーム送信後のユーザーのリダイレクト先などを設定することができます。サイトコアには、このような作業を支援するために、独自のフォームデザイナーアプリケーションが組み込まれています。 OOTB(アウトオブザボックス)では、サイトコアフォームでは、クラスの追加(Sitecore 10.1では、バックエンドチームがクラスのリストを設定して、コンテンツ作成者が選択できるようになっているので、コンテンツ作成者にとってはるかに簡単です)や、フィールドを特定のラッパーにグループ化するなど、タグの基本的な変更が可能です。マークアップを作成する前に、バックエンドチームに、デザイン上のフォームで使用されているほとんどの構造を持つサンプルフォームを作成して、フロントエンドチームが同じものを利用できるようにすることを要求するのが良いでしょう?フロントエンドチームは、生成されたマークアップをカスタマイズしようとするのではなく、生成されたマークアップを使って作業することができます。 以下の例をご紹介いたします。     ►►►サービスについてMagento, Sitecore, Shopify Plus, BigCommerce, Amazon Marketplace