在这篇新文章中,我将教会您需要了解的移动端SEO的所有内容。
首先,我会告诉您为什么移动优化比以前更重要。
然后,我会协助您处理网站的谷歌移动优先索引。
内容
第一章 第二章 第三章
移动优化101 如何处理Google中排名的移动网站 如何移动优化您的网站
第四章 第五章
如何针对UX信号优化移动网站 先进的移动端SEO技巧和最佳做法
第一章:
移动优化101
在本章中,我将帮助您了解基础知识。
因此,如果您不确定网站是否进行了移动优化,本章将教会您正确地进行分析。
然后,在后面的章节中,我会告诉您一些先进的策略和技巧。
什么是移动端SEO?
移动端SEO是为智能手机和平板电脑上的用户优化网站。 移动优化还可以让搜索引擎蜘蛛访问您的网站资源。
为什么移动端SEO很重要?
简单地说:移动搜索的数量是剧增的。
实际上,Google中58%的搜索都是通过移动端设备完成的。
而且这种趋势正在迅速增长。 据Google称,移动端设备上的查询次数比台式设备多278亿次。
毋庸置疑,移动是SEO的未来。 这可能就是谷歌正在彻底修改他们的整个算法以致专注于移动搜索的原因。
现在“SEO”是优化“移动端SEO”吗?
基本上是的,至少您正在优化谷歌的网站。
目前,95%的移动搜索都是在谷歌上完成的。
对于谷歌来说,要保持这种不可想象的主导地位,他们需要调整算法,以便第一时间为移动用户优化。
事实上,他们已经做到了……
首先,谷歌推出了其移动端设备友好的更新(许多人称之为“Mobilegeddon”)。
此更新会对不利于移动端设备的网站(针对智能手机上的搜索)进行处罚。
但是,如果您的目标客户没有在手机里进行过多的搜索,这个更新就并没有什么大不了的。
也就是说,要等到谷歌能使用户每一次搜索都在移动端设备上进行,这个更新才起到效果。 怎么样做呢? 通过他们的整个算法“移动优先”。
什么是谷歌的移动优先索引?
谷歌的移动优先索引仅根据页面的移动版本对搜索结果进行排名。 没错,即使您用台式电脑进行搜索,也会发生这种情况。
在此更新之前,谷歌同时运行两个索引:一个移动版本和一个桌面版本。
如果有人在iPhone上进行搜索,谷歌会显示他们移动索引的结果。 如果有人在电脑桌面上搜索某些东西,他们会获得“桌面搜索结果”。
现在,不管您使用什么设备,谷歌都会向您显示他们的移动索引的结果。
在第3、4和5章中,我将确保您的网站更多地针对移动端SEO。
谷歌的移动优先索引很重要吗?
这要看情况。
如果您的网站已经完全根据移动端设备进行了优化,那么很不错。
同样,如果您的网站……
在所有的设备上加载资源
没有在网站的移动版本上隐藏内容
像移动用户期待的那样,快速地加载
具有工作内部链接和重定向
无论您的访问者使用哪种设备,都拥有一个优化的用户体验
对的,这很不错
如果没有这么做的话,当谷歌指出了这些问题的时候,您的排名可能会下降。
这就是为什么本指南其余的内容是在专门讲述如何帮助您优化移动网站。
但是首先……
谷歌对“移动”的定义是什么?
对大多数人来说,“移动端设备”指的是智能手机或平板电脑。
然而,谷歌把平板电脑归属于“它们所在的类别”,并指出:“当我们谈到移动端设备时,我们通常不会把平板电脑包括在内”。
换句话说,谷歌所指的就是:移动=智能手机。
老实说,这应该不会过多地影响您的移动端SEO。
此处主要意思是优化您的网站和任何设备的内容。 这包括手机、平板电脑或Elon Musk将来发明的其他移动端设备。
第二章:
如何处理Google中排名的移动网站
目前,想要成功地使用移动端SEO,您至少需要在移动端设备上运行您的网站。
所以,如果移动访问者点击了您的迷您版桌面网站,您就麻烦了。
不过还好,运作一个移动网站并不难,也不复杂。
在这一章中,我为您介绍几种可以实现网站移动版本的不同方式(重点是移动端SEO)。
关于移动,您有三种选择。
有三种不同的方式可以配置您的移动网站。
1、首先,您必须有单独的URLs(这也被称为 ”M.” 配置)。
使用此设置,您会获得网站的”主要”桌面版本。 您还会获得一个网站的移动版本(“M.”)版本。
换句话说,网站会告知您访客正在使用什么设备……然后将他们引导至优化该设备的URL。
过去,单独的URL很重要。现在就不再如此。
为什么?首先,很难对它们进行管理。
此外,”M.”网站有大量的SEO问题(例如,您的网站上的内容都需要多个网址,而且这些网址需要复杂的 “rel = canonical” 和 “rel = alternative” 标签)。
总之,我不建议单独的URL / “M” 配置。 这是迄今为止配置移动端SEO网站的最糟糕的方式。
2、接下来,我们有动态服务。
当您提供动态的内容时,您的所有内容都位于同一个URL上。 但是,您可以根据用户所使用的设备显示每个用户不同的HTML / CSS。
例如,如果通过桌面上访问https://backlinko.com/seo-tools,则会进入预先制作的网站的桌面版本:
但是,如果您从iPhone 8访问该页面,则仍然位于https://backlinko.com/seo-tools上面,但会显示该页面的 “iPhone 8” 版本:
对于SEO来说,动态服务肯定比拥有 “M.” 版本的网站更好,但仍然存在问题。
例如,动态服务网站因向移动用户显示桌面版而臭名昭著。
您还需要为刚上市的新设备不断创建不同版本的内容。 如果您没有这样做,您的网站可能无法识别新设备……并在这个设备上显示一个看起来糟糕的版本。
总之,我不建议向移动访问者提供动态版本的页面。 不过,我建议……
3、最后,我们有响应式设计。
我把最好的留在最后。
运用响应式设计,您的页面布局和内容可以根据个人用户的需求来制作。
这是最佳的内容? 在不需要使用单独的URL的情况下,也不需要根据每个设备使用不同HTML的情况下,响应式设计可以实现这一目标。
就SEO友好而言,响应式设计将所有其他选择都排除在外。
为什么? 简而言之:
您的所有内容都位于一个URL上(适合共享和获取链接)
极少令人头痛的SEO问题(没有 “rel = canonical标签”,重复的内容问题等)
狂热的用户友好(由于RankBrain,UX是SEO的重要组成部分)
没有重定向(这会导致技术SEO问题,并可能减慢您的网站速度)
如果您还不确定,Google建议您采用响应式布局。就是这样了。
第三章:
如何移动优化您的网站
现在您的网站是为移动访问者设置的,该使您的移动端SEO井然有序。
在这一章中,我将告诉您如何使谷歌和其他搜索引擎重视移动优化的网站。
使用Google的移动可用性测试
谷歌搜索控制台中的这个很棒的工具会告知您的网站是否存在任何移动端设备可用性问题。
要使用它,请转到您的GSC账户。 然后点击“搜索流量”—>“移动可用性”。
如果移动用户在使用您的网站时遇到困难,Google会告诉您。
(例如,该工具可能会告知您使用的Flash或者字体太小而使移动用户不能读取)。
您也可以使用Google的移动端设备友好测试。
只需将您的URL输入工具中即可……
……并会获得一份完整的报告。
正如您所看到的,我通过测试了,但是该工具告知我,移动Googlebot无法加载我的网页上的所有资源:
桌面Googlebot在抓取资源的时候,不会出现问题。 但移动版本无法做到这一点。
现在谷歌的移动优先索引生效了,这是一个潜在的严重问题。 没有使用这个工具的话,我不会意识到这些问题。
非常有帮助
让谷歌抓取所有的内容
您有阻止Googlebot访问Javascript,CSS或网站代码的其他重要部分吗?
以前,这并没有什么问题,但是现在,这样做的话,问题就很大了。
除非谷歌能够完全抓取您的网页,否则他们无法辨别其是否适合移动端设备。
如果他们不确定网页是否适合移动端设备,那么在移动优先索引中排名就只能靠运气了。
您怎么样判断这是不是出现问题?
首先,查看您的robots.txt文件。 这告知Googlebot不要抓取或索引您网站的某些部分。 该文件通常位于site.com/robots.txt。 您也可以在Google Search Console内部查看它。
当您在Google Search Console内部时,点击“Google索引” —> “阻止资源”。 这就会告诉您是否要再次阻止Googlebot抓取您网站的某些部分。
如果没有阻止任何重要的部分,您就会被设置。
彻底消除插播广告的弹出窗口
我知道每个人都讨厌弹出窗口。
我不打算在这里进行讨论。但我会告诉您,谷歌也不喜欢弹出窗口……特别是对移动用户。
请记住:谷歌的第一职责就是向用户展示不寻常的内容。 如果这些内容隐藏在巨大的弹出窗口后面,那会怎样呢? 它不再那么神奇了。
事实上,谷歌推出了专门针对“侵入”弹出窗口的更新。
所以,如果您在网站上使用巨大的弹出窗口,这可能会严重影响您的排名。
您怎样辨别哪些弹出窗口是好的?
谷歌提供了一些例子,包括可以接受的弹出窗口
以及会使您的网站受到惩罚的弹出窗口。
您的响应式网站实际上看起来如何? 查看这个很棒的工具。
了解谷歌如何查看您的移动网站。
但是,事实上,通过不同的设备查看您的网站是最好的。
所以,如果您在网站上使用响应式设计,我建议您查看这个免费工具。
它会告诉您,网站在iPhone、平板电脑和其他设备上的显示效果:
事实证明,在手机上看起来的效果和在平板电脑上一样可观。 我喜欢这个工具!
使用“Google抓取方式”的移动版本
和大多数人一样,我是一个视觉型学习者。
当然,很高兴了解到潜在的移动端SEO问题的细目清单。
但就个人而言,实际上如果能了解到Google如何查看我的页面,这对我来说会更有帮助。
这就是为什么我建议您在自己的网站上使用谷歌搜索控制台的“Google抓取方式”功能进行当场测试。
只需在您的网站输入一个热门URL的网址即可:
(请务必从下拉框中选择“移动”)
抓取到的内容会切确地告诉您Googlebot查看了什么内容。 您甚至可以向下滚动查看Google是否漏看了其他东西(如图片,视频,菜单等)。
非常有帮助。
让移动用户看到所有的一切
以前,人们会阻止移动用户查看某些资源。
(例如,他们可能会隐藏某些内容……或阻止JavaScript加载)
这些人没有做任何见不得人的事。 阻止这些资源能够使移动端设备上的网页加载得更快,有时可以改善移动体验。
以下的例子就是我想说的:
看看您需要怎么点击“阅读更多”才能看到所有的内容? 这可能是Google移动优先索引的一个问题。
原因何在?
借助移动优先,谷歌会把您的网页的移动版本视为“主要”版本。
如果您向移动用户隐藏了内容,则移动用户可能不会索引或抓取该内容。 或者他们可能对这些内容的看法可能会不同。
过去,当像桌面用户隐藏内容时,谷歌曾经说过:
“如果某个内容与页面相关,那么该内容也可能与用户有关,所以我建议将它展示给用户看。”
但随后,谷歌的John最近表示,对于移动优先索引:
“在移动版本的页面上,可能会出现这些类型的标签和文件夹以及类似的内容,我们仍然会把它们当作页面上的普通内容。 即使其隐藏在初始视图上。”
他还表示,谈到移动优先时:
“如果是关键内容,应该展示给用户看。”
在对此进行最后说明之前,我将等待Google博客上的官方声明。
同时,以下是我自己的想法:
如果您阻止或隐藏移动用户的内容,谷歌会忽略该内容,或者不再那么重视它。
最基本该怎么做呢? 在几个不同的手机上使用您的网站。 如果桌面用户看到某些东西是移动端设备不需要的,我建议尽快修复。
第四章:
如何根据UX信号优化移动网站
如您所知,目前的SEO较少与元标签混合在一起,更多的是拥有一个很棒的网站。
事实上,谷歌的RankBrain算法是专门查看谷歌搜索者与您的网站互动的情况。
如果RankBrain会认为移动用户不喜欢您的网站,他们会大幅度地下降您的排名。
在本章中,我将向您介绍一些简单的方法,可以确保移动用户喜欢您的网站。
掌握移动网站速度
谷歌会关心您的移动网站的加载速度吗?
事实上,他们建议您的网站在两秒钟内为移动用户完成加载。
这很难实现的。 不过还好,有一些免费工具可以帮助您达到谷歌的宏伟指南中的要求。
首先,我们有谷歌的 PageSpeed Insights工具。
此工具可告知您,网站在移动端设备上的加载速度……
……并为您提供一些可以实施的建议来加快速度。
我还建议检查WebPageTest.org。 默认情况下,该工具将在桌面浏览器上加载您的网站。 所以请确保在菜单中选择一个移动浏览器:
您会获得一份专门适用于移动浏览器的建议列表:
如果您想通过pagespeed获得真正无敌的加载速度,请查看Big G中优秀的资源。
本指南将帮助您整理网站的基本细节,使其加载速度如闪电般。
非常方便地在手机上阅读您的内容
用户需要缩小、滚动页面或通过斜视来读取移动内容吗?
如果要这样做的话,他们会毫不犹豫地按“后退”按钮。
例如,您不希望内容看起来像这样:
是的,此页面在技术上针对移动端设备进行了优化。 但是阅读起来很难。
反而,您应该让您的字体变得大、明显、清晰,如下所示:
那么:
如何让您的移动内容更具可读性?
使用至少14px字体(我更喜欢15或16)
使用简短的段落(每段1-2行)
每行的长度在50-60个字符之间
确保文章和背景之间能形成明显的对照(人们在外面使用手机,会难以阅读对照模糊的文本)
如果您的内容真的不错的话,也会有所帮助,但这是另一回事
使用HTML5创作视频和动画内容
您的内容有嵌入视频吗? 或者当人们访问网页时,您的网页有播放各种奇特的动画吗?
嗯,如果这些内容是用Flash编码的,那么就不适用于移动端设备。
相反,您要用HTML5编写代码。
不要忽略“视口内容”标签
您有使用响应式设计吗? 如果有的话,请不要忽略视口元标记。
该标签根据用户的设备来更改页面的大小。
Google建议您设置视口元标签,如下所示:
所以,友好的提醒:要仔细检查您的这个设置。
执行这3个Quick Mobile UX黑客
这三个快速提示是专门为移动谷歌搜索者的可用性而设计,以致提高网站的可用性。
1、把标题图像缩得非常小
移动谷歌用户现在需要找到他们想要的内容。
这意味着您不能使用巨大的标题图像,如下所示:
反而,要么删除它们,要么按移动访问者的需求将它们缩小,如下所示:
2、使用大量的“负”空间
负空间是存在于文字,按钮和设计元素之间的空间,而负空间对移动网站来说非常重要。
在电脑桌面上,您可以摆脱混乱的页面。
但在手机上,一个混乱的页面是不可使用的。
这对于您想要在Google中获得排名的内容尤其重要。 如果谷歌搜索者无法阅读您的内容或找到他们需要的内容,他们会返回到搜索结果。
像这样,使用大量的负空间是增加网站停留时间和减少跳出率的一种简单方法:
3、将社交分享按钮作为标签栏
事实是:社交分享按钮可以显着增加内容收到的共享量。
也就是说,社交分享按钮设置在侧边栏,效果是最好的,如下所示:
这样,他们就不会使您分心了。但是如果有人想分享——激增!——按钮就在那里。
问题是无法在手机上设置社交分享按钮。
这就是为什么我建议使用像Sumo这样的工具,它将社交图标显示在页面底部的标签栏中。
非常方便。
第五章:
先进的移动端SEO技巧和最佳做法
现在您的网站已进行了移动优化,该把网址的优化提升到一个新的层次。
在本指南的最后一章中,我们将通过一些先进的移动端SEO技巧,策略和最佳做法来进行探讨。
修复您的移动点击率,获得更多流量
也许我不用说,您就知道自然点击率是谷歌很重要的一个排名因素。
而且,如果谷歌发现移动用户没有点击您的结果,那么他们会降低您的排名。
但是您如何知道您的点击率是否达到标准呢?具体步骤如下:
首先,请转到谷歌搜索控制台的搜索分析部分。
接下来,点击“比较设备”。
然后,选择“桌面”和“移动”,点击“比较”:
最后,看看您的桌面和移动端设备的点击率如何。
在这里,您的手机和桌面点击率会有所不同,这很正常。
但是,如果您发现某个关键词的桌面点击率降低了移动点击率,请在谷歌(在您的手机上)搜索该关键词。
这可能是因为您的标题标签被切断了(稍后再说)。 或者可能是移动SERPs具有排除自然结果的功能(如更多广告)。
无论哪种方式,您通常都会顿悟出提高移动点击率的方法。
将Mobile Donkeys变成Unicorns
谷歌的移动优先索引意味着Google将更加重视移动用户体验信号。
换句话说,如果移动搜索者拼命地从您的网站跳出来,那么这会阻碍您的排名。
这就是为什么我建议您在谷歌分析中将谷歌桌面的跳出率与停留时间与移动端设备进行比较。
这实际上非常简单,值得花费精力去做。
要做到这一点,请登录到您的谷歌分析帐户。 然后点击“网站内容” –>“登陆页面”。
这会显示您的网站上最受欢迎的网页。 点击您希望获得更多流量的页面。
然后点击“辅助维度” –>“设备类别”。
这将告知您怎样对比桌面与移动端设备上的UX信号。
例如,对于此页面,我的跳出率和停留时间几乎相同。所以对于移动用户来说,这可能是最佳的优化页面。
但是如果GA告诉您,桌面访问者和移动访问者对于此页面的访问存在很大差异,请在手机上访问该页面。
您可能会注意到一些奇怪的东西,以致移动用户没有在您的页面上停留更多的时间。
访问后,转到我们的下一个提示。
用这3个技巧提高您的移动网页速度
与Google的移动优先的更新一样,Google现在会查看您网站的移动网页速度。 您的桌面网站的速度仍然会有影响吗? 也许有吧。
但绝对不会像您的网站在移动端设备上加载一样重要。
以下是告知如何添加一些火箭燃料来加快网站的移动加载速度。
首先,在ThinkWithGoogle.com上进行移动速度测试:
该测试与其他网站速度测试工具类似,不同之处在于其移动加载速度为零。 它甚至会在3G网络下加载您的网站,模拟移动环境。
您还会收到一份有用的报告,告诉您网站在移动端设备上需要多长的加载时间。
……并向您展示如何消除加载速度障碍:
这里有一些其他的快速提示,可以进行尝试:
缩小图像:如果您使用WordPress,我建议安装一个图像优化器,如Smush Image Compression。这些明显地减少了图像文件所占的空间,可以显著地提高加载速度。
处理浏览器缓存:谷歌自己建议缓存您的网站,以加快您的网站加载速度。
启动CDN:CDN可使页面元素(特别是图像)加载速度提高2至3倍。
优化移动SERPs的标题和描述标签
您是否从手机上获得绝大多数的自然流量?
然后,您可能需要根据移动搜索结果来优化标题和说明标记。
就是这样做:
不管您相不相信,但Google实际上会为您提供更多标题标记字符,以便在移动端设备上使用,不过您的元描述更短。
这是准确的细目:
桌面
标题:大约70个字符
描述:大约300个字符
移动
标题:大约78个字符
描述:大约300个字符
换句话说,如果您的标题标签是69个字符或更少,您的标题就不会在桌面或移动端设备上被切断。
但是,假设您获得大量移动流量。那么,您想扩大您的标题标签,并利用额外的空间……即使标题标签可以增加字符数量,超过桌面字符的限制。
例如,假设您的标题标签如下所示:
这有66个字符。 因此,该标题将显示在桌面和移动端设备上。
但是,假设您想使用能够提升点击率的词语或短语。您的标题标签现在看起来如下:
这有78个字符。
没错,78个字符意味着Google会在桌面搜索中截断您的标题标签。 但标题标签在移动端设备上显示得很清楚。
但是,如果桌面只占您流量的一小部分呢? 您在移动端设备上使用较长的标题标签,从而获得点击率,这样做可能是对的。
您应该操作AMP吗?
加速的移动页面是精简的网页版本,旨在移动端设备上快速加载网页。事实上,加载AMP页面比加载对应的非AMP要快4倍左右。
您可能知道,谷歌已经在AMP这方面带头冲锋。
由于AMP是谷歌的一个项目,许多SEOs都急于为客户的网站执行AMP。
(假设谷歌会奖励具有较高排名的AMP友好网站)。
除了更高的排名,谷歌还会在搜索结果旁边显示一个小图标,这可能会提高您的点击率:
尽管如此,但问题是:
使用AMP有意义吗?
当然这是您的选择,但是在我看来,可能没有意义。
原因如下:
首先,AMP严重限制了页面的功能。
想要完全控制您的广告? 不可能。
Lightbox或者弹出框怎么样?不。
嗯,您至少可以载装饰您的网站,对吗?没这么快。AMP对CSS有很大的限制。这有助于更快地加载网站……但却使内容看起来很一般。
其次,AMP可能会不利于您的链接建设工作。
当有人链接到您的内容时,这些链接直接指向您的网站。很明显,这点我知道。
但是,以下的事情很重要:
当有人链接到您的AMP网页时,该链接指向Google.com网域。
换句话说,您可以在链接这一部分为AMP付出精力。
因此,至少现在,AMP页面的链接提升了Google的域名权威……不是您的。
最后,AMP可能不会持久。
LTE已经超快速。 5G即将到来。
这样,等待其微弱地提高移动加载速度的想法在今天毫无意义……并且会让人觉得没什么进步。
最基本该怎么做? 除非您有充足的理由这样做,否则我不建议大多数发布商使用AMP。
在移动SERPs中使用模式结构化数据会引人注目
您可能知道,移动SERPs将搜索结果显示为卡片:
这些卡会让Schema.org结构化数据变得非常有效。
原因何在?
结构化数据可以将您与SERPs中的评论星级,食谱图像和事件日期联系在一起……所有这些都可以显着提高您的自然点击率。
例如,看看从ToddyCafe.com网站脱颖而出的Downshiftology移动结果的数量有多少。 这种对比几乎没有桌面那么强大:
最基本该怎么做? 如果您希望移动谷歌搜索者获得更多点击,请考虑执行结构化数据。
现在轮到您了
我的移动优化指南就是这样。
我希望您喜欢它。
现在我想听听您的想法:
您正在采取什么措施使您的网站能更好地应付移动端SEO?
或者您可能对目前的指南存在疑问。
无论哪种情况,请快速通过评论的方式告诉我。