ダイナミックレンダリングを正しく

Googleのウェブマスター向け公式ブログにダイナミックレンダリングについて記事紹介されていましたので、このブログでもダイナミックレンダリングについてご紹介したいと思います。しかし既に技術的な部分含めGoogle Developersに詳細が記載されていますので、ここでは簡易的に概念レベルで書いておきます。

ヘルメット

ふわふわ

ダイナミックレンダリングとは

今さらの話かもしれませんが、簡単に言いますと「Googleクローラーを始め、色々な検索エンジンやクローラーはJavaScriptをまだ上手く読み込めません。時間がかかったりします。なので、複雑にJavaScriptを使ったファイルが存在する場合、そのファイルとは別に(クローラー専用の)HTMLファイルを作成して、プリレンダリング(予め別の形で読み込ませる)させるという技術」です。少なくともGoogleにはそうすることを推奨しています。つまり、ブラウザ(≒ユーザー)が検知するJavaScript使用のファイル(コンテンツ)と、Googlebot検知用にJavaScriptを使用していないHTMLファイル(コンテンツ)を作るわけです。生成したそれぞれのファイル(コンテンツ)をブラウザかクローラーかに合わせて配信する機能ツールのことをダイナミックレンダラーと呼びます。

あなたのサイトにアクセスする検索エンジンやソーシャルメディア ボットが、すべてJavaScriptを実行できるわけではありません。GooglebotがJavaScriptを実行するのには時間がかかり、こちらに示すようにいくつかの制限が存在します。

ダイナミック レンダリングは、変更頻度が高く、表示にJavaScriptを必要とするコンテンツに対して有用です。

引用)Googleウェブマスター向け公式ブログ

ダイナミックレンダリングの仕組み

ふわふわ

設定が複雑がゆえに…

で、今回のGoogleウェブマスター向け公式ブログでは、そのダイナミックレンダリングの設定が難しいがゆえに、あらためてやり方を紹介してくれているという内容です。実際にGoogleが推奨しているダイナミックレンダラーのひとつである「Rendertron」を使って、設定例を指南してくれています。

JavaScriptを実行して静的HTMLを生成するにはレンダラが必要になります。Rendertronはオープンソース プロジェクトであり、headless Chromiumを使用してレンダリングを行います。シングルページ アプリでは、頻繁にバックグラウンドでデータを読み込んだり、コンテンツをレンダリングするための作業で遅延が発生したりすることがあります。Rendertronには、ウェブサイトでレンダリングが完了したタイミングを判定するメカニズムがあります。

引用)Googleウェブマスター向け公式ブログ

今まで、ダイナミックレンダリングの技術ドキュメントはすでに公開されておりましたが、「じゃあ実際に何をどうすれば設定できるの?」といった具体的な部分にはあまり触れてきませんでしたので、今回Googleがそういう部分を解説してくれているというわけです。

更新頻度が高いJavaScriptを実装していたり、そのほとんどがJavaScriptで生成されているサイトやアプリを運用しているウェブマスターにはSEO上、必見の情報ではないでしょうか。


関連記事

Search ConsoleでAMPチェック

Search ConsoleでAMPページのエラーを確認(デバッグ)できるようになりました。米国現地時間の7月12日にAMP開発ブログで発表していますので、和訳してご紹介します。 どういうこと? Search Console内の[ウェブに関する主な指標]部分から各URLを確認する箇所で、直接Page ...(続きを読む)

Googleしごと検索の要件変更

米国現地時間7月13日、Googleはしごと検索における求人情報のガイドラインを少し変更したことをSearch Central Blogで発表しました。和訳してご紹介します。 求人情報ガイドラインの更新 今回のアップデートは構造化データにおける新規プロパティの追加とコンテンツポリシーの追加です。 求 ...(続きを読む)

問い合わせ先を検索に明示する

Googleは、検索結果に(エンドユーザーへの)問い合わせ先を適切に表示するための手段をSearch Central Blogで案内しました。いくつかのアプローチ方法がありますので、和訳しながらご紹介したいと思います。 Googleからの紹介記事内容 まずはSearch Central blogの内 ...(続きを読む)

SEO業者は詐欺か?

先日、(私の好きな)フランス在住の日本の著名人がYouTubeライブで「SEOに関して、真摯な業者の見分け方を教えてほしい」という質問者に対して「SEO業者は基本全て詐欺なのでリスティング広告の方が確実に検索結果に表示できる」というような回答をされていました。業界にどっぷり浸かっている私からすれば「 ...(続きを読む)

コメントを書く

コメントは承認から反映までしばらく時間がかかる場合がございます。メールアドレスが公開されることはございません。