折叠之上（首屏）

折叠之上（首屏）是什么？

折叠之上（首屏）内容是滚动之前显示的网页部分。你需要向下滚动才能看到的任何内容都将被视为“非首屏”。“折叠”是浏览器窗口结束的地方，但内容仍在下面。

折叠之上（首屏）从何而来？

在出版业的早期，“首屏”是一个术语，用于指出现在报纸头版上半部分的内容。当报纸在报摊上展示时，折叠（或遮盖）上方出现的头条新闻和头条新闻是最明显的。吸引人的标题和生动的图像通常用来吸引读者的注意力，说服他们购买报纸。

随着出版商将业务转移到网上以及网页设计在 20 世纪 90 年代不断发展，这个术语继续流行。如今，折叠不再指报纸中的实际折叠，而是指浏览器窗口的底部或距页面顶部约 600 像素的位置。

为什么折叠之上（首屏）很重要？

内容布局和位置很重要，因为显示在首屏的内容是用户加载页面时首先看到的内容。最受用户关注的是优质位置。

由于其高度可见性，你放置在首屏的内容应该是对实现业务目标最重要的内容。内容应该立即吸引用户的注意力，并向他们展示他们正在寻找的内容，这样他们就不会跳出并访问另一个网站。

例如，埃克森数字营销操作的一个外贸网站曾经将首屏的600像素高的banner更改为300像素从而在首屏中显示更多的内容，最终将网站的跳出率由70%降到了1.28%。

在广告方面，将广告放置在首屏可以提高其可见性，并比放置在不太显眼位置的广告产生更多的广告收入。对于 B2B 网站，将关键号召性用语 (CTA) 和其他有关产品差异化的重要信息放在首页或其他着陆页的首屏通常会带来更高的转化率。

折叠之上（首屏）是如何衡量的？

为网站定义单一折叠位置往往是不可能的。因为显示器尺寸（台式机和笔记本电脑）、屏幕分辨率、浏览器插件以及各种手机和平板电脑的尺寸不同，折叠的精确位置也有所不同。

在确定平均折叠位置时，大多数网页设计师都同意折叠屏幕的宽度约为 1,000 像素，高度约为 600 像素。

这是最常见的 1024×786 像素显示器/浏览器组合的最佳情况，浏览器窗口最大化，并且顶部没有安装工具栏将内容向下推。

你网站的分析程序应该能够告诉你访问者最常见的屏幕尺寸。虽然 1024×768 传统上是最常见的，但新尺寸越来越受欢迎，例如 320×568 和 360×640。

首屏在移动设备的注意事项

人们越来越多地使用移动设备浏览网页，这使得优化首屏网页设计的概念变得更加复杂。

移动设备提供多种屏幕尺寸。此外，手机上的用户通常以纵向模式而不是横向模式浏览，这使得传统的页面设计发生了侧向变化。

由于有如此多的人通过各种设备访问网页，当前的网页设计实践需要使用响应式设计：利用灵活的布局、图像和级联样式表。在响应式设计中，页面没有固定的布局，内容会回流到任何尺寸的屏幕上。响应式网页对其使用或浏览的环境做出反应或“响应”。

虽然重要的内容仍然需要位于页面的较高位置，但如今，页面的设计应该鼓励更多地滚动，这样他们就不会错过重要的内容。

首屏关于搜索引擎优化考虑因素

尽管将广告放置在首屏上以最大化其可见度通常是一个好习惯，但过度使用广告也会产生负面后果。

多年来，谷歌发布了多项算法更新，对那些在首屏放置大量广告的网站进行惩罚，甚至将页面的实际内容强行置于首屏下方。过度在页面顶部放置大量广告的网站会带来糟糕的用户体验，这样做可能会导致免费SEO流量急剧减少。

因此广告可见度的优化需要平衡，以便用户体验和广告可见度都最大化。

优化内容和广告投放

优化网站上内容和广告的放置是一个涉及数据分析、测试和实验的迭代过程。

页面布局优化的一个很好的起点是查看你的分析工具，以确定用户的数量统计数据（浏览器、屏幕尺寸、设备类型）以及他们的实际行为（滚动深度、跳出率、互动率）。此分析将为你提供一组有关用户如何与你的网站交互的基准指标。

初始网站审核完成后，下一步是假设生成和测试。你可以提出内容和广告展示位置的想法，使用A/B 测试软件在页面上移动元素并测试哪一个效果最好。

一旦你掌握了这些数据，就可以返回分析数据并生成有关如何优化站点的新假设。