什么是 Viewport?
Viewport 是位于 HTML <head> 中的元标记。这是用户可以从其设备或显示器上看到的网页可见部分。不正确的视口会导致用户在浏览网站时必须横向滚动,而不是让网站完美地适应他们的设备屏幕。
为什么视口很重要?
移动友好型网站的排名更高,就是这样。为了以最少的投资实现最大程度的移动友好度,网站必须减少用户滚动或调整页面大小的时间。
创建响应式网站设计至关重要,因为网站需要被各种类型的用户通过任何设备访问。您可以使用每个设备的视口来提供网站的最佳版本。
移动视口对 SEO 的影响
配置您的移动视口是提高网站移动友好性的最简单、最 中英数据 效的方法。 Google 在其响应式网页设计基础中首先提到了视口元标记,并反映了每个网站都应遵循的 SEO 指南。通过移动优先计划,他们继续说道“针对多种设备优化的页面应该在文档头中包含视口元标记”。
视口最佳实践
为了确保页面以适合移动设备的方式显示,您可以遵循以下提示:
避免以特定宽度呈现页面,因为不同设备的宽度可能有所不同。
避免在 CSS 中使用绝对宽度值,例如 cm、mm、in、px、pt 或 pc。而是 阻止 wordpress 注册垃圾邮件的 7 种最佳方法 使用相对宽度值,例如 em、ex、ch、rem、vw、vh vmin、vmax 和 %。使用绝对值可能会导致您的网站元素加载范围超出您的视口允许的宽度。
手动测试网站的响应能力和视口准备情况
确定您的网站在不同设备上的显示效果的最简单、最快捷的方法是生成 SEOptimer 报告并查看报告的设备呈现部分:
您需要使用自己的设备或使用 Chrome“检查” whatsapp 数据库印度 测试您的网站,以查看您的网站在 Google 提供的各种设备上的显示效果。请注意,使用 Chrome 浏览器不允许您从左向右拖动屏幕或使用捏合缩放。