抓取谷歌 - Googlebot(桌面)无法正确呈现页面

Question

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

它正在渲染页面和我页面的一个"行"(只是页面的顶部背景图片),然后无法呈现除此之外的任何内容,甚至页脚都没有丢失大约3/4的页面.

我的网站是www.runparis.fr,附加了渲染提取的屏幕截图.

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

• 获取的代码没有任何缺失
• 获取状态已完成(没有丢失资源)
• 问题在于整个网站; 它发生在我的所有页面上
• 当我检查缓存时,整个页面都完美呈现
• 抓取谷歌(移动)完美呈现网站
• 该网站在我的任何浏览器中看起来都很好
• 我的页面里没有什么好玩的东西; 它只是背景图像和文字.简单的东西.

我的问题是:

• 谷歌无法呈现网页会对Google的排名产生影响吗？
• 是否有任何建议解决问题并让谷歌正确呈现页面？

感谢任何人提供的任何帮助或建议! Googlebot渲染2

编辑:我已经完成了另一个Google抓取并渲染测试页面,发现Googlebot在我的Wordpress安装中的页面构建器中渲染了我已设置为"全高"的任何背景图像后,将停止渲染; 也就是说,任何设置为占据浏览器窗口全高的图像都会导致渲染.

因此,它将呈现所有内容,直到它到达此图像,呈现,然后停止.

如前所述,我的页面并不华丽; 它只是简单的背景图像和文字.令我惊讶的是,Googlebot无法呈现任何浏览器可以完美呈现的内容,特别是考虑到页面的简单性!

所以,我的问题是:

• Google无法呈现我的网页会影响Google对我网站的排名吗？(鉴于缓存中的内容在我的浏览器上呈现正常)
• 而且,这是一个常见的问题吗？是否有任何修复可让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&profile=css3&usermedium=all&warning=1&vextwarning=&lang=en"

各种错误和警告可能解释了为什么渲染在某些工具(例如Google Fetch和render)中受到阻碍.浏览器比所有这些验证和渲染工具更宽容.我猜测在Google的渲染工具中,设置背景图像和前景图像以及文本内容的css规则以错误的顺序应用,因此背景材料最终会出现在前景之上.

这些新信息是否有助于任何人理解为什么Googlebot难以呈现该页面？

Answer 1

我遇到了同样的问题,渲染器中唯一可见的东西是英雄部分,它是由定义高度引起的:100vh; 对于英雄部分.
使用vhCSS单位时会出现此问题,或者在某些情况下,height:100%;

这是帮助我理解问题的线程和讨论:

我相信谷歌机器人正在这样做:
1.使用1024x768视口查看您的网站.
2.检查它的高度3.将其虚拟浏览器的window.scrollHeight大小调整为与window.scrollHeight相同的高度4.获取屏幕截图和5.检查可见的元素,并根据需要计算SE得分.(定义不可见的内容.)

我通过在媒体查询中插入额外的规则来部分地解决了这个问题:因此,对于大约1024px宽度的分辨率,我把(规则保持活动)放在我的英雄部分上,并且在媒体查询上为1280px宽度和向上的规则,我设置(规则是活动的).
max-height:800px;height:100vh;
max-height:none;height:100vh;

我仍然失去周围30px的高度渲染器中,但在页的末尾多数民众赞成被切断,没有文字和任何meaningfull内容.