これを押してください: Josh Dailey による Cyber​​ Weekend に向けたサイトの準備はできていますか

WMR の WordPress コミュニティ ポッドキャスト、Press This へようこそ。 各エピソードでは、コミュニティ全体からゲストが登場し、WordPress 開発者が直面している最大の問題について議論します。 以下は、元の録音の転写です。

レッドサークルが提供

Doc Pop : あなたは WMR の WordPress コミュニティ ポッドキャスト、Press This を聞いています。 毎週、WordPress コミュニティのメンバーにスポットライトを当てています。 私はホストの Doc Pop です。WP Engine での役割と TorqueMag.io での貢献を通じて、WordPress コミュニティをサポートしています。 Red Circle、iTunes、Spotify で Press This を購読するか、wmr.fm でエピソードを直接ダウンロードできます。

ブラック フライデーとサイバー マンデーが近づいていますが、準備はできているでしょうか。 このエピソードでは、WP Engine のプロダクト マーケティング マネージャーである Josh Dailey と対談し、e コマース サイトが 1 年で最大の販売週末に向けて準備が整っていることを確認するための土壇場でのヒントとコツについて話します。 ジョシュ、今日の調子はどう？

Josh Dailey : 調子はいいよ。 ドクターと話すのはいつも楽しいです。

DP : もちろんです。 WordCamp US でお会いできてうれしかったです。e コマースと Cyber​​ Weekend についてお話します。 それはそれが呼ばれるものですか？

JD : ええ、ブラック フライデー、サイバー ウィークエンドの直後です。 はい。

DP : そうですね。 その話に入る前に、少しお聞きしたいのですが、WordPress のゲームにしばらく参加されていると思いますが、WordPress を始めた経緯について少し教えていただけませんか?

JD : 私が実際に始めたのは 2012 年のことです。 当時、私はコンテンツを作成していて、多くのビデオ コンテンツを作成していました。 そして、私が持っていた顧客は、そのコンテンツを配布する方法を求めていました. そこで、ウェブサイトのオプションを検討し始めました。 そして、私は何かをいじり始めて、「ああ、あなたはそれをしたいですか？ 私はそれを成し遂げる方法を見つけ出すと思います。」

それで、私はWordPressを押して、.orgを使用して自分のサーバーにそれを取得する方法を見つけました。残りはそこからの歴史のようなものです.

しかし、私の最初のホスティング プロバイダーの 1 つは WP Engine だったので、この時間枠の後に彼らのチームに参加できたことは素晴らしいことです。ファームのハッキングやそのようなことが起こったために、私は彼らのアーリー アダプターだったからです。当時、彼らは、サイトのバックエンドやハッキングなどのことを心配することなく、私が入り込んでクリエイティブになれるソリューションを提供してくれました. それが私が始めた方法です。

DP : そして今、あなたは WP Engine にいます。 WP Engine ユーザー向けの e コマース関連の何かに取り組んでいますか?

JD : ええ、間違いなく。 つまり、私の役割と機能はすべて e コマースの分野にあります。 ウェブサイトの構築に携わった後、e コマース サイトのリクエストを受け取り始め、WooCommerce での作業を開始しました。 したがって、WP Engine で e コマース ソリューションのプロダクト マーケティング マネージャーになるのは自然な流れです。

DP : では、始めましょう。 ご存知のように、私は e コマースが好きで、オンラインで買い物をするのが好きです。 そしてご存知のように、レコーディングの時点で、これが上昇すると、サイバーウィークエンドに近づくと思います。 そして、販売はすでにポップアップし始めているか、少なくとも販売のヒントです. この時点でサイト所有者が心配しても手遅れでしょうか? 彼らはただロックインするべきですか、それともサイバーウィークエンドに向けてサイトを準備することについて心配し続けるべきですか?

JD : つまり、経験則として、そのような主要なイベントの販売を計画している場合は、実際には 1 年先に考え始める必要があるということです。 特に、私がどのサーバーにいるべきかについて話しているのであれば、あなたは本当にそれを押し付けたいと思っていますか? すべてが正しく構成されていますか?

この時点で、マーケティング計画について真剣に考える必要があります。 しかし、送信しようとしているすべてのものを確認するために、検討すべきことのテスト側でまだ実行できる小さなことがいくつかあります。 メールの爆発やソーシャル キャンペーン。 あなたは、サイトが最高の状態で機能していることを確認したいと考えています。 また、[カートに追加] ボタンが機能していること、またはチェックアウト フローが機能していること、およびバイヤー ジャーニー全体で優れたエクスペリエンスが得られることを確認する必要があります。

DP : テストの方法について話し、負荷テストについてはすぐに話そうと思います。 しかし、その前に、ウェブサイトの最適化を超えたいくつかのことを取り上げました。 あなたは次のようなことに言及しています。 支払いソリューションの準備はできていますか。 ちょっと興味がありますが、その週末に Visa と PayPal が機能することを確認するために、人々が今行うべきテストはありますか?

JD : ええ、基本的には、エージェンシーと話をしても、ほとんどのエージェンシーは手動のテスト プロセスを使用しています。 入って顧客として行動するだけで、あなたにとって大きな利益になる可能性があります. あなたは多くのものを発見するでしょう。 常にサイトの所有者またはサイトの開発者として行動するわけではない場合は、単に入って、「ねえ、私は新しいユーザーで、初めてのユーザーです。 」 バイヤーの経験を経て、そのようにあらゆる種類のものを発見することができます.

DP : あなたが話しているのは、おそらくほとんどの WordPress Web サイトが e コマース サイトに使用している WooCommerce のことだと思います。 WooCommerce には何らかのテスト オプションがありますか? それとも、実際に顧客としてサインアップして実際のクレジット カードを使用することについて話しているのでしょうか?

JD : つまり、両方できるということです。 サンドボックスの方法もありますが、ご存知のように、ローカル開発などを使用しても、ライブでプッシュするとゲームは異なります。 そのため、自分のクレジット カードで取引を実行し、必要に応じて払い戻しを行うことをお勧めします。

しかし、私は両方を行うと言うでしょう。 サンドボックスのテストを行いますが、この時点で、私たちが話していたように、サイトが稼働している場合、変更する必要があるものはほとんどありません。イベント。 ですから、この時点で本当に集中する必要があるのは、UX が適切に機能しているかどうかということです。 すべてが正常に機能していますか? インフラストラクチャに大きな変更を加えるのではなく。

DP : もちろんです。 したがって、サイト最適化のための AB テストを今すぐ行うべきではありません。 私のファンダメンタルズは機能します。 そして、私たちがやりたいと思っているテストについて話しましょう。それはストレステストですよね？

JD : はい、ストレステストを行うことができます。 しかし、大きなイベント自体について話しているのであれば、ホスティング プロバイダー、サーバー、開発者など、誰であろうと、もっと連絡を取り、彼らがこれらのイベントを実現するためにすべきことを確実に行っていることを確認します。物事はうまくいきます。

マーケティング担当者としてテストできるものは、CTA、キャンペーン、およびその種のものであるべきものを A/B テストしている場合です。 ストレス テストの面では、ベース レベルで、ホスティング プロバイダーに戻って、「私のサイトはこれからトラフィックの流入を処理する準備ができているか?持ってる？"

DP : この負荷テストは、ダッシュボードでクリックできるボタンのように、プロバイダーが持つものです。 それとも、これはあなたが使用する追加のツールですか?

JD : 一緒に仕事をしている開発者次第です。 開発者であれば、おそらく独自のツール セットを持っているでしょう。 そして、これを行うために使用できるさまざまなオープン ソース ツールがあります。 または、多くの場合、人々は独自のテストを作成します。 また、使用できるプレミアム ツールはもちろんありますが、ホスティング プロバイダーには組み込まれていません。

他にやりたいことは、サイトに ping を送信するボットが大量にある場合、ホストに知らせる必要があるため、テストの実行がブロックされないようにすることです。または冷凍します。 そのため、ホスティング プロバイダーに、「負荷テストをしようとしていますが、通常よりも多くのトラフィックが表示されるでしょう」と知らせる必要があります。 彼らがあなたへの攻撃だと思ってあなたをブロックしないようにするためです。

DP : もちろんです。 ここで少し休憩しましょう。戻ってきたら、負荷テストと、負荷テストから学んだことをどうするかについてもう少しお話しします。 お楽しみに。

DP : WMR の WordPress コミュニティ ポッドキャスト、Press This を聞いていますね。 ホストのDoc Popです。 私たちは e コマースについて話し、サイバー ウィークエンドの準備を整え、これから受け取る大量のトラフィックをサイトが処理する準備が整っていることを確認します。 ここで Josh Dailey と話しています。Josh は休憩前に負荷テストについて話していました。 負荷テスト自体について、他に言いたいことはありましたか?

JD : ええ、全体的な規模で、特にこのポッドキャストの主な視聴者が使用する WooCommerce を使用している場合、負荷テストは非常に重要だと思います。 WordPress と WooCommerce がトランザクションを処理する方法が原因で、カートのフラグメントなどによって負担が生じる可能性があります。 aそして、多くの場合、低予算でホスティングしている人々がいるという事実、または年間を通じてこれを処理するさまざまな方法があるため、同じレベルのトラフィックがない可能性があります。さまざまなことを考慮する必要があります。イベントを控えているとき。

トラフィックが急増します。 そして、それがあなたのサイトに異なる影響を与えるだろうと考えなければなりません. つまり、帯域幅について考えており、WooCommerce がそれをどのように処理するかについて考えています。

負荷テストを検討する際に考慮すべきもう 1 つの重要な点は、標準、おそらくホームページだけを実行することはできないということです。 サイトのさまざまなページをチェックしたい。 そして、カート内の商品とカート外の商品で確認したい。 したがって、サイトが機能する方法には複数のバリエーションがあります。 そして、キャッシングが有効かどうか、またはそのようなさまざまなことに依存し、さまざまな時点でのパフォーマンスに役立ちます. そのため、これらはすべて、サイトがトラフィックのレベルを処理できるかどうかに影響を与える可能性があります. したがって、トラフィックを処理できるかどうかを実際に読み取るには、さまざまなバリエーションのテストを行う必要があります。

DP : カートの断片化についておっしゃいましたが、私は手を挙げて、それが何であるかわからないと言います。 知らないふりをするつもりです。 [笑い] いいえ、ありません。

JD : ええ、ええ。

DP : それについて説明してください。

JD : はい。 したがって、カート フラグメントは、カートに追加機能を使用するたびにページを更新することなく、カートの通知とカートの中身の集計をリアルタイムで最新の状態に保つために WooCommerce が使用するものです。 動的な Web サイトであり、人々はリアルタイムで知りたいと考えているため、これは素晴らしいことです。つまり、この情報が最新でない場合、カートの放棄に貢献します。 しかし基本的に、使用される Ajax スクリプトは、サイト全体のすべてのページで使用されます。 また、カートが有効になっていないページでも使用されます。 そして、WooCommerce がインストールされているときはいつでも、チェックインを続け、ping を実行しています。 そのため、カートのフラグメントは、動的なユーザビリティの面ではプラスになりますが、特にカートを操作する人にとっては、パフォーマンスにマイナスの影響を与えます。

カートのフラグメントを無効にするなど、人々が提案するいくつかの方法がありますが、それはトレードオフを生み出しますよね? 現在、ping は発生していませんが、カートに入っているアイテムの数を通知する動的カート機能を使用できません。 他にも、WP Engine が最近 Live Cart と呼ばれる製品をリリースしました。これにより、ストア全体で現金が使用される方法を最適化することで、動的なカート機能を引き続き使用できます。 また、実際には、より多くの買い物客が同時にサイトにアクセスできるため、接続を切断することなくカートを利用できます。 したがって、安定性を高め、カートのパフォーマンスを向上させ、接続を失うことなくロード時間を短縮することが非常に重要です。

あなたが本当に知りたいのは、あなたがメールを送信したために同時に買い物をしている25人、30人、40人の買い物客を知っている場合、これは予算のホストでWooCommerceを開始するときです.そのことからプレッシャーを感じ、そのためにつながりを失い始めます。

DP : あなたは実際、私が予想していたものとは少し違うことを言っています。 カートのフラグメンテーションを無効にするかどうか、キャッシングの強化について話しているのですが、サイバー ウィークエンドの期間中は、残りの期間とは異なる方法でやりたいことであるかのように話しているように感じます。年。 私はそれを想像しているのか、それとも私たちが話しているのか、最大のパフォーマンスのために常に行われるべきこれらのことについて話しているのですか.

JD : つまり、トラフィックの流入がいつ発生するかわからないため、パフォーマンスを最大化するために一年中実行する必要があります。 しかし、キャッシュが有効になっている方法などでそれを感じる時があります。 たとえば、WooCommerce にはキャッシュの推奨事項があり、これらの推奨事項を作成します。誰かがあなたのサイトに来て、初めてあなたのサイトにアクセスした場合、キャッシュはキャッシュであり、機能します。 しかし、カートが使用された後は、サイトに停止するように指示するキャッシュ除外が行われるため、キャッシュの適用が停止します。

それには理由があります。 これらの理由のいくつかは、カートの動的機能のフォームが機能し続ける必要があるためです。 そして、正しくキャッシュしないか、キャッシュを正しく構成していないと、それらは機能しなくなりますよね? まあ、EverCache のようなものを使用すると、サイトの動的な機能を壊すことなく、ページの 90% 以上をキャッシュできます。 その利点は、サイトでカートを使用しているすべての人がサイトをナビゲートし続けることができ、購入者の旅全体を通じてパフォーマンスが向上することです. ただし、アイテムがカートに追加されたり、カートから削除されたりした場合にのみ、その変化を感じることができます。

たとえば、Google の PageSpeed テストを実行すると、ほとんどの場合、「これでサイトのパフォーマンスが良いかどうかをテストできます」となります。 Google PageSpeed Insights、Pingdom、これらの他のページ速度テストは一度に 1 ページのみをチェックし、サイト全体をチェックしていません。 したがって、「Google のページ速度テストを実行してサイトの負荷テストを行った」と言う場合、実際に行っているのはそのページのパフォーマンスをチェックすることだけであり、アイテムが処理された後にチェックすることはありません。カートに追加または削除されます。

そして、WooCommerce は、カートが使用された後、最もプレッシャーを感じ、最も重みを感じます。 したがって、大きなイベントを運営している場合、その瞬間にそれらがより便利になることはより理にかなっていますが、それらは常に実行する必要があるものです. より良いキャッシングは、大きなイベントであるかどうかに関係なく、サイトで実行したいものです。 しかし、大きなイベントの間は、その恩恵を最も感じる時です。

DP : あなたはより良いキャッシングについて言及しました。 明確にしたいのですが、Better Caching というプラグインについて話しているのではありません。

JD : いいえ、一般的にキャッシングを改善するだけです。たとえば、特にストアのキャッシュの仕組みを最適化するために常に取り組んでいます。 繰り返しになりますが、カートの断片化機能と同様に、多くの場合、動的サイトにいるときに人々が行うことは、それが WooCommerce であろうと LMS であろうと、これらのパーソナライズされたエクスペリエンスを作成している場所です. キャッシュの設定が間違っていると、最終的にデータの一部が保存され、表示されることがあります。たとえば、フォームに記入していて、名前やクレジット カード情報などを入力すると、キャッシュが適切に構成されています。 それは保存され、次回誰かがフォームに情報を入力しようとしたときに表示されます。 これで、そのフォームにアクセスする次の買い物客、つまり別の顧客のデータにデータを公開することになります。

それは良いことではありません。 したがって、キャッシュをどのように構成するかは真の科学です.iこれは、2 倍の速度でページを提供し続けることができるようにするための芸術的な形式です (これがキャッシュの利点であるため)。動的な機能が必要であり、コンテンツを静的なものとして提供することができなかったため、データを公開したり、ある種のサイト機能を壊したりしました。

つまり、キャッシュのようなものが常にパフォーマンス上の利点となる場所です。 さまざまな種類のキャッシュを調べて、それらが適切に構成されていることを確認する必要があります。 また、e コマース サイトでは特に重要です。

DP : もちろんです。 ええ、私はここで「キャッシュは私の周りのすべてを支配する」というジョークを考えるのに苦労しています. [笑い] オフィスの背景にあるネオンサインのような「Web キャッシング ルール」はありますか? 私はそれを完全に見ることができます。

JD : あー、そうしなきゃ。 今はありません。 しかし、私は古い学校のゴボを手に入れて、次に話すときに壁を照らすことができました.

DP : これはポッドキャストであることを思い出させてください。

JD : 私はあなたに嘘をつきます。今、私の後ろで輝いています。

DP : 男の子です。 [笑い] ここでもう一度休憩します。 次回は Josh Dailey と、サイバー ウィークエンドに備えて e コマースを改善するための最後のヒントと、PageSpeed Insights を活用してコア Web バイタルを改善する方法についてお話しますので、お楽しみに。

DP : WMR の WordPress コミュニティ ポッドキャスト、Press This を聞いていますね。 私はホストの Doc Pop です。Josh Dailey と、1 年で最も忙しい週末に向けてサイトを準備する方法について話しています。 サイバー ウェンズデーは、サイバー ウェンズデーです。 サイバーウィークエンドが近づいています。 良い。 サイバーマンデーを迎えました。

JD : ギビングチューズデー。

DP : そうです、Giving Tuesday です。

JD : Giving Tuesday の直後に、サイバー ウェンズデーを追加します。

DP : それで、私たちはたくさん話しました。 私たちは主に最適化について話していますが、驚くべきことに、過去数年間、または少なくとも他のウェブサイトの会話では、JPEG、WebP、または画像の最適化に言及せずに最適化について言及することはなかったと思います. それは、e コマース サイトの所有者が心配する必要のないことであり、画像が最適化されていることを確認することですか、それとも、おそらく彼らが理解していると想定していることですか?

JD : ええ、ご存知のように、店舗は休暇が近づくにつれて、そこに力を注ぐべきだと思います。おそらく今年の残りの期間は、見過ごされがちなことですが、これらは標準的なメンテナンスのようなものです。そしてベストプラクティス、私たちが見ることができるもの。 たぶん、あなたが持っている最高の投稿を見て、そのコンテンツを更新する時が来ました. あなたのSEOが本当に適切であることを確認してください。 エバーグリーン コンテンツが実際にエバーグリーンであることを確認します。

そして、画像とかそういう話になったら、商品ページをチェック。 画像とビデオ コンテンツに関する興味深い統計を次に示します。e コマース ストアでの返品の 25% は、製品が説明とは異なっていた、または実際に手にしたときに画像がどのように見えたかが原因でした。 したがって、これらの返品率を下げ、カートの放棄を改善したい場合は、良い製品画像や優れたビデオコンテンツで製品を強調して、これらの製品を実際に見せるにはどうすればよいかを真剣に考える必要があります. 彼らがそれらを手に入れたときに、製品が約束したものとはまったく似ていなかったために、大量の返品が殺到することはありません.

DP : 読み込みを念頭に置いて、画像に負担をかけすぎないようにします。

JD : その通りです。 ああ、確かに。 あなたが言及したように、さまざまなフォーマットの種類があるためです。 つまり、製品をデモンストレーションする方法としてアニメーション GIF をまだ使用している場合、それは大きな問題ですよね? 動画を WebM などの最新の圧縮方法に移行したいと考えており、mp4 がバックアップであることがわかっています。 また、WebP で画像を確認できます。 ただし、適切なバックアップも用意して、これらの最新のタイプをサポートしていないブラウザーや、採用に遅れをとっている人々のために.

DP : ええ、私はGIFが死ぬほど大好きです。 私は非常に長い間GIFアーティストをしてきました。 そして、はい、絶対にもう私のサイトに属していません. 切り替える必要があります。 ほら、私は彼らが大好きです。 しかし、ええ、彼らの時が来ました。 ご存知のように、休憩の前に PageSpeed Insights について言及しました。 それが何であるか、そして PageSpeed Insights で人々が何をする必要があるかについてお話しいただけますか?

JD : そうですね。 私が言う最大のことは、Google PageSpeed Insights のようなツールを使用して、誰でも使用できるようにすることです。 これらのパフォーマンス テストを実行すると、サイトに改善の機会を与える評価が得られます。 そして、そのようなツールを使用しているときは、80 であろうと 100 であろうと、95 であろうと、実際にはそれらが与える数値であることを心に留めておいてください。 それらはパーセンテージではありません。 彼らがあなたに与えている数字はパーセンテージではありません。 同様のことが起こっている他のサイトと比較してどうですか？

したがって、そのようなツールを使用している場合に必要なことは、サイトのパフォーマンスを監視し続け、改善を続けるための指標として使用していることを確認することです. そして、前述したように、これらのテストを実行するときは、現在表示しているページのみをテストしていることに注意してください。 したがって、ホームページをテストしている場合は、製品ページもチェックしている、または製品ページをチェックしている場合は、すべての製品が掲載されているストア ページもチェックしているとは考えないでください。

また、チェックに使用しているいくつかの異なるページを選択する必要があります。 あなたの一番売れている製品、またはあなたのサイトにいくつかの製品しかない場合、私はそれらすべてをチェックし、それらのページのすべてをテストして、最適化を改善する手段として引き続き使用します. また、サイトの SEO を改善するもう 1 つの方法のように扱ってください。 それと同様の方法で、あなたは入って、常にこのことをチェックしており、常に改善に取り組んでいます. あなたは自分のパフォーマンスでも同じことをしたいと思っています。 それをチェックし続けます。 それはセットではなく、忘れてしまうようなものです。 あなたはテストを続けたいと思っています。

ただし、常に同じ場所からテストしていることを確認してください。 プラグインを使用して内部でテストを行っている場合、多くの場合、同じ場所から ping が送信され、どこから ping が送信されているか (どのタワーまたはどのサーバー領域から ping が送信されているか) を制御できないことに注意してください。それはあなたに返ってくる結果に影響を与えるでしょう。 位置。 データセンターにどれくらい近いですか? これらは、PageSpeed Insights を使用するときに私が考えるいくつかのことです。

DP:ジョシュ、今日はお時間をいただきありがとうございました。 そして、Cyber​​ Weekend の準備をしている聴講者の皆さんが、スムーズで快適な Cyber​​ Weekend を過ごすことを願っています。 あなたにとって今年最高の eHoliday になるかもしれません。 Josh Dailey が何をしようとしているかについて詳しく知りたい場合は、彼の Twitter @joshdailey にアクセスしてください。 Press This の今回のエピソードは以上です。

WMR の Press This WordPress コミュニティ ポッドキャストをお聴きいただきありがとうございます。 Twitter @thetorquemag で私の冒険をフォローするか、torquemag.io にアクセスして、毎日このようなチュートリアルやビデオ、インタビューを投稿してください。 Torquemag.io をチェックするか、Twitter でフォローしてください。 Red Circle、iTunes、Spotify で Press This を購読するか、wmr.fm から直接ダウンロードできます。 私はあなたのホスト Doctor Popular です。WP Engine での役割を通じて WordPress コミュニティをサポートしており、毎週 Press This でコミュニティのメンバーにスポットライトを当てるのが大好きです。 聞いてくれてありがとう。