谷歌是如何在24小时内破解Ajax网站SEO难题的?
- 内容介绍
- 文章标签
- 相关推荐
在开发 Ajax 网站时最常遇到的痛点就是:代码在 IE、360、火狐等浏览器里跑得顺畅,却在 Google Chrome 下频繁出现“没有显示正确结果”或“请求失败”的现象。是当你要把这类页面投放到搜索引擎时更会被搜索引擎抓取不到内容,导致 SEO 排名直线下滑。怎么说呢,
1️⃣ Chrome 与 Ajax 的相互作用
Chrome 对同源策略、跨域请求和缓存机制的实现方式与其他浏览器略有差异,常见问题包括:
- 跨域 AJAX 请求被拦截
- 请求被缓存导致数据不更新
- IE/360/火狐中支持的老式 JSONP 在 Chrome 中被严格解析
- Chrome 开发者工具中的网络面板显示 “net::ERR_CONNECTION_TIMED_OUT” 或 “404”
至于痛点一。无法在 Chrome 上正常获取数据
当你用 console 打印返回值时发现是
再看痛点二,搜索引擎抓取不到 Ajax 加载的内容
Google 在抓取页面时默认只会执行最初加载的 HTML,除非你做了特殊标识,否则动态内容将完全丢失。
2️⃣ 谷歌如何在24小时内 Ajax 网站 SEO 难题?
谷歌团队通过一系列技术手段,让搜索引擎能够理解并抓取 Ajax 页面中的关键内容:
a) 响应头标识 – `` 与 `X-Robots-Tag`
`` 告诉 Googlebot 在访问页面时使用 JavaScript 渲染模式。配合服务器返回的 `` 或 `X-Robots-Tag: noindex` 可以精准控制哪些内容需要索引。
在开发 Ajax 网站时最常遇到的痛点就是:代码在 IE、360、火狐等浏览器里跑得顺畅,却在 Google Chrome 下频繁出现“没有显示正确结果”或“请求失败”的现象。是当你要把这类页面投放到搜索引擎时更会被搜索引擎抓取不到内容,导致 SEO 排名直线下滑。怎么说呢,
1️⃣ Chrome 与 Ajax 的相互作用
Chrome 对同源策略、跨域请求和缓存机制的实现方式与其他浏览器略有差异,常见问题包括:
- 跨域 AJAX 请求被拦截
- 请求被缓存导致数据不更新
- IE/360/火狐中支持的老式 JSONP 在 Chrome 中被严格解析
- Chrome 开发者工具中的网络面板显示 “net::ERR_CONNECTION_TIMED_OUT” 或 “404”
至于痛点一。无法在 Chrome 上正常获取数据
当你用 console 打印返回值时发现是
再看痛点二,搜索引擎抓取不到 Ajax 加载的内容
Google 在抓取页面时默认只会执行最初加载的 HTML,除非你做了特殊标识,否则动态内容将完全丢失。
2️⃣ 谷歌如何在24小时内 Ajax 网站 SEO 难题?
谷歌团队通过一系列技术手段,让搜索引擎能够理解并抓取 Ajax 页面中的关键内容:
a) 响应头标识 – `` 与 `X-Robots-Tag`
`` 告诉 Googlebot 在访问页面时使用 JavaScript 渲染模式。配合服务器返回的 `` 或 `X-Robots-Tag: noindex` 可以精准控制哪些内容需要索引。

