[レベル: 中級] この記事では、昨日に続いて Google Webmaster Conference Mountain View でのライトニングトークをレポートします。 セッションテーマはレンダリングです。 Rendering: レンダリング レンダリングによって、ユーザーが見ているものと同じものを Googlebot が見ることができる。 [左: レンダリング前、右: レンダリング後] レンダリングは基本的には、ブラウザのように振る舞う必要がある。 複雑でコンピューティングの多くの処理を必要とする。 Chrome の機能で Googlebot はレンダリングする。 課題 レンダリングには次の 2 つの要素が必要。 Fetch(フェッチ)でコンテンツやリソースを取得 JavaScript の実行 Googlebot がフェッチし、Chrome が(JS の実行などで)レンダリングする。
[レベル: 上級] この記事では、Googlebot によるレンダリングを検証、デバッグする方法を4つ紹介します。 Googlebot = Chrome 41 まず、前提知識として知っておかなければならないことは、Googlebot がレンダリングする仕組み (Web Rendering System、略して WRS と呼ぶ)は、Chrome 41 に相当するということです。 この記事を書いている時点では、Chrome の最新バージョンは 65 です。 現在利用されている ES6 の機能のごく一部しか Googlebot はサポートできていません。 たとえば、CSS カスタムプロパティや Strict mode、IndexedDB をサポートしていません。 Chrome 41 がリリースされたのは、2015年3月です。 つまり、SEO を意識するなら、3年前のブラウザに合わせなければならな
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く