您可能已经收到通知，从谷歌，你的网站现在是受移动优先索引。不过这是什么搜索引擎优化基础行话对营销人员来说意味着什么?

我们将从简短的历史开始——但你可以随时往前跳如果你已经知道了。

谷歌的目标是提供最相关的答案和资源来搜索查询，而您只需要最少的浏览量。他们希望你搜索的答案是最重要的搜索结果--精选片段吗?--他们将不断调整算法以达到目标。

（你可以查看一些谷歌的最新更新，在这里的变化．)

起初，谷歌抓取网站在桌面格式，其中排名基于一定的标准。这是有道理的，因为大多数人都是在他们的办公桌上，在全尺寸的电脑或笔记本电脑上浏览互联网。

在今天的搜索引擎优化领域，更多的搜索正在被在移动设备上进行的，所以基于网站桌面版本的排名并不能提供最相关或最有帮助的结果。

进入舞台左侧，上述移动优先索引 - 和网页加载时间。

如何将页面加载时间因素引入移动优先索引

页面加载时间是主要指标之一谷歌在网站排名时使用. 虽然你的网站的桌面版可能已经在标准互联网连接的桌面设备上加载良好，但移动设备是一种不同的游戏。

尽管移动设备通常都很时髦，需求量也很大，但其功能仍远不如移动设备强大，而且运行在较慢的网络上，观看分辨率更低，在线会话时间也更短。

简言之，你试图接触的人访问你的网站时使用的硬件和网络比我们过去使用的更简单、更不健壮。这就是我们现在需要优化的——考虑到移动网络的挑剔程度，快速加载页面是关键。

停止。这可能是您想要加入开发团队的时候，但现在还不应该这样做。

你可能会认为这完全由开发者自己来处理，但作为营销人员，你还有很多可以做的。

为了帮你，我要帮你:

• 测评方法和一些基本的术语，你需要知道的;
• 在哪里找到你的页面加载时间(以及知道你的网站是否被移动索引);
• 创建内容和页面时要记住的提示和事项；
• 将您的思维方式从台式机转向移动设备；以及
• 抓取(和抓取)你的网站的一些技术细节。

首先，什么是“快”网页加载时间？

简短的回答:不到三秒钟——谷歌数据，直接从马的嘴。

不幸的是，手机登录页面平均加载时间为22秒。哎哟。

把你的页面加载时间下来不仅是一个虚荣的度量。分秒必争，因为较长的页面需要加载，较高的跳出率将是，和你的排名变得更糟。

加载时间超过3秒将增加超过30%的反弹概率。当你达到六秒时，就会超过100%。

所以，虽然错误的空间不大，但有很大的改进空间。这是件好事，

那么营销人员在加载时间方面能做些什么呢?

在我们得到的是，有几个术语，概念，你首先需要知道的事实：

HTML文档

每个网页基本上是一个文本文件，网页浏览器读取并转换成一个更愉快的格式 -通常．HTML文档中的三个主要标签是:

• 标签，其他内容都属于这个标签;
• 标签，浏览器更多的信息，但有一个像网页标题显示的一些信息;和
• 标签，一切你通常看到和互动。

标题和元数据

里面的在每一个HTML文档的顶部，应该有一些特殊的标记，告诉浏览器和网络爬虫对页面的一些信息。如果你没有这些，你应该加入他们，但那是另一个话题。

标记结构

你的页面应该有一个

标签作为主标题，通常与页面的标题或主题。然后连续标题标记（

到

）应用于破碎的页面，具有较低的数是更重要的。标题标签应该不用于强调，因为这可能会使网络爬虫和人们混淆。

到第一个字节的时间（TTFB）

这是用户的浏览器(如用户的手机)从服务器接收第一批信息所需的时间。这往往是一个更技术性的方面，但理解这一点很重要，以便您知道是否需要与开发人员讨论或查看新的主机/服务器。

robots . txt

该文件告诉得到一个网站什么样的信息是正确的，或者不读，并按照通过机器人和爬虫。你可能有一个登陆页面只应显示为点击广告，而不是在搜索结果中。或者，你可能不希望履带遵循任何/所有页面上的链接。

网站地图

此文件告诉web爬虫您网站上的所有页面。如果某些页面没有从您网站的任何位置链接，爬虫将无法找到它们。最好通过搜索控制台将您的网站地图提交给Google（但稍后会有更多介绍）。

如何开始提高网页加载时间

现在你已经准备好把头撞到墙上了，让我们开始做好事吧！

了解页面加载时间

有许多工具可以告诉您加载时间和每个页面的其他细节，我建议至少使用两个，这样您就可以有一个更完整的画面。以下是我最喜欢的几条，所有这些都是免费的：

谷歌的PageSpeed洞察

事实证明，这是最好的起点。测试一个链接，获得关于移动和桌面的改进建议。如果您不确定如何改进，谷歌还链接到资源，尽管它们往往有点技术性。

谷歌的测试我的网站(移动集中)

这是一个类似于PageSpeed的工具，但专注于移动设备。它的细节也不像其他工具那么多，所以最好将它与另一个工具配对。但这是最容易理解的。

webgetest.org

梦幻般的让你的网页，加载时间，资源，它需要多长时间才能从服务器获取信息，只是你想知道的一切详细信息。并且可以选择哪种类型的设备和连接的立足此上，这样就可以用于在较慢的连接移动设备专门着眼。它可对眼睛有点辛苦，但是你要看看过去那种。

gtmetrix.

这是PageSpeed Insights和WebPageTest之间的交叉。如果你想更深入地挖掘，它会给你提供很多信息和资源链接。这是我的页面速度工具的选择。

如果你不能让所有的更新自己没事。

您可以做出一些更新的，而对于其他人，你会，你跟你的开发者的下一次更懂行。

知道你的网站是否适合移动索引

你需要访问你的网站谷歌搜索控制台找到这个。你可以从搜索控制台获得更多的信息，但现在你要在Messages中寻找类似这样的东西:

如果您的控制台看起来不一样，你可能需要检查旧版本的搜索控制台 - 新版本目前处于测试阶段，虽然它看起来不错，它不具有的功能100％呢。看在左侧边栏中的底部。

在移动第一世界中提高页面加载时间

我认为可以肯定地说，我们已经确定手机是现在的趋势--是的，摩根，我知道在这篇文章中我们需要考虑的是“移动优先”而不是“移动也”。

作为营销人员，你是怎么做的呢?

1.减少页面上请求内容的数量

还记得我们谈到HTML文档时吗？文档本身只是文本，没有图像、视频或音频，只有指向这些媒体元素的链接。每次浏览器读取其中一个链接时，它都必须从其他地方请求实际媒体。页面请求越多，加载页面所需的时间就越多。

开发人员可以通过一些方法来改善这一点，但总体而言，您希望每个页面的请求内容更少。谷歌建议每页不少于50个请求作为最佳实践。

“啐。这很简单。”

不，这50条包括了你页面上的所有请求。样式表?最少一个请求(通常更多)。Javascript ?远远不止一个。你想让你的图像在滚动时做什么?另一个javascript文件。谷歌分析还是标签管理?HubSpot的跟踪代码?Facebook像素? Chances are, most of those are going to也有请求。

因此，有几种方法可以提高加载时间。

仅使用图像和视频的页面需要．每次考虑添加媒体时，都要考虑它对页面是否真的有价值。

是的，它在台式机上看起来很棒，但它的图像能唤起用户正确的情感吗?它能比一两句话更好地解释事物吗?如果在移动平台上不这样做，那么你就是在浪费空间和页面加载时间。

这就是为什么这么多网站使用渐变颜色、空白和基于浏览器的动画。它看起来仍然很好，但从技术负载的角度来看，要求少得多。

2.减少页面上包含的内容的大小

好的，您已经将请求的内容减少到对页面最有价值的内容。现在，我们需要减少页面的整体大小(即。页面上的内容)。谷歌最佳实践推荐页面小于500KB．

这有点难。尤其是你上次用手机拍的照片可能比这还大。

有时你的网站主机或服务提供商有一些后台技术可以帮助你做到这一点，但你能做的越多，它就会为你做得更好。

首先，确保将图像设置为合适的分辨率。随着4K图像和高质量照片成为当今的主流，我们经常忘记显示这些像素的屏幕通常要小得多。

与你的开发者讨论如何在不同的屏幕尺寸下显示不同的图像尺寸．是的，1920像素宽在台式机上看起来很棒，但对于一个屏幕宽度只有415像素的手机来说太过了。

“但是摩根，我没有Photoshop来获得不同的图像分辨率。”

没有必要!网上有很多免费的工具，但你甚至可以在Mac或Windows电脑上使用基本的预览应用程序。如果你不确定如何更改，可以在谷歌上快速搜索“[操作系统名称]更改图像大小”。

一旦图像缩放到更小的分辨率，您将希望压缩它。压缩会降低一些质量(通常取决于您的判断)，并导致较小的文件大小。

一个好的经验法则是保持80%的质量。这通常是肉眼无法察觉的(或者是非常接近)，并导致足够好的文件大小的改进。这可以进行微调，但要从这里开始。

同样，也有很多免费的在线工具来做到这一点。您也可以购买多一点控制相对便宜的工具(我在Mac上使用壁球。)

等等，视频怎么样？

好问题。如果可以的话，将较短的视频转换成gif可以节省大量的文件大小。它可以是足够的移动或解释来吸引玩家并让他们理解要点。

显然，这不工作每一个案件，但做到这一点的地方就可以了。

对于无法转换为gif格式的视频，可以使用视频托管服务。这可能会像Vidyard，甚至是YouTube。虽然这需要一个请求(计算你的请求总数)，它不会下载完整的视频文件，直到访客观看它，所以你节省了宝贵的文件大小，在最初的页面加载。

这里有一个中间地带，您可以将视频转换为gif（或将视频的选定部分转换为gif），并将其用作链接到完整视频的占位符。同样，您需要确保没有向页面负载添加太多内容。

3.最小化页面上“额外”的数量

虽然这听起来像是开发人员的考虑事项，但理解并能够在任何可能的情况下做出更改和建议是很重要的。是的，这在技术上属于减少请求的范畴，但您可能并不总是能够在这里进行更改。

考虑一下添加到站点上的所有额外内容。我们之前讨论过谷歌Analytics、HubSpot跟踪和Facebook像素。有些是营销人员必不可少的，你不应该删除它们。

但是，有没有什么地方可以放置嵌入代码？可能是为了调用操作或聊天服务？如果你在Wordpress上，这些可能以插件的形式出现。定期检查你的插件，确保你使用的插件没有超出你的需要。

您需要特别关注可见的额外内容，因为浏览器需要呈现这些内容才能完成页面加载。

4.修改您的移动布局所需

你经常发布前检查网页的移动版本？做图片，视频和文字结束了显示你将如何期待？什么做的第一画面看起来在页面加载时是怎样的？

如果你有选择，一些隐藏在移动设备上多余的内容。如果这不是你现在有一个选项，以查看倾诉你的开发人员，如果这是可能的。

本质上，您的页面的移动和桌面版本应该看起来不一样。没关系。缩放是页面默认加载的过去式。

尽量保持初始屏幕的简单和直接。如果有太多的内容（意味着加载可能需要更长的时间），请尝试将其修改为更简单的内容。背景、一些文本和动作。它可能会变得更复杂，但为了移动的缘故，它会变得更简单，除非你另有具体原因。

5.测试和向谷歌重新抓取您的网站进行了更改

一旦你做了一些改变，使用上面的工具再次测试你的页面。

当你准备好了，你就可以要求谷歌重新抓取你的网站来捕获任何更新。谷歌将在一段时间后自动做到这一点——只要爬虫可以找到页面，所以你可能需要一个新的站点地图!同样，这也是你需要咨询开发者的问题。

回到谷歌搜索控制台然后转到URL检查工具。输入你想要驯鹿化的页面的URL，你就完成了!它将。这是一个更深的潜水以尽可能平稳地进行索引．

如果你有超过几个页面，上传一个站点地图。

见，移动先行也不是那么可怕毕竟

到现在为止，您应该已经更好地理解了哪些元素构成了页面加载时间，以及如何改进页面加载时间。显然，很多都取决于您使用的工具和您的开发团队，但是，您可以与他们分享一些技术性修改，以改善加载时间．

即使你不能改变每个页面，你也应该清楚该问哪些问题，以确保你的内容得到优化，你的开发者也会考虑什么对你的手机用户最重要。

多少钱你可以提高你的页面加载时间？

通过运行上面的测试工具了几页，选一个有一定的提升空间，并尝试做出一些改变。改进的负载每一秒时间意味着较高排名的机会。

更重要的是，这意味着有人更有可能停留在你的页面上，消费你的内容。任务完成