如果你跟上最新的谷歌算法变化，你可能已经听说了关于移动设计的公告。谷歌最近宣布，它将把移动可用性作为网站排名的一个因素。这意味着，如果你没有一个反应灵敏或移动友好的设计，你的网站可能会受到影响。网站设计者熟悉如何让网站移动，但是这篇文章强调了如果网站管理员没有快速反应的设计经验，他们需要知道什么。

什么是响应设计？

响应设计会根据用户的屏幕大小自动格式化和布局网页元素。在网页设计的旧时代，网站管理员必须创建适合大型桌面显示器的网页。这些桌面显示器逐渐变得更大，因此站长们能够创建越来越大的布局。宽带也变得可用，所以站长可以创建大图片，而不用担心用户的下载速度。

网站设计趋势正发生相反的变化。用户正把智能手机和平板电脑作为浏览网络的一种方式。当然，桌面仍在使用，但这些较小的设备正迅速成为主要的浏览形式。如果您的网站使用大型图像文件和仅基于桌面用户的设计，移动用户将难以使用您的网站。沮丧的用户意味着销售的损失，现在谷歌宣布它的机器人将检测不友好的网站。

通过响应性设计，您的站点布局可以根据移动设备的屏幕大小调整到屏幕的不同区域。换句话说，同样的布局适合智能手机、平板电脑和普通的桌面显示器。

响应性网页设计的基础是CSS3。CSS3是级联样式表的最新版本。CSS是网站设计中的事实。所有的字体样式、布局、颜色和图像都由CSS控制。CSS3提供了一种称为媒体查询的新型操作。媒体查询检测用户的屏幕大小，并相应地设计网站。媒体查询只在CSS3中可用，所以如果你的网站没有使用最新的样式表版本，你将不能使用响应性的网站设计。

HTML5通常与CSS3集成在一起，尽管它不是处理响应设计的必要条件。HTML5使使用媒体变得更加容易。最新的超文本标记语言版本使用了新的标签，如视频和音频，使得创建媒体丰富的网站设计变得更加容易。

较小屏幕和移动设备的另一个问题是带宽。尽管移动设备在硬件和软件方面有所进步，但移动设备的带宽仍然非常有限。此外，移动设备用户仍然为数据付费，大多数智能手机计划并不提供无限制的数据。甚至声称提供无限数据的公司也开始限制每月占用太多数据的用户。

有限的带宽意味着你必须考虑你的网站文件的大小。对于网站管理员来说，图像通常是最难简化的。缩小旧图像格式的尺寸，图像质量会受到影响。使用时，您将无法避免图像质量下降。jpg或。gif文件，但是您可以创建矢量图像来保证任何图像大小的质量。使用矢量图像，您可以将文件大小调整为更大或更小的图像大小，而不会降低其质量。矢量图像通常有一个。svg文件扩展名，尽管您可以使用其他扩展名。

使用响应性设计时的经验法则是，总是先使用最小的屏幕，然后为越来越大的屏幕设计您的网站，直到您找到想要支持的最大的桌面显示器。你可以限制你支持的屏幕尺寸，但是平板电脑和智能手机制造商继续改变屏幕尺寸来竞争。例如，苹果的iPhone过去每一个新版本只有一个尺寸，但是苹果在最新的iPhone 6上发布了两个屏幕尺寸选项。平板电脑也是如此。平板电脑制造商提供多种尺寸，您在设计移动网站时需要考虑这些尺寸。

你还有其他选择吗？

除了响应性网站设计，你还有其他选择。响应设计是大多数网站设计者的首选，但另一个选择是在一个专用子域上托管的移动版本。这种类型的站点称为“m站点”。“m站点”的名称来自于所使用的公共子域。大多数网站所有者将一个单独的移动网站放在一个子域上，如“m . my domain . com”。“m”向用户表明该子域是主桌面网站的移动版本。m站点是向移动设备提供移动内容的最初方法，但后来CSS3和媒体查询提供了响应性设计。

如果你选择一个m站点，你需要使用一个完全独立于你的主桌面站点的解决方案。m站点也大量使用规范标签。规范标签向搜索引擎机器人表明两个页面是相同的，其中一个是你的偏好。规范标签同样用于m站点和桌面页面。例如，假设您有一个在桌面应用上销售小部件的销售页面和一个在移动子域上销售相同小部件的单独页面。规范标签向机器人指示移动页面与桌面页面相同。谷歌还使用“rel”元素来链接手机和桌面版本。“rel”元素将机器人指向与桌面页面相关的可选移动页面。使用这两个标签可能会让人困惑，站长很容易出错。这也是为什么响应性设计优于单独的m站点的另一个原因。

还有其他考虑吗？

当站长发布一个新设计时，搜索引擎排名一直是他们关注的重点。没有人能保证你会保持现有的搜索引擎排名。大多数人看到排名有所下降，然后又回到新设计改变之前的位置。

在它们上线之前测试你的变化也很重要。任何错误都可能严重损害你的搜索引擎排名和销售，所以让一个测试人员浏览这个网站并给你反馈。你永远不希望你的程序员也做测试。程序员知道网站是如何工作的，通常不会发现你的用户会发现的错误。最好让第三方测试人员确保你网站的所有部分都正常工作。

有了合适的设计师和一点点耐心，你就能拥有一个伟大的移动网站。随着谷歌对其算法进行修改，如果你还没有考虑移动网站的设计，你就需要考虑了。仅仅在搜索引擎排名中失去一个位置就能极大地影响你的销售和收入。

一个缓慢的网站会如何减缓你的业务

网站速度有多重要？

对亚马逊来说，这很重要16亿美元。

如果他们的网站速度慢了一点，他们会损失多少一秒钟。毫无疑问，你网站的速度对你的生意有直接的影响。

很可怕，不是吗？

网站速度是我最大的困扰。我相信加载速度是任何好网站的基础，因此它是任何好生意的基础。

如果你的网站很慢，它会拖你后腿。

1.销售和转换

让我们从标题数字开始。网站速度会严重影响你的汇率。以及你的总销售额和总收入。

我以亚马逊为例，它每年可能损失16亿美元。为什么这个数字这么大？

归结为一个简单的事实:

–40%的人会放弃一个网站，如果它花费的时间超过三秒钟装载。

当一个网站需要三秒钟以上的时间来加载时，事实证明大多数人会经常放弃它。这是直接的损失潜在客户以及错失的销售机会？

如果你的网站每月有2000名访客，如果你的网站速度变慢，你可能会失去800名访客。你可以想象这会对你的转化率产生多大的影响！

我们还必须考虑到亚马逊是一个公认的名字。人们通常会选择他们熟悉的网站。如果你是一家争夺新客户的小公司，你就不能放慢脚步。

2.用户体验

想想你通常要等多久才能加载一个网站。如果需要一段时间，你会开始感到沮丧或厌倦。换句话说，你有一个糟糕的用户体验！

慢速网站从一开始就激怒了访问者，这会影响他们在你网站上的剩余时间。这会影响他们现在向你购买的决定和在未来。

79%的网上购物者说他们不会回到一个缓慢或表现不佳的网站。

我总是说，网站加载速度是你提供一个奇妙的用户体验的第一次机会。

一切都是第一印象，你只有一次机会。当一个网站突然出现时，你刚刚创建了你的第一个积极的用户体验。马上，你的客人就高兴了。

创造难忘的用户体验有一个简单的公式。你给你的访客他们想要的，而你尽可能快地做！

任何让用户慢下来或分散他们注意力的事情都会导致糟糕的用户体验。一个鲜为人知的秘密是，UX设计是关于消除障碍。因此，从本质上来说，带走任何让你的访客慢下来的东西是很重要的。

3.搜索引擎优化

搜索引擎优化是一件棘手的事情。没有人真正知道怎么做谷歌的算法帕洛阿尔托的谷歌书呆子除外。

但是有一点我们可以肯定的是谷歌投票减缓下载速度。事实上，谷歌的使命是"让整个网络变得快速“。

对于一个注重速度和效率的公司来说，你认为他们会给一个慢的网站打高分吗？他们没有，因为这不是他们所代表的。人们信任谷歌，最终他们的责任是识别和推广所有类别中最好的网站，速度是决定性的因素。

公平地说，速度不是最大的 排名因素(与相关性和网站权威相比)。但是，它是仍然是一个因素谷歌已经公开解释了这一点。

他们不担心一瞬间，但他们会的黑标的超慢网站。

根据谷歌的说法，如果你的服务器接收了，他们会减少发送到你网站的爬虫的数量超过两秒钟回应。(仅供参考，服务器速度与您的略有不同总负载速度。(

因此，如果你的服务器运行缓慢，谷歌可能找不到你的最新博客或更新。

这是一个你的搜索引擎优化策略的问题。

一个快速的网站不会解决你所有的搜索引擎优化问题，但它会确保你的网站被定期抓取和索引。这将保持你的搜索引擎优化策略的目标，并将最终帮助你进入令人垂涎的搜索结果的第一页。

4.一个缓慢的网站会降低你的反弹率

史黛西最近写道如何降低你的反弹率在博客上。她恰当地指出负载速度起着很大的作用。

很简单，你的反弹率是多少游客不点击一个链接就离开你的网站。他们没有阅读太多内容，也没有看产品就离开了。

这通常意味着他们没有找到他们要找的东西，并放弃了你的网站。你的反弹率是一个关键指标用户体验，也就是说，较低的反弹率意味着你的用户一般都很高兴，并且在浏览你的网站。高反弹率意味着他们很快就会离开。

高反弹率现在也影响你的搜索引擎优化，以及潜在的销售和转换。

我们已经解释了一个缓慢的网站如何导致40%的人点击离开。这是你开始之前40%的反弹率！

5.我们希望你的网站能更快

我已经向您展示了一些重要的统计数据，但最受打击的是:

–47%的人期待你的网站能载入两秒钟。

那些是超高的期望！当你在一个移动装置也不是。近90%的人认为移动网站应该和桌面网站一样快。

没有办法，你必须满足这些期望。事实上，你必须超越预期！

就像我之前说的，我们经常会为大型网站多等一会儿。但对于小企业来说，关键是你能多快给人留下深刻印象。

你现在想知道你的网站是如何成形的，不是吗？

从发现开始您的服务器响应速度有多快。提示:你正在寻找一个“谷歌认可的”200毫秒或更快的响应时间。你的服务器速度是你网站的核心基础，也是第一个开始的地方。