エピソード4：3つのサイトが忘れられない体験を生み出す方法

公開: 2022-03-12

効果的なWebサイトは、視聴者が再訪したい没入型の体験を生み出します。ブランドを高め、製品を販売する体験を生み出す秘訣は何ですか？今週、ハンナ、ベン、キャシーは、印象を与える3つのサイトをレビューし、これらの経験が彼らに役立った理由を明らかにします。すべてのサイト所有者が学ぶことができるいくつかの教訓は確かにあります。また、新しいKadence Google Maps Block、WordPressパフォーマンスチームの新機能プラグイン、Gutenbergプラグインのマルチブロック選択機能、およびWooCommerce6.3のアップデートについても説明します。

以下のコントロールを使用して聞くか、お気に入りのポッドキャストアプリに追加してください。

新しいウィンドウで聞いてください。

タイムスタンプとリンク

0:00はじめに
1:00効果的なウェブサイト戦略：没入型体験のある3つのサイト
10:03新しいKadenceGoogleマップブロック
12:27Kadenceでの予定
13:25WordPressパフォーマンスチームがテスト用の新機能プラグインをリリース
14:48Gutenberg12.7リストビューにマルチブロック選択を追加
16:03WooCommerce6.3がリリースされました

カデンスビートエピソード4のトランスクリプト

キャシー：カデンスビートのエピソード4へようこそ。これは、WordPressとKadenceを使用して効果的なWebサイトを作成するためのポッドキャストです。皆さん、私はディザスターウィークを生き延びました。

ハンナ：おめでとうございます。

キャシー：自分をとても誇りに思っています。

ハンナ：私はあなたを誇りに思っています。

キャシー：ありがとう！

ベン：マーケティングにサメは登場しましたか？

キャシー：サメは現れませんでした。ライブに移行する必要があったとき、Slackの絵文字をサメに変更したので、人々はそれを知っていました。

ハンナ：それはすごい。シャークウィークと同じくらい楽しかったですか？

キャシー：あなたは何を知っていますか？私は、Kadence愛好家としての、そしてセキュリティオタクとしての私の二重の生活の中で、少しオタクをしました。自慢すべき以上に事件対応をオタクにしましたが、楽しかったです。私は基本的にこれらのプレゼンテーションを作成しました。最初のプレゼンテーションはスターウォーズをテーマにしたもので、2番目のプレゼンテーションは映画「飛行機」をテーマにしたものです。

ハンナ：すごい。

キャシー：私をシャーリーと呼ばないでください。だから私はセキュリティを楽しんでいますが、これでカデンスに戻りました。カデンスの時流に戻って、ここにいることに興奮しています。

そして、私たちは物事を始めるために再び効果的なウェブサイト戦略について話します。あなたのお気に入りのウェブサイトや最近のウェブサイトで目立った、または魅力的なものは何ですか？ハンナ、最初に行きたいですか？

ハンナ：私はちょっとした旅行の第一人者です。ですから、私がよく目にするウェブサイトはAirbnbです。そして実際、私は少しキャビンフィーバーを感じていて、次にどこに行くべきかを考えようとしているので、今日はたくさんそこにいました。しかし、私は彼らが今日彼らのホームページに持っていたものが好きでした。それはウクライナから逃げる難民を助けると言った旗でした。

だからすぐに私は引き込まれます。なぜなら、あなたは他の人を助けている人と一緒に乗りたいだけだからです。そして、彼らはすでに私の心を持っていますが、あなたが世界のどこかでコンドミニアムを借りるためにそこに行くだけではないので、私はAirbnbが大好きです。彼らはあなたに経験を与えたいと思っています。

そして、あなたはページをスクロールしていて、ここにコロンビアのツリーハウス、またはここにあるエキゾチックな場所のビーチにあるこの魔法のボートハウスのような家があります。そして、Airbnbは常に「あなたはこれが好きです。わかった。ここを見て。" そして、私もそこに行くかもしれません。

ですから、彼らは人々、特に旅行や冒険を愛する人々を引き込むという素晴らしい仕事をしていると思います。そして、ここはあなたが眠ることができる場所だけでなく、ここのように私たちがこのクールな場所であなたに提供したい経験です。だから彼らは私をたくさん勝ち取った。

キャシー：かっこいい！あなたがそのサイトにいるとき、あなたがこれらの経験のすべてを見ているとき、それはあなたが実際にサイトにいて写真を見ているときにその経験をしているように、私を連れ去る経験のようなものだと思いますか？

ハンナ：完全に。うん。私はすでにそこにかわいいテーブルの上にグラスワインを持ってベッドに横たわっているようなものです。この魔法の街やどこにでも窓の外を眺めています。そこに連れて行ってくれます。楽しいです。私はあなたの作品を見るのが大好きです。それは奇妙だ。

キャシー：私がしていることは、これは私のサイトではありませんが、Zillowで同じような経験をしています。私が行くように、700万ドルの家やカリフォルニア州ペブルビーチの家を文字通り4000万ドルのように見ます。そして、私はそこに住んでいるのと同じタイプのことを想像しましたが、Airbnbで誰もそれを私に借りるつもりはありません。

ハンナ： Airbnbと比べて、実際にはその経験を完全に生きることはできないので、それはとても悲しいことです。

ですから、これがこの時間の私の現実の生活になるでしょう、そしてそれはかなり楽しいです。

ベン：私はAirbnbのホストのようではないのだろうか、彼らがより良い写真を得るために何かをしているのだろうか。全体的にいい感じなので、いい写真がたくさんあります。あなたは時々Zillowに乗ります、そしてあなたはまるで、すごい、この人は彼らの家の写真を撮る方法を知りませんでした。

彼らはそのためのコーチが好きなのだろうか。

ハンナ：方法がわからない人はたくさんいます。しかし、知っている人は、あなたが投稿して、あなたの写真に素敵なフィルターをかけることができます、そして私はそれのために一晩さらに百ドルを支払います。かわいくてかっこいい装飾を入れてください。それほど難しいことではありません。

キャシー：私たちの顧客の中には、自分のサイトでの写真撮影にそのテクニックを使用して、本当に人を引き付けるので、その没入型の体験を作成できるのではないかと思います。

ハンナ：良い写真家にお金を払ってください。価値がある。

キャシー：ベン。あなたはどうですか？あなたは本当にあなたを魅了するウェブサイトを持っていますか？

ベン：うん。考えていたサイトがいくつかありますが、いつも戻ってくるのはパタゴニアだと思います。そして面白いのは、デザインのせいで私が本当に夢中になったことは一度もないということです。それが私を惹きつけたのは、行動主義と彼らが売っている人のタイプです。パタゴニアを利用するタイプの人は、マウンテンバイクやロッククライミングをする人でもあり、土地保全にも積極的に取り組んでいる人です。

そして、荒野の屋外を保護し、それを伝えるために何かをすること。そして、パタゴニアについていつも私を惹きつけているのは、このライフスタイルのアイデンティティであり、それは重要な部分だと思います。ウェブサイトで私を惹きつけるものについて話すなら、それは私にペルソナのように、または私がなりたい誰かのように私にプレゼントするようなものです、そしてそれは私を引き込むでしょう。私はそのロッククライマーになりたいです。それは崖の上に座っています。したがって、画像を作成して、それを実際のストック画像だけでなく、「私たちはこれらのことを行う人々に関与している」という本当の意味でバックアップすることができれば、私たちはこのようなものが私たちの子供たちと私たちの孫のためにあることを確認するために続くさまざまなもの。今、私はジャケットを買うだけでなく、この全体に「ああ、私はそのようなタイプの人々の一人です」というアイデンティティ全体を取り入れています。私はパタゴニアを着ているタイプの人です。

そして、私はこのブランドが表すこれらすべてのことを行うタイプの人でもあります。私が魅力的なウェブサイトについて考えるとき、それはそれをやってのけることができたウェブサイトであり、本当にアイデンティティとこの野心的なアイデンティティを提示するのが好きで、あなたがこのようになりたいのでここのように私たちから買うと言うことができます。

そして、それは人々にとって簡単な持ち帰りだと思います。あなたのウェブサイトを検討して大丈夫になることです。私が販売しているものや世界に提供しているものと、どのような意欲的なアイデンティティをバンドルすることができますか。私はコーヒー会社、コーヒー焙煎会社のウェブサイトを作りました。私たちはこれについて、意欲的なアイデンティティ、飲む人、おいしいオーガニックの焙煎コーヒーのようなものについてたくさん話しました。彼らは、2つの朝を過ごすことができます。たとえば、子供たちが泣いているような朝を過ごすことができます。昨夜食器洗い機が動かなかったので、妻が私に腹を立てて、私はそれを始めることになっていた。そして、あなたはドアを使い果たしたように、ついに一杯のコーヒーを手に入れます。

または、あなたは、私が起きて、バックポーチに座って、太陽がこのグルメな一杯のコーヒーを思い付くのを見ました。同様に、あなたはそのアイデンティティが欲しいです。あなたは他のものを望んでいません。そして、あなたがそのアイデンティティを売ることができれば、あなたはこの製品に参加することによってそうなるでしょう、あなたはこのタイプの人になるでしょう。

あなたは、外に座ってこの素晴らしいコーヒーを飲むタイプの人になります。突然、私はもっと熱心になり、購入したいと思っています。私はあれがほしい。コーヒーだけじゃない。そのライフスタイルが欲しい。」そして、私はあなたのウェブサイトに入ると、私は本当に強力なツールだと思います。

ハンナ：ええ、それは良い点です。

キャシー：私たちは、人々が自分たちが体験できる体験を生み出しているように感じてもらいたいと思っています。そしてそれは彼らに特定の方法を感じさせます。それは彼らに彼ら自身と彼らが誰であるかについて特定の方法を感じさせます。

お気に入りのウェブサイトはたくさんありますが、本当に面白い経験をしたウェブサイトについて話したいと思いました。そしてそれはピア1でした。それで私は忙しくて疲れて一日を終えました、そして私はちょうどInstagramにいて、私はスクロールしています。どこでも、ちょっと私を連れ去ってください。

それは私の目を引きます、広告…今、私は装飾と家とすべてに非常に夢中です。私は人生の別の段階にいます。すぐにAirbnbに行くつもりはありませんが、家を作るつもりです…今はここにいるので、できるだけAirbnbにしようと思います。

ピア1が私の目に留まり、ピア1がなくなりました。彼らはもう店先を持っていません。彼らはただオンラインです。そして、彼らはこの椅子を持っています。そして、この椅子はオフィスの完璧な場所に収まります。この椅子が欲しいです。だから私はクリックして行き、この椅子を見ると、彼らは私に広告、おそらくKadenceConversions広告をポップします。彼らは私を広告に連れてきて、あなたが私たちにあなたの電子メールを与えれば私たちはあなたに10％の割引を与えると言います。それで私は彼らにメールを送り、それから私はこの椅子を探しに行きます。そしてその日の後半に、彼らは私に電子メールを送り、あなたが何かを忘れたと言います。そして、彼らは私に椅子の写真を見せてくれます。繰り返しますが、それは非常にパーソナライズされた体験です。

しかし、経験は私が探していたものにとてもパーソナライズされました。そして私にとって、私はその経験と、エピソード3のベンであなたが実際にターゲット市場を選択することについて話していたときにあなたが話していたことについて考え始めました。そしてここで、Pier 1はターゲット市場だけでなく、ターゲット製品を選択しました。彼らはこの製品を販売し、私の特定のニーズに合わせて非常にパーソナライズされました。たぶん、実際にこの広告をクリックしたこの椅子を持っているのは10人だけですが、それらの10人はその特定の椅子を望んでいました。そして彼らは危険を冒した。彼らはこの1つの椅子の広告を出しました、そしてそれは私が休んでいてそれを忘れて何か他のことをしていたときに終わった個人的な経験を作成しました。

そして、食料品店で私のメールを一列に並べてチェックすると、その椅子が再びあります。そして、彼らは私の前にとどまり、この1つの特定の製品についてこのパーソナライズされたエクスペリエンスを作成し、それが報われました。そして今、彼らはいつも私のメールに載っています。私はまだ椅子を購入していませんが、彼らはよりパーソナライズされた体験を生み出しました。

彼らはメールボックスに入った。もはやスクロールされるのは単なる広告ではありません。それで彼らはリスクを冒し、それは報われました。そして、彼らは私を夢中にさせました。それが私の思い出に残る体験であり、お気に入りのWebサイトではなく、本当に私を惹きつけた体験でした。だから私は共有します。

ベン：かっこいい。

ハンナ：キャシー、どの時点で戻って椅子を買うと思いますか？

キャシー：今、私はしなければならないつもりです。その通り。わかりませんが、とてもかっこよかったです。

ハンナ：あなたがそれを買うつもりだと私たちは知っています。

キャシー：そうしなければならないのですが、彼らから送られてきたメールは「あなたは何かを忘れた」というもので、そうです。あの椅子が欲しい。私が椅子を持っていなければならないように。私の家でのAirbnbの経験は台無しになっています。この椅子がないとコーヒーは飲めません。そうですが、それは非常にパーソナライズされた経験であり、本当に私を惹きつけました。私にとって、それは私が共有したいことの1つです。経験と同じように、それは非常に的を絞られ、私を魅了しました。

とにかく、それについて話し合ったので、次に進みましょう。Kadenceで何が新しく、何が予定されているかについて話しましょう。そして、この先週、私たちはそれが来ることについて何度か話しました、そしてそれはついに落ちました。そして、自分のサイトのKadenceブロックを更新すると、Googleマップブロックがそこにあります。

だから私はこれで遊ぶことができました。そして、私はその実装が本当に好きです。 Googleマップをサイトに配置する方法はたくさんありますが、KadenceBlocksが行った実装が本当に気に入りました。そして、それは無料のプラグインにあります。バージョン2.3.0以降に更新すると、Kadence対応サイトでその特定のブロックを取得できます。

そして、ゴールデンゲートブリッジの地図をロードします。あなたがしなければならないのは場所をタイプし始めることだけです、そして他の場所はとても速く現れ始めます、そしてあなたはあなたが伝えようとしているものに応じてズームインまたはズームアウトすることができます。本当にかっこいいと思いました。ベン、あなたがここで提供しているすべてのカスタマイズに取り入れられた考えのいくつかは何でしたか？

ベン：うん。マップをどのように埋め込みたかったかから始めます。いくつかの異なるオプションがあり、それはGoogleが異なるオプションを提供しているためです。したがって、デフォルトとしてiframeを埋め込むだけで、実際に接続されているAPIキーを使用します。しかし、それは無料です。埋め込みは無料です。

しかし、それをさらに進めたい場合は、埋め込みマップのように、場所とズームを選択できるようになり、白黒またはそのようなものが必要かどうかという観点からフィルタリングを行うこともできます。しかし、さらに進んでマップをさらに制御できるようにしたい場合は、実際にはSnazzy Mapsでできることを実行してください。これは、マップ上にフィルターを作成するだけでなく、実際にユニークなマップを作成するようなものです。独自のJavaScriptキーを取得します。そのため、それを挿入するオプションがあります。次に、iframe埋め込みの代わりに、JavaScriptを使用することができます。ですから、私たちにとっては、その流れをどのように機能させたいかというように話し合っていたと思います。そして、基本的には、単純な埋め込みのためだけにキーを取得するように強制したくはありませんでしたが、それらのオプションを提供し、好きな方法を提供して、それがこのブロックの重要な部分であったことを追加します。

キャシー：かっこいい。そして、無料のプラグインに非常に多くの新しいブロックをリリースし、実際に無料のユーザーに多くの新機能を提供しているのは素晴らしいことだと思います。たくさんの有料のKadenceユーザーが資金を提供しているのは素晴らしいことだと思います。この種の開発は、Kadenceを使用してWordPressスペースのすべての人を持ち上げています。とてもエキサイティングです。パイクを降りることに興奮しなければならない他に何か新しいことはありますか？

ベン：次の数週間で、別のブロックアウトが行われると思います。続きを読む、テキスト拡張ブロックに取り組んでいます。そして、私たちが取り組んでいるかなりの数の機能。タイムラインは難しいです。私たちだからといって、たくさんのことが起こっています。しかし、一般的に、この四半期の終わり、さらには次の四半期の初めに目を向けると、Kadence Blocks 2.4にたどり着きます。これには、新しく改訂された行レイアウトブロックなどがあります。心に、私たちは忙しくやろうとしています。 Slick Sliderと呼ばれるJavaScriptライブラリを使用している場所がいくつかあると思いますが、それは置き換えられています。したがって、基本的にslickはjQueryを使用します。したがって、画像のカルーセルをロードすると、Slick、JavaScript、jQueryがロードされます。

そして、パフォーマンスのためだけに、それを移動して、カルーセルなどの別のライブラリに切り替えます。ですから、ブロックで多くのことが起こっています。

キャシー：素晴らしい。そして、WordPressの世界でもいくつかのことが起こっているようです。パフォーマンスチームは、改善をテストするための新機能プラグインをリリースしました。つまり、これは基本的にベータテストプラグインです。本番サイトに配置したいものではありませんが、基本的にこのプラグインを使用してコアチームを支援し、パフォーマンスの向上をテストすることができます。

ベン：ええ、コアがこのようなことを始めるのは素晴らしいイニシアチブだと思います。なぜなら、本質的に過去のように、物事は問題の中に生き、そこで発展するからです。そして、問題に気付いているか、たまたまその問題を探しているのでない限り、何が起こっているのか、誰かがそれに取り組んでいて、WordPressのベータリリースにプッシュされるのかどうかは本当にわかりませんでした。

そしてその時までに、誰もが実際にやって来て、ああ、私はこの分野の専門知識を持っているようになるのは、開発のかなり遅い段階です。このようにしてみませんか？またはそのようなもの。コアがこれらの種類のスピンオフプラグインを実行できるほど、開発の非常に早い段階でフィードバックを得ることができ、開発に参加する人を増やすことができると思います。

素晴らしいと思います。したがって、これはクールなイニシアチブです。

ハンナ： IIは、人々が関与できるようにすることは大きなことだと思います。人々がフィードバックを提供できることを愛するようにします。だから私は、人々にここへの機会を与え、このプラグインをダウンロードすれば、WordPressコアへの洞察を与える必要があります。人々はそれが大好きです。

そして、WordPressがそのスペースに人々を招待することは、まさに素晴らしいことだと思います。かっこいいと思いますので、大ヒットになるといいですね。

キャシー：もちろんです。そしてグーテンベルクもそのように始めました。また、Gutenbergプラグインを使用して、コアの外部でGutenbergの開発を行っています。 Gutenberg 12.7はリストビューにマルチブロック選択を追加しており、マージンのサポートをもたらしていますが、私はこのマルチブロック選択にもっと興味があります。つまり、基本的にグーテンベルクのリストビューで、物事を移動するためなどに複数のアイテムを選択できるようになりました。現在、これはまだコアには含まれていませんが、このGutenbergプラグイン内でテストされています。ですから、これが最終的にはコアになるという壁への書き込みを見ることができます。

ベン：ええ、リストビューです。リストビューに表示したいことがいくつかあります。これはそのうちの1つです。また、リストビューを開いたときに現在選択しているブロックまで自動的にスクロールすることを確認したいと思います。それも実現することを願っていますが、新しいWebサイトでのコンテンツの編集と移動を非常に簡単にするために、彼らが追加した本当に素晴らしいものを使用しましょう。リストビューでブロックをドラッグできるようになったのが気に入っています。そして、ええ、それは彼らが改善に焦点を合わせ続けることを望んでいる分野だと思います。そしてコア開発者が聞いているなら、スクロールしてどこを見つけるかではなく、リストビューを開いたときに選択されたブロックに自動スクロールしてくださいページにいます。うん。

キャシー：それはとても助かります。また、WooCommerceもこの種の補助プラグイン開発パターンを使用しています。また、WooCommerce 6.3もリリースされており、これらの機能プラグインにもリリースがありました。つまり、WooCommerceはブロックするので、ブロックは最終的にWooCommerceに届きます。この機能プラグインはまだ使用していません。そのため、そこでいくつかの更新が行われています。また、WooCommerce管理者にもアップデートがあります。また、WooCommerce 6.3では、製品属性のルックアップテーブルがあります。そのため、パフォーマンスを向上させるために、製品属性のデータベースインデックスに追加しています。したがって、これはメンテナンスタイプのリリースのようです。いくつかのものをクリーンアップし、WooCommerceにいくつかのより良いパフォーマンスを追加します。

ベン：ええ、それは属性が主に多くの属性を使用するような大きな店をターゲットにしていると思います。ブロックの更新で、私たちは主にブロックを調べていることを知っています。あなたはあなたのページにあなたの注目の製品などを表示したい場所に入れます。

そして、ブロックプラグインがチェックアウトブロックで多くのことを行ったことを私は知っています。これは、最新バージョンでも確認できることです。

キャシー：素晴らしい。今週のKadenceBeatはこれですべてです。しかし、私たちは来週戻って、効果的なWebサイトの作成についてさらに話し合う予定です。私たちがどんな質問をするかを見るのは興味深いでしょう。ですから、ぜひご注目ください。リスナーの皆様からのフィードバックをお待ちしております。何についてもっと話したいですか？もっと深く掘り下げてほしい質問がありますか？あなたのビジネスに課題はありますか？おそらくいくつかの意見や経験を私たちに提示してほしいと思います。

あなたの質問に答えることは、Kadenceコミュニティの他の誰かを助けるかもしれません。お気に入りのポッドキャスティングアプリでフォローしていない場合は、フォローしていることを確認してください。来週、TheKadenceBeatからさらに多くの情報をお届けします。聞いてくれてありがとう。