Google I/O 2024: サイトのパフォーマンスと検索の新機能

公開: 2024-05-18

AI や機械学習の進歩から、ウェブ パフォーマンスや検索の大幅なアップデートに至るまで、Google I/O 2024 では多くの革新的なテクノロジーが紹介されました。

年次開発者カンファレンスは素晴らしいというほかありませんでした。2 年連続でマウンテン ビューのイベントに招待されたことはこれ以上に嬉しいことではありません。

Google I/O 2024 でのゲオルギ ペトロフ

ここでは、私たちの観点から見た I/O 2024 の最大の発表を紹介します。

双子座の時代: あらゆるインプットをアウトプットに変える

カンファレンスの初日には「AI」という言葉が 120 回も言われたので、Google の大規模言語モデル Gemini が注目を集めたのも不思議ではありません。

Google I/O で AI が言及

以前は Gemini Nano として知られていた Google のオンデバイス モバイル大規模言語モデルが大幅にアップグレードされ、現在は Gemini Nano with Multimodality と呼ばれます。

Google CEOのSundar Pichai氏はステージ上で、この機能強化によりモデルが「あらゆる入力をあらゆる出力に変える」ことが可能になると説明した。

これは、テキスト、写真、音声、Web コンテンツ、ソーシャル ビデオ、さらには携帯電話のカメラからのライブ ビデオなど、さまざまなソースから情報を収集できることを意味します。 次に、この入力を合成して、概要を提供したり、コンテンツに関連する質問に答えたりできます。

この作品について読んだとき、それほど興奮しないように思えるかもしれないことは承知していますが、初めて見たときはびっくりしたという言葉を信じてください。 このデモでは、Gemini の機能をより深く理解できます。


Google、米国での検索を刷新

生成 AI は、Google I/O 2023 の最前線にあるといっても、ニュース速報ではありません。

しかし今年、Google は AI を活用した検索エクスペリエンスの拡張を発表し、AI 概要を導入しました。

AI 概要は、強力な Gemini モデルを踏襲し、複数のソースからの情報をつなぎ合わせて、クエリに対する迅速な回答を生成できます。

Google が言ったように:

「これはすべて、Google 検索用にカスタマイズされた新しい Gemini モデルによって可能になりました。 これは、複数ステップの推論、計画、マルチモダリティを含む Gemini の高度な機能と、クラス最高の検索システムを組み合わせたものです。」


Gemini の高度なマルチステップ推論機能により、複雑なクエリを処理し、詳細な回答を提供できます。

たとえば、「ボストンで最高のヨガまたはピラティス スタジオを見つけてください。紹介オファーの詳細やビーコン ヒルからの徒歩時間も含めて」と質問すると、徹底的で有益な応答が得られます。

AI の概要の例

出典: Google

しかし、改良された AI 検索の最も優れている点は、おそらくゼロから計画を作成できることです。

米国にお住まいの場合は、「ローマへの 3 日間の旅行を計画する」と簡単に検索すると、滞在、訪問、食事の場所の完全なリストが表示されます。

Google の AI の概要に合わせてサイトを準備する方法

ユーザーの観点から見ると、すべての新しい改善は魅力的に聞こえますが、実際には、Google 検索のトラフィックに依存している多くの企業が影響を受けることになります。

AI 概要は広範囲の画面領域を占有するため、従来の「青いリンク」の Web 結果が埋もれ、クリック率が大幅に制限される可能性があります。

突然、上位 3 位以内の結果では十分ではなくなります。

そこで、検索結果での可視性を高めるための戦術をいくつか紹介します。

  • Q&A 形式を使用する –コンテンツを質問と直接的な回答として明示的に構造化し、Google の AI 概要での可視性を高めます。
  • 包括的なトピック ページを作成する –複雑なクエリについて、最初の調査から最終決定まで、ユーザー ジャーニー全体をカバーする概要ページを作成します。
  • 権威ある Q&A サイトのコンテンツを特集 – Quora や Reddit などのプラットフォームに権威のあるコンテンツを公開して、AI 検索結果の可視性を高めます。
  • テクニカル SEO を最適化してクロールを向上 – Google の AI がすべてのページ上のコンテンツを効果的にクロールしてレンダリングできるように、サイトのテクニカル SEO が最適化されていることを確認します。
  • AI で強化されたクエリの検索ボリュームを監視 – AI の概要をトリガーするクエリを追跡して、コンテンツのギャップを特定し、価値の高い最適化の機会に優先順位を付けます。

投機ルール API を使用したインスタント ブラウジング

AI の発表はどれも画期的なものでしたが、I/O カンファレンスの 2 日目の方が興奮していたことは認めます。

まず、Barry Pollard 氏と再会する機会があり、Speculation Rules API と Web パフォーマンスの将来に関する彼の基調講演に参加しました。


次に、プレゼンテーション中に、Speculation Rules API の力をうまく活用している企業の例として、他の Google パートナーとともに NitroPack が言及されました。

Google I/O で NitroPack について言及

この認識に言葉を失うことがなかったと言ったら嘘になります。

これまでのところ、非常に例外的な旅でした。

  1. 2023 年に初めて Google I/O に招待されます。
  2. Barry Silverstein と Adam Silverstein とともに Web パフォーマンスに関するウェビナー シリーズを開催します。
  3. I/O 2024 で言及されています。

そして私たちはまだ始まったばかりです。

しかし、Barry のプレゼンテーションと Speculation Rules API がもたらす機会に戻って、主なハイライトを以下に示します。

サイトで投機ルール API を有効にする方法

Speculation Rules API は、将来のページ ナビゲーションのパフォーマンスを向上させることを目的としています。 link rel=prefetch や link rel=prerender などの既存のリソース ヒントの機能を拡張し、開発者がプリフェッチまたはプリレンダリングするドキュメントを指定するための JSON 定義の柔軟な方法を提供します。

API を使用すると、インライン要素内および Speculation-Rules 応答ヘッダーによって参照される外部テキスト ファイル内で投機的読み込みタイプを設定できます。

投機ルール API を有効にするには 2 つのオプションがあります。

  1. URL パターンを使用する: どの URL がプリフェッチまたはプリレンダリングの対象となるかを定義します。
  2. 「熱心さ」のレベルを指定する:熱心さ設定を使用して、いつ推測を起動するかを指定します。「熱心さ」は、観測ルールが観察されるとすぐに推測ルー​​ルを起動します。 「中程度」は、リンク上に 200 ミリ秒間カーソルを置くと推測を実行します。 「保守的」はポインタまたはタッチダウンを推測します。

投機ルール API の例

詳細については、Barry Pollard のプレゼンテーションを確認することを強くお勧めします。

Navigation AI: 瞬時のページ読み込みの自動化

カンファレンスで当社の名前が挙がった理由は、当社の最新製品であるナビゲーションAIでした。


Navigation AI は、カスタマー ジャーニー中にユーザーの行動を予測および分析してページ全体を事前レンダリングすることにより、Web ブラウジングを強化する、AI を活用した高度なツールです。 このテクノロジーにより、サイト所有者はデスクトップとモバイルの両方でインスタント ブラウジング エクスペリエンスを提供できるようになり、顧客エンゲージメントとコンバージョン率が向上します。

Speculation Rules API を使用すると、Navigation AI は 2 つのステップで動作します。

  • 初期予測: AI は、ブラウザーに負担をかけることなく、ページの読み込みに関する初期予測を行います。
  • 行動分析:予測を調整し、ユーザーのアクションが明確になったらページを事前レンダリングするように API に指示します。

この予測的なページ読み込みにより、次のような結果が得られます。

  • LCP がさらに 20% 向上
  • CLS の 80% 改善

Navigation AI Core Web Vitals の改善

Speculation Rust API と予測ページ読み込みのパワーを体験してください。 Navigation AI の待機リストに参加 →

次のペイントへのインタラクションをデバッグするより良い方法 (INP)

INP が First Input Delay (FID) に代わって公式の Core Web Vital に昇格してから 2 か月が経過しました。

そして、そのリリース以来、Core Web Vitals の合格率は世界的に低下しています。

幸いなことに、Chrome は開発者やサイト所有者が INP をより適切にデバッグできるように精力的に取り組んでおり、web-vitals.js の v4 をリリースしています。

改善点には次のようなものがあります。

  • インタラクション後の次のペイントのタイムスタンプをマークするnextPaintTimeを追加しました。
  • inputDelayを追加しました。これは、ユーザーがページを操作してから、ブラウザーが最初にその操作のイベント リスナーの処理を開始できるようになるまでの時間を測定します。
  • ユーザー操作に応答して最初のイベント リスナーが実行を開始してからすべてのイベント リスナーの処理が完了するまでの時間を測定するprocessDurationを追加しました。
  • ブラウザがユーザー インタラクションのすべてのイベント リスナーの処理を終了してから、次のフレームが画面上に表示されてユーザーに表示されるまでの時間を測定する、 presentationDelayが追加されました。
  • ProcessedEventEntriesを追加しました。これは、INP 候補インタラクションと同じアニメーション フレーム内で処理されたイベント エントリの配列です。
  • longAnimationFrameEntriesを追加しました。これには、INP 候補インタラクションと重複する長いアニメーション フレームのエントリが含まれます。

要約すると、最新バージョンでは、インタラクションのさまざまな部分と、インタラクションが遅い理由について、より詳細な洞察が得られます。

新しい改善点とそれを活用して INP を改善する方法を完全に理解するには、Jeremy Wagner のプレゼンテーションを確認してください。

まとめ

Google I/O は常に目を見張るものであり、テクノロジーとイノベーションの未来を垣間見ることができます。 毎年、私たちは改善のための新鮮なアイデアとインスピレーションに満ちてイベントから帰ってきます。

業界のリーダーが共有する豊富な知識と画期的な進歩の発表により、私たちは常に独自のプロジェクトを向上させることができます。 私たちは得られた洞察を適用し、私たちの仕事の進歩を促進することを楽しみにしています。

また、カンファレンス中に行われたすべての発表をさらに詳しく知りたい場合は、公式 Web サイトにアクセスしてください: https://io.google/2024/explore/