このテンプレートを圧倒的に改善しました
このブログテンプレートをより速く、よりスマートに、AI検索に対応させる9つの大きなアップデート。何が変わったか、なぜ重要なのかをご紹介します。
何かを作って世に出した後、すぐに10通りの改善方法を思いつくという感覚、分かりますか？
ええ。それがこの数週間の私でした。
このテンプレートのことが頭から離れませんでした。壊れていたわけではありません..うまく機能していました。でも、チャンスが見え続けたんです。ブログを構築するためにこれを使用する人にとって、本当に違いをもたらす小さなことです。
だから、作業に戻りました。
そして正直に言うと、ちょっと夢中になりました。最高の意味で。
テンプレートへの大規模なアップデートを公開したばかりで、追加したものに本当に興奮しています。このものをより速く、よりスマートにし、2025年に人々が実際に検索している方法に対応させる9つの主要機能について話しています。
何が変わったのか、なぜ重要なのかをご案内しましょう。
AI検索の問題
これが私を夜も眠れなくさせているものです..GoogleがAI Overviewsを至る所で展開しています。ChatGPTが検索機能を開始しました。Perplexityは急成長しています。人々は文字通り情報を検索する方法を変えています。
そして、ほとんどのブログテンプレートは？5年前の検索エンジン向けに最適化されたままです。
それは私には間違っていると感じました。SEOで成功するのを助けるテンプレートを構築しているなら、検索が今実際にどのように機能するかに対応する必要があります。2020年の機能ではありません。
そこで、エンティティクラスタリングを使用したAI検索最適化を実装しました。基本的に、大規模言語モデルがより簡単に理解して参照できる方法でコンテンツを構造化しています。AIが情報を要約したり質問に答えたりするとき、このテンプレートはきれいで構造化されたデータを提供します。
システムを騙すことではありません。人々が実際に使用している新世代の検索ツールにコンテンツをアクセス可能にすることです。
動画と音声
作業しているいくつかのサイトの分析を見ていて、興味深いことに気づきました。ブログ投稿に埋め込まれた動画は、テキストのみの投稿よりもはるかに多くのエンゲージメントを得ていました。理にかなっていますよね？人々は物を見るのが好きです。
しかし、私の注意を引いたのは..これらの動画投稿は動画検索結果に表示されていませんでした。リッチスニペットを取得していませんでした。Googleはページに動画コンテンツがあることを知りませんでした。
そこでVideoObjectスキーマを追加しました。今では、ブログ投稿に動画を埋め込むと、検索エンジンはそれが何であるかを正確に知ります。検索結果にサムネイルを表示し、期間を表示し、アップロード日を表示できます。人々が実際にクリックしたくなるすべてのものです。
次に音声検索があります。私のキッチンにはGoogle Homeがあり、料理中ずっと使っています。「Hey Google、玉ねぎをみじん切りにするには？」とか。そして疑問に思い始めました..検索エンジンはどのコンテンツを声に出して読むか決めるのか？
そのためのスキーマタイプがあることが分かりました。Speakableスキーマは音声アシスタントに、コンテンツのどの部分が話すのに適しているかを伝えます。音声検索は大きくなるだけなので、これのサポートを追加しました。
ついでにEventスキーマも追加しました。会議、ミートアップ、ウェビナー、何でも書いている場合..今ではGoogleは日付と場所とすべての関連する詳細を含めて検索結果に適切に表示できます。
6種類のスキーマから9種類になりました。それぞれが私が実際に遭遇した特定の問題を解決します。
実際に重要なパフォーマンスのこと
さて、ここで私は少しやりすぎたかもしれませんが、聞いてください。
AVIFとWebP画像のサポートを追加しました。これらは文字通り同じ品質でJPEGより20〜50パーセント小さい最新の画像フォーマットです。これは小さな違いではありません。瞬時に読み込まれるページと人々を待たせるページの違いです。
また、モバイルファーストのレスポンシブ画像も実装しました。トラフィックのほとんどは電話から来ていますよね？では、なぜモバイルユーザーにデスクトップサイズの画像を提供しているのでしょうか？今ではテンプレートはデバイスに基づいて適切なサイズの画像を自動的に提供します。電話用の小さい画像、デスクトップ用の大きい画像。完璧に理にかなっています。
次に、よりテクニカルなことに入りました。サードパーティリソース用のpreconnectを追加しました。ブラウザが別のドメインから何かをロードする必要があるとき、このダンス全体を行う必要があります..DNSルックアップ、TCP接続、TLSハンドシェイク。時間がかかります。preconnectを使用すると、事前にすべて行うので、実際にリソースが必要なときには準備ができています。
Chrome 121以上向けにSpeculation Rules APIを実装しました。これは本当にクールです。クリックする前にChromeがページをプリフェッチできるようにします。ブラウザはナビゲートする場所を予測することでよりスマートになり、バックグラウンドでロードします。リンクをクリックすると、瞬時に感じます。魔法のようです。
そして、実際のユーザー体験を理解するために本当に重要なものです..LoAF APIモニタリングを追加しました。Long Animation Framesの略です。ページがあまりにも多くの作業を行い、ぎこちないアニメーションや遅延したインタラクションを引き起こしているときを追跡します。このデータはGoogle Analytics 4に直接送られるので、ユーザーがいつどこで遅延を経験しているかを正確に確認できます。
このパフォーマンス作業はすべて一つのことについてでした..ブログが速いと感じられるようにすること。Lighthouseテストで高得点を取るだけでなく、実際の人々が実際のデバイスで使用するときに実際に速くて反応が良いと感じられること。
これがあなたにとって意味すること
すでにこのテンプレートを使用している場合、これらのアップデートはあなたを待っています。最新の変更を取得すれば、これらすべてが手に入ります。
まだ使い始めていない場合、まあ..今はかなり良いタイミングです。堅実な基盤から、私が本当にそこにある最もSEO対応のブログテンプレートの一つだと思うものに進化しました。
8つのファイルに498行のコードを追加しました。4つの新しいコンポーネントを作成しました。2つの新しいパフォーマンスAPIを統合しました。そして、どういうわけかビルド時間やバンドルサイズを増やすことなくこれらすべてを行うことができました。約8.5秒でビルドされます。バンドルは約184KBのままです。
この最後の部分は私にとって重要です。機能を追加するのは簡単です。物事を遅くしたり肥大化させたりせずに機能を追加するのは難しいです。これを正しく行いたかったのです。
目標
これが私が本当に目指しているものです..これを最高のSEOブログテンプレートにしたいです。断言します。
ただ良いだけではありません。ただ堅実なだけでもありません。最高です。
それは検索がどのように進化しているかの先を行くことを意味します。ほとんどの人がそれが必要だと気づく前に、動画と音声とAI検索のサポートを追加することを意味します。実際にユーザー体験に影響を与える方法でパフォーマンスに執着することを意味します。
まだそこには到達していません。やるべきことがもっとあります。しかし、これらの9つのアップデート？正しい方向への大きな一歩です。
今ではGoogle AI OverviewsとChatGPT Search向けに最適化されています。音声アシスタントに対応しています。最新の画像フォーマットをサポートしています。実際のユーザー体験を示すモニタリングがあります。瞬時のナビゲーションのためにページをプリフェッチします。
このテンプレートは5年前のウェブではなく、2025年以降のために構築されています。
次は何か
もっとアイデアがあります。いつもあります。しかし、次のラウンドの改善に移る前に、これらのアップデートを公開して安定させたかったのです。
テンプレートを使用していて問題に遭遇した場合は、教えてください。何が良くなるかアイデアがあれば、聞きたいです。これがオープンソースなのは、一緒により良いものを作ると信じているからです。
そして、ブログを始めたばかりの場合、ようこそ。堅実なものから始めています。速いもの。人々が今日実際に検索する方法に最適化されたもの。
素晴らしいものを作りましょう。
