SEO动态渲染的烟雾测试

重庆seo分享http://www.ddv6.com

谷歌刚刚发表了一篇关于如何“ 动态渲染入门 ”的文章。 “如果您正在使用”现代框架“（例如Angular，React或其他具有大量JavaScript功能的技术）工作，您需要为该帖子添加书签。如果阅读不是你的事情，几周前我把服务器端渲染傻瓜（和非技术搜索引擎优化决策者）放在一起，它将很多谷歌技术术语归结为一张PowerPoint幻灯片。

虽然Google帖子中包含了开始使用服务器端渲染所需的大部分内容，但我还是要关注故障排除部分 - 谈谈您想要回答的用户问题，相关性，域权限等等 - 如果我不得不用一个词来定义2018年SEO，这将是“故障排除”。

Google为您提供了解决“验证配置”和“疑难解答”部分中的预呈现问题所需的大部分内容。这是他们要做的事情（为简洁而编辑）：

验证您的配置

使用以下测试检查URL：

使用适合移动设备的测试来测试您的移动内容，以确保Google可以看到您的内容。

使用Google抓取方式测试桌面内容，确保桌面内容在呈现的页面上也可见（呈现的页面是Googlebot查看您网页的方式）

如果使用结构化数据，请使用结构化数据测试工具测试结构化数据是否正确呈现。

故障排除

如果您的内容在移动设备友好测试中显示错误，或者未在Google搜索结果中显示，请尝试解决下面列出的最常见问题。

内容不完整或看起来不同

导致此问题的原因 ：您的渲染器可能配置错误，或者您的Web应用程序可能与渲染解决方案不兼容。 有时超时也会导致内容无法正确呈现。

响应时间长

导致此问题的原因 ：使用无头浏览器按需呈现页面通常会导致响应时间过长，这会导致爬网程序取消请求而不会索引您的内容。 高响应时间还可能导致抓取工具在抓取和索引内容时降低抓取速度。

缺少结构化数据

导致此问题的原因 ：缺少结构化数据用户代理，或者输出中不包含JSON-LD脚本标记可能导致结构化数据错误。

我们将这些称为“ 烟雾测试” 。根据我们遇到的一些实际情况，服务器端渲染故障排除的细微差别。

如何在新站点启动之前测试服务器端渲染
通常情况是，在网站建成之后，SEO会很好地进入流程，但仅在推出之前几天。我们需要一种方法来测试Google中的新网站，而无需在旧版网站上与Google竞争。出于各种原因，我们不希望整个新网站被抓取和编入索引，但我们想知道Googlebot可以对网址上的内容编制索引，它可以抓取内部链接，并且可以对相关查询进行排名。这是如何做到这一点：
1. 在新网站上为每个模板创建测试URL（或使用已构建的URL）并确保它们从主页链接。
2. 添加robots.txt文件，该文件仅允许抓取这些测试网址。
  这是一个例子：
  用户代理：Googlebot
  禁止：/ （这意味着不要抓取整个网站）
  允许：/ $ （即使网站的其余部分在上面的行中被阻止，也允许Gbot仅抓取主页）
  允许：/ test-directory / $ （只允许抓取/ test-directory / URL）
  允许：/ test-directory / test-url （允许抓取/ test-directory / test-url）（你可以添加任意数量的URL来测试 - 你测试的越多，你就越确定，但是极少数通常很好）
3. 设置robots.txt后，请在Google Search Console中验证测试网站。
4. 使用Google提取工具获取并呈现主页并请求抓取所有链接的网址。我们将在此测试Google可以索引主页上的所有内容，并可以抓取链接以查找测试网址。您可以在Fetch工具中查看主页上的内容，但我不一定会相信它 - 我们有时会发现此工具与Google中实际显示的内容不同步。
5. 几分钟后，至少应该将测试主页编入索引。完全匹配搜索标题标记和主页正文中显示的文本。如果文本是通用的，您可能必须在查询中包含site：domain.com以仅关注测试域。您正在寻找显示在结果中的测试网址。这是一个信号，至少谷歌可以索引和理解您的主页上的内容。这并不意味着页面排名很好，但至少它现在有一个镜头。
6. 如果测试链接是可抓取的，那么很快就应该在主页上显示的测试网址显示在Google中。做同样的测试。如果他们没有在24小时内出现，虽然这并不一定意味着链接不可抓取，但它至少是该方向的信号。您还可以查看索引测试主页的纯文本缓存。如果链接是可抓取的，您应该在那里看到它们。
7. 如果您想获取更多数据，请在robots.txt中取消阻止更多网址，并请求更多索引。
8. 完成测试后，请通过“删除URL”工具请求在GSC中删除测试域。
9. 我们经常可以在24小时内完成此过程，但我们建议客户给它一周，以防我们遇到任何问题。
10. 专业提示：如果你正在使用Chrome并查看标题标签文本等搜索引擎优化内容的测试网址，那么SEO扩展和查看源代码只会显示“钩子”（例如{metaservice.metaTitle}）而不是实际文本。打开Chrome开发者工具，然后查看“元素”部分。搜索引擎优化的东西应该存在。
不要在PreRender服务器上阻止Googlebot
信不信由你，我们有一个客户这样做。有人担心Googlebot会占用大量带宽而花费他们的钱。我猜他们不那么害怕不赚钱来支付这个带宽。
不要在PreRender服务器上阻止Googlebot
我们说服同一个客户取消阻止Googlebot，但在Google Search Console的抓取报告中注意到每天抓取的网页非常低。有人试图以保证他们赔钱的方式存钱。可能存在一些阈值，您可能希望限制Googlebot的抓取，但我的感觉是Googlebot很擅长为您解决这个问题。

SEO动态渲染的烟雾测试相关推荐

driver.get调用iframe中的页面_【5分钟玩转Lighthouse】爬取JavaScript动态渲染页面
0x00 背景概述通过[技术干货 007 | Scrapy爬虫初探]教程,大家应该已经对如何编写爬虫有了一定的认识.但对于较为复杂的网站设计,比如网站页面使用了JavaScript动态渲染,入门级的 ...
5G 超高清关键技术：高帧率重置、高动态渲染、云加端增强
帧享是什么? 帧享是一个超高清的解决方案,从 2B 到 2C 的视角,帧享具备 4 个技术能力: 一是高帧率增强,可提供最高 120 帧的超高帧率视频,顺滑地呈现物体运动场景: 二是超高分辨率,对于画 ...
python的flask框架显示柱状图_使用Python的Flask框架，结合Highchart，动态渲染图表...
服务端动态渲染图表参考文章链接:https://www.highcharts.com.cn/docs/dynamic-produce-html-page 参考文章是使用php写的,我这边改用pyth ...
使用 Scrapy + Selenium 爬取动态渲染的页面
点击上方蓝字关注我们! 背景在通过scrapy框架进行某些网站数据爬取的时候,往往会碰到页面动态数据加载的情况发生,如果直接使用scrapy对其url发请求,是绝对获取不到那部分动态加载出来的数据值 ...
Python3网络爬虫实战-38、动态渲染页面抓取:Splash的使用
Splash 是一个 JavaScript 渲染服务,是一个带有 HTTP API 的轻量级浏览器,同时它对接了 Python 中的 Twisted和 QT 库,利用它我们同样可以实现动态渲染页面的抓 ...
微信小程序获取数据接口动态渲染Echarts折线图
上篇文章介绍的是最简单的折线图配置方法,若是放到开发的项目中还需要进行一些改动,比如,如何调用接口获取数据动态渲染折线图: 为了更好的体验项目开发中调取接口获得数据渲染折线图,我让朋友给我开发了接口模 ...
Layui动态渲染下拉框
本例包含测试页面代码,工具方法只有selectUtil <!DOCTYPE html> <html><head><meta charset="utf ...
RSS Can：使用 Golang Rod 解析浏览器中动态渲染的内容：（四）
第四篇文章,来聊聊 Golang 生态中如何"遥控"浏览器,更简单.可靠的使用基于 CDP (Chrome DevTools Protocol)协议的浏览器作为容器,获取诸如微博. ...
scrapy模拟浏览器爬取51job(动态渲染页面爬取)
scrapy模拟浏览器爬取51job 51job链接网络爬虫时,网页不止有静态页面还有动态页面,动态页面主要由JavaScript动态渲染,网络爬虫经常遇见爬取JavaScript动态渲染的页面. ...

SEO动态渲染的烟雾测试

重庆seo分享http://www.ddv6.com

SEO动态渲染的烟雾测试相关推荐

最新文章

热门文章