Core Web Vitalsとは何ですか？ Googleと販売に直接影響を与えるのはなぜですか？

「美しいウェブサイト...しかし遅かった」あなたが知らずに販売とSEOを殺す古典的な問題

このように感じたことはありますか？あなたはお金と時間の両方を、美しく、モダンで、あらゆる角度で見栄えが良くなるまでウェブサイトを設計するために捧げました。しかし、結果は夢見ていませんでした...顧客がやって来て、すぐに押し出します。注文はGoogleのランキングではなく、コンテンツは良いものの、どこにも移動していません。製品は興味深いです。問題は「何が起こったの？」です。この問題は美しくないかもしれませんが、目に見えない「経験」です。これは、SO -Caled Core Web Vitalsに隠されています。これは、Googleが非常に重要であるというWebサイトの指標です。そして、それはあなたが思っている以上にあなたのビジネスに影響を与えています。

‍

なぜウェブサイトが「病気」なのですか？ 3パワーを通じてソースを知りましょう。コアWebバイタル

Googleがユーザーに最高のエクスペリエンスを持っていることを望んでいるため、この問題が発生します。 「Beautiful Kissing Image」は、ユーザーをイライラさせるウェブサイトであり、Googleは誰にもそのウェブサイトを推奨したくありません。 Core Web Vitalsは、Googleが「ユーザーエクスペリエンス」を直接評価するために使用する3つの分野の「Webサイト」のようなものです。

1。LCP（最大のコンテンツ型塗料） - 読み込み速度：荷重の速度です。メインの写真やブログなど、画面上の「最大の要素」は、この値が長すぎる場合の大きなテキストが「遅い」ウェブサイトを感じ、重要なコンテンツを見る前に閉じられる可能性があります。

2。FID（最初の入力遅延） / INP（次のペイントへのインタラクティブ） - 応答：ボタンのクリックやフォームの入力など、ユーザーの最初のアクションに対する「応答」Webサイトの速度です。クリック後にウェブサイトが外れているか遅れている場合は、従業員が顧客を気にしないショップのようなものである場合は、すぐにエクスペリエンスを悪化させます（注：GoogleはFIDからINPに更新されます。

3。CLS（累積レイアウトシフト） - Webページの安定性：これまでのWebページの「静けさ」の測定値です。間違ってクリックするまでボタンを逃がしますか？それは高いCLS値の1つであり、最も迷惑な経験の1つです。、診療所や病院がオンラインで顧客を失う主な理由の1つです

‍

「負荷を遅くする」ウェブサイト=毎日お金と顧客を「消える」ようにしましょう

コアWebバイタルを無視することは、技術的なものではありません。しかし、それはあなたのビジネスをゆっくりと「流れる」ことであり、これが実際の影響です：

-SEOランキングはひどいです： Core Web Vitalsは、「Page Experience」と呼ばれるランキングファクターの一部です。このスコアが低い場合、Googleはあなたのウェブサイトを継続的に減らします。あなたのウェブサイトはユーザーに良い体験を提供するのに十分な品質ではないと思うからです

-Abysの売り上げ： Googleからの調査では、1秒ごとにWebサイトのロードが遅くなることがわかりました。変換率は最大20％減少する可能性があります。顧客は、ウェブサイトをゆっくりと待つのに十分な忍耐を持っていません。彼らは、ウェブ上の競合他社からより速く押し出して購入する準備ができています。

- 広告料金はより高価ですが、効果が低くなります。人々がクリックするのに膨大な撮影にお金を失うかもしれませんが、ランディングページが遅くなっているか、使用が困難な場合です。広告料はすぐに無駄になりました。あなたが悪い経験を経験するために人々にお金を払って、彼らは何も買わずに去ったからです

- 破損したブランドイメージ：ブランドの非専門的および無知を反映した、ゆっくりと困難なウェブサイト。顧客が自信を欠いており、再び戻ってきたくないこの問題は、 SaaSビジネスにとって特に激しいことです。ユーザーエクスペリエンスが重要です。

‍

ウェブサイトの修正方法：どこから始めていますか？ （理解しやすい）

良いニュースは、この問題を解決できることです。そして、最初にやることを始めるためにプログラマーの神である必要はありません。 Googleからの無料ツールを備えたWebサイトは、 PagesSpeed Insightsと呼ばれます。ウェブサイトのURLを置くだけです。また、モバイルとデスクトップの両方にコアWebバイタルが表示されます。それから、次のように編集を開始します。

-LCPの修正（スローダウンロードWebサイト）：ほとんどの問題は「写真」からのものです。

• 画像のサイズを圧縮して調整します。必要以上に大きい画像をアップロードしないでください。ファイルを必ず使用して、最初にファイルを圧縮してください。
• 最新の形式を使用することを選択します。JPG /PNGからWebPへの変更は小さくなりますが、品質は似ています。
• ホスティングまたはCDNの使用（コンテンツ配信ネットワーク）のアップグレード：サーバーが世界の隅々からより速く応答するようにします。

-INPを解く（応答が遅い）：問題は、しばしば一生懸命動作するコードによって引き起こされます。

• 不必要なJavaScriptの使用を減らす：プラグインまたはさまざまなスクリプトを確認してください。使用されて削除されていないものがあること
• より長く実行されるコードを分割します。この部分では、開発者が確認するのに役立つ場合があります。ブラウザを一生懸命働かせないように

-CLS（Web Twitching/Layout Move）：この問題は最も簡単に解決できます。

• 画像とビデオのサイズを常に指定します。HTMLコードでは、幅と高さの値を識別する必要があります。ブラウザを事前に「予約」するため。他のコンテンツは、ダウンロードが終了したときに移動しません。
• 挿入された広告またはポップアップに注意してください。元のコンテンツを延期することができないことを確認してください。

これらの要因を理解し、改善することは、Googleが他の要因に関するより多くの情報を考慮している重要な部分です。 Googleの公式文書から勉強できます

‍

本物の例：eコマースのウェブサイトがコアWebバイタルで販売を復活させるとき。

画像をより明確に見るために、Shopifyで手作り製品を販売するオンラインストアの例を挙げたいと思います。最初は、彼らのウェブサイトにはとても美しいデザインがありました。高品質の製品を使用しますが、代わりに「Webロードは非常に遅い」（LCP High）に大きな問題が発生し、製品ページは通常「背が高く」（高CLS）です。顧客に「バスケットの追加」ボタンを押してエラーが発生します。その結果、販売は目標を達成せず、SEOランクは動きません。

彼らがすること：

1. すべての製品画像をWebP形式に変更し、ファイルを真剣に圧縮します。
2. 舞台裏で動作し、ウェブサイトを遅くする不要なShopifyアプリを削除します。
3. 事前にカスタマーレビューのために「予備スペース」でコードを編集します。レビューがロードされたときにレイアウトが移動しません

驚くべき結果：わずか1か月後、WebサイトのWebサイトのCore Web Vitalsは「Green」に変更され、すべての収益率が30％低下し、最も重要なことは、変換率（注文率）が最大50％増加しました。これまでにないように、総売上が上昇したことは、これが少し技術的であると思われる問題を解決するという証拠です。代わりに、膨大なビジネス結果を作成します。持続可能に売り上げを増やしたいShopifyのShopkeeperの重要な戦略の1つです

‍

すぐに実行するチェックリスト：コアWebバイタルを4つのステップでWebサイトにアップグレードします。

あなたのウェブサイトを強くするように変更する準備はできましたか？この簡単なチェックリストに従ってみてください。

ステップ1：現在のスコアを確認してください。

Google PagesSpeed Insightsにアクセスして、ウェブサイトに記入してください。オレンジ色または赤のモバイルとデスクトップのスコア（LCP、INP、CLS）の両方をご覧ください。

ステップ2：速度（LCP）への対処

下にスクロールして、「機会」と「診断」のセクションを見て、「適切なサイズの画像」や「次世代形式で画像を提供する」などの画像に関するアドバイスを探してから修正します。これが最速の結果だからです

ステップ3：レイアウトを完全に作る（CLS）

「大規模なレイアウトシフトを避けてください」についての提案があるかどうかを確認してください。ある場合は、どの要素が問題であるかを確認してください。次に、CMSシステム（Webflow、WordPressなど）に戻り、画像、IFrame、またはその広告のバナーのサイズ（幅/高さ）を決定します

ステップ4：チェックして改修します

各ポイントを修正した後、PagesSpeed Insightsに再び戻ってから、新しい「分析」を押して、スコアが改善するかどうかを確認します。あなたのウェブサイトを最も効果的で競争に備えるためには、常にGoogleにあります。

‍

コアWebバイタルについて人々が疑う傾向がある質問。

Q1：Core Web Vitalsスコアを100フル価値にする必要がありますか？

A：必要ありません。主な目標は、「良い」基準（良好）またはグリーンゾーンで3つのポイントすべてを作成することです。 100を充填しようとすると、非常に高いリソースが必要になる場合があり、価値がない場合があります。良いスコアを持つことは、Googleがあなたのウェブサイトに良い経験があることを見るのに役立ちます。

Q2：Core Web VitalsはSEOの最も重要な要素ですか？

A：いいえ、Core Web Vitalsは、「ページエクスペリエンス」の「一部」にすぎません。これには、安全性（HTTPS）、携帯電話サポートも含まれます。 （モバイルフレンドリー）およびユーザーを邪魔するが、何よりも最も重要なことは「コンテンツ品質」（役立つコンテンツ）です。

Q3：FIDがINPに置き換えようとしていることをご覧ください。それは何ですか、そして私たちは心配しなければなりませんか？

A：INP（次のペイントへの相互作用）は、測定するために開発された尺度です。ウェブページの「全体的な応答」は、寺院のFIDよりも優れています。全体的により速く応答するためにWebを改善するための「最初の応答」（重いスクリプトの使用を減らすなど）は、INPスコアを自動的に改善します。あまり心配しないでください。原則は「Webを迅速に応答させる」と同じままであるため

Q4：コードの知識がない場合、これらの値を改善する方法は？

A：CLS値（画像サイズの定義）とLCP（圧縮）の場合、ほとんどは既に使用しているCMSシステムを介して実行できますが、JavaScriptに関連するINP値については、Web開発者に相談する必要があります。しかし、画像の問題を解決することから始めると、多くの違いが生じる可能性があります。、GoogleのFAQページで直接読むことができます

‍

結論：「ゆっくり」あなたのビジネスを殺さないでください。より良い未来のために今日から始めます。

Core Web Vitalsは、もはやWebの人々の頭痛のような技術用語ではありませんが、顧客の感情、ブランドの信頼性、Googleのランキング、そして最も重要なことに、「販売」が美しいが遅いWebサイトがあり、使用が困難になっているのは「ユーザーの中心」です。豪華な店頭を持っていることと違いはありませんが、入り口のドアは立ち往生しており、スタッフは顧客に興味がありません。

投資は、今日できる最も価値のある投資の1つであるCore Web Vitalsポイントを改善するのに効果的です。顧客とGoogleに「私たちはあなたの経験を気にかけている」ことを伝えることであり、結果はより良い信頼、ランキング、持続可能なビジネスの成長を遂げることです。

あなたのウェブサイトを「俳優」から「お金を稼ぐ」ツールに変更する時が来ました！競合他社が再び追い越すのを待たないでください。今日からあなたのウェブサイトのチェックと改善を開始してください！

この問題が複雑すぎると感じたり、病気のウェブサイトが強力になり、再びお金を稼ぐように変身させたりで売り上げを増やしたりしたいと思うよう感じた場合は、相談して完全にお手伝いします。

‍

‍