Google抓取方式 - Googlebot（桌面）无法正确呈现网页

Question

我遇到了让Googlebot正确呈现我的网页的问题。

它渲染我的页面的页眉和一行（仅仅是页面的顶部背景图片），然后无法渲染超出该页面的任何东西，甚至没有页脚，错过了页面的3/4。

我的网站是www.runparis.fr并附上呈现的提取的屏幕截图。

其他可能相关的信息包括：

• 所取出的代码是什么都不缺
• 的获取状态完成（没有缺失资源）
• 的问题是站点范围;它发生在我的所有网页
• 当我检查了整个页面是完全
• 呈现抓取谷歌（移动），使该网站完全
• 该网站看起来罚款在我的任何浏览器的缓存
• 没有什么时髦在我的网页上继续;这只是背景图片和文字。简单的东西。

我的问题是：

• ，Google的无力渲染页面已经在谷歌的排名也产生了影响？
• 有没有解决问题的任何建议，让谷歌呈现正确的页面？

感谢任何人的帮助或建议！ Googlebot render 2

编辑： 我做了另一个抓取谷歌和渲染测试页，发现Googlebot会停止渲染已经渲染，我已经设置为“全高度”在我的页面中的任何背景图片后建设者在我的WordPress的安装;也就是说，任何设置为占用浏览器窗口全高的图像会导致渲染失败。

所以，它会渲染所有东西，直到它碰到这个图像，呈现出来，然后停下来。

如前所述，我的网页是不花哨的;这只是简单的背景图片和文字。让我惊讶的是，Googlebot无法渲染任何浏览器可以完美呈现的内容，尤其是考虑到页面的简单性！

所以，我的问题是：

• 谷歌将不能够使我的网页冲击谷歌排名我的网站的方式吗？ （鉴于缓存中的内容在我的浏览器中呈现良好）
• 而且，这是常见问题吗？是否有任何修复程序可让Google正确呈现我的页面？

---

由外部源提供的一些新的信息：

“validator.w3.org/nu/?doc=http%3A%2F%2Frunparis.fr%2F”

“jigsaw.w3.org/css-validator/validator?uri=http%3A%2F%2Frunparis.fr%2F &配置= CSS3 & usermedium =所有&警告= 1个& vextwarning = &郎= EN”

各种错误和警告可能解释为什么渲染在Google Fetch和渲染等工具中受到阻碍。 浏览器比所有这些验证和渲染工具更为宽容。 我猜测在Google的渲染工具中，设置背景图像和前景图像以及文本内容的css规则正在以错误的顺序应用，所以背景的东西最终会在前景之上。

这个新信息是否有助于任何人理解Googlebot为何无法呈现网页？

Answer 1

我遇到过同样的问题，渲染器上唯一可见的东西是英雄部分，它是由定义高度：100vh引起的;为英雄部分。
这个问题用vh CSS单位时发生，或者在某些情况下height:100%;

Here是螺纹和讨论，真正让我搞明白这个问题：

我认为，谷歌机器人做这个：
1.用1024x768的视口来看你的网站。
2.检查window.scrollHeight有多高
3.大小调整它的虚拟浏览器是相同的高度window.scrollHeight
4.注意到屏幕截图和
5.检查以查看哪些元素可见，并根据情况评估SE分数。 （卧底的内容是不可见的）

---

我部分解决这一问题将额外的规则到mediaqueries：
所以周边1,024像素宽度决议，我把max-height:800px;（规则height:100vh;在我的英雄部分，
和mediaquery的规则约1280px宽度及以上，我设置​​（规则height:100vh;是活动的）。

我仍然在高度左右30px在渲染器中，但是在页面末尾被截断，没有文本和任何有意义的内容。