グラフィック デザイナーとして働いている場合は、ユーザー エクスペリエンスがますます重要になっていることをご存知でしょう。。 この中で、Web サイトのデザインが Core Web Vitals にどのような影響を与えるかご存知ですか?
これらはデザインに影響を与えるだけでなく、SEO、ポジショニングにも影響します...しかしなぜでしょうか? クライアントに最高のサービスを提供できるように、以下で説明します。
インデックス
コア ウェブ バイタルとは何ですか?
Web サイトのデザインを Core Web Vitals に関連付けるべき理由を説明する前に、私たちが何を指しているのかを理解することが重要です。
この用語は、Google によって確立された一連の指標を含む用語に他ならず、ウェブサイト上でユーザーがどのようなユーザー エクスペリエンスを体験するかを知ることができるほど重要です。 言い換えると、 これらは、Web サイトを分析し、Web サイトのユーザー エクスペリエンスが優れているかどうかを知るためのツールです。
たとえば、Web サイトがあると想像してください。 新しいデザインを作成するのはあなたの番です。開始する前に、Core Web Vitals を使用してユーザー エクスペリエンスがどのようなものになるかを確認します。
現在、デザインが完了したら、再度分析します。 そして、作業がうまく行われた場合は、最初に得られた値よりも大幅に大きな値が得られるはずです。
主要な指標
すでにお伝えしたように、Core Web Vitals は一連の指標です。 実はかなりの数があるのですが、 専門家は通常、そのうちの XNUMX つまたは XNUMX つにのみ焦点を当てますが、 最も重要であると考えられています。
LCP、コンテンツフル ペイントまたはメイン コンテンツの最大読み込み時間
これらの名前は、読み込み速度を測定することを目的としたメトリックを指します。 つまり、Web ページがコンピュータに読み込まれて完全に表示されるまでに長い時間がかかるか、または短い時間がかかるかということです。
Google によると、読み込み時間は 2,5 秒未満でなければなりません。 したがって、その時間よりも長い時間がかかるものはすべて、この指標では失敗し、ポジショニングと SEO に影響を与える可能性があります。
FID、最初の入力遅延または対話性
ユーザーは Web ページに入ると、そのページ内を移動する必要があります。 つまり、あるページから別のページに移動する必要があります。
また、各測定値は前のメトリックによって測定されると思われるかもしれませんが、実際はそうではありません。
ページの速度を評価する別の指標があるのはそのためです。 ユーザーがリンクをクリックした瞬間にページを表示します。
理解しやすくするために、Web サイトに入り、「About me」に移動したいと想像してください。 ボタンをクリックしてから新しいページが表示されるまでにかかる時間は、良い場合もあれば悪い場合もあります。
Google にとって最適な金額はいくらですか? 0,1秒以下にしてください。 これは簡単ではないこともあります。
ただし、Web サイトをデザインするときはそれも考慮する必要があります。
CLS、累積レイアウトシフトまたは視覚的安定性
最後に、XNUMX 番目に重要な指標 (Web サイトのデザインに影響を与える指標) があります。 視覚的な安定性は、読み込み時にページ上で発生する変化として理解できます。これにより、移動したくない領域をクリックすることになります。
わかりやすくするために、Web ページを開いたところを想像してください。 入力するとロードされますが、どこに行くかはわかっているので、ボタンが表示されたらすぐにクリックします。 ただ、突然、移動して、行きたくない別のエリアをクリックしてしまうだけです。
Google にとって、良好な CLS は常に 0,1 未満である必要があります。
Web サイトのデザインが Core Web Vitals に影響を与える理由
ウェブサイトを構築するときは、画像やプラグインを配置し、適切なホスティングを探し、グラフィックスやビデオを含むページをプログラムします...そして達成されるのは、すべてが読み込まれるということだけです。
デザインが重くなりすぎると、ユーザー エクスペリエンスが非常に低下します。 あるいは、Core Web Vitals メトリクスの結果が非常に悪いということも同じです。
幸いなことに、それを改善するためにできることは常にあります (常に心に留めておく必要があります)。
アップロードするすべての画像を最適化する
これは、重さが 150KB を超えないようにする必要があることを意味します。 そして、可能であれば、ページ上で表示する方法と正確なサイズであること。 小さくも大きくもない。
プラグインを使いすぎないでください
信じられないかもしれませんが、多くのプラグインを使用するとページに影響があり、ページの速度が大幅に遅くなります。
このように、 ページが適切に機能するために必要なもののみを含めることをお勧めします。 （そして、それらはそれほど多くないことはすでに述べました）。
実際、持っていても有効化されていない場合でも消費されます。 したがって、最も良いのは、それらを使用しない場合はページから永久に削除することです。 再インストールする時間があります。
質の高いホスティング
もう XNUMX つの一般的な問題は、低品質のホスティングを使用していることです。 安いものは高価だ、忘れないでください。 ホスティングの場合、Web サイトの高速化を可能にする適切なホスティングを選択しないと、 優れたユーザーエクスペリエンスを得る可能性が低くなります。
一般に、無料ホスティングは最悪です。 有料のものの場合は、スペインで試してみる必要があります 最も高く評価されているホスティング会社は XNUMX つあります：Siteground、Webempresa、Raiola。 いずれも、Web サイトの読み込み速度を向上させるのに役立ちます。
ご覧のとおり、グラフィック デザイナーであるということは、クライアントのために優れたプロジェクトを実行する方法を知っていることを意味するだけではありません。 それは、Web サイトのデザインが Core Web Vitals に影響を与えるため、クライアントは SEO とポジショニングのレベルであなたの仕事から最大限の利益を得ることができるということです。 より優れたプロフェッショナルになるために、この知識を持つことがどれほど重要であるか考えたことはありますか?