SEO技术

[齐齐哈尔SEO]2018年移动网站的SEO怎么做?无线端

作者:[db:出处] 2019-10-24

目录:第一章:移动端SEO优化入门第二章:如何让移动站排名更好第三章:如何优化移动版本的网站第四章:优化移...

目录:

第一章:移动端SEO优化入门

第二章:如何让移动站排名更好

第三章:如何优化移动版本的网站

第四章:优化移动端网站的用户体验

第五章:移动端优化进阶和案例分享

第一章:移动端SEO优化入门

移动端SEO是什么?

移动端SEO指的是优化用户在智能手机和平板设备上访问网站的体验,移动端优化还包括让网站资源能够被搜索引擎爬虫正常访问。

移动端SEO的重要性

一句话:移动端的搜索量在快速增长。

事实上,目前Google上58%的搜索都是从移动设备来发起的。

与此同时,增长趋势还在变快,根据Google的数据,2016年移动端的搜索量比PC端要多278亿次.

毋庸置疑,移动端就是SEO的未来,Google目前的算法也几乎都是聚焦在移动端。

现在的SEO是不是就指移动端SEO了?

差不多是这样,尤其是对Google来说。目前全球95%的移动端搜索来源于Google,百度雅虎必应等加起来差不多是剩余的5%。

事实上,Google推出的算法也是优先从移动端出发。

首先在2015年,Google推出了“移动端友好”更新,大意就是在移动端给移动端友好的页面更高的排名。

同时这次更新还对移动端体验差的网站排名做了压制,但当时如果你的网站移动端流量来源占比不高的话,影响并没有特别大。

Google的移动端优先收录是什么意思?

指的是Google基于移动版的网页计算排名,就是不管你是在电脑上搜还是手机上搜,出来的排名都是基于手机版页面计算的结果。

谷歌移动优先收录的规则对我有什么影响?

视情况而定

如果网站移动端已经完美优化,那没任何问题。

如果网站

1.所有设备会加载资源

2.移动版没有隐藏内容

3.移动版打开速度符合用户期望

4.合理优化过内部链接和跳转

5.针对不同设备优化过用户体验

那也不用担心什么,如果没有做到,可能Google上的排名就会有变化,所以不妨仔细阅读本文的剩余部分。

不过首先得了解清楚

Google把哪些设备当做 “Mobile”?

对普通用户来说,移动设备包括智能手机和平板。然而Google宣称,他们所认为的移动设备并不包含平板,也就是说Google的Mobile单指智能手机。

不过,这对移动端SEO优化的影响并不太大。

第二章:如何让移动站排名更好

最基本的要求是移动设备访问网站没问题,但如果移动站仅仅是PC站点的迷你版,那可不行。不过,完善移动站的展示方式技术上并不难是实现,本章就会介绍几种具体的实现方式(同时兼顾到SEO的要求)。

3种配置移动站的方法

A

独立域名(也就是常说的M站或者触屏站)

在服务器端设置,当用户使用PC访问,返回www版本,当用户使用移动设备访问,返回M版本的地址。

但是我不建议用独立的域名做M站,原因在于

1.管理复杂,增加开发的难度

2.使用M域名会产生多个重复页面,需要配置canonical和alternative标签。

B

动态适配

页面地址都是相同的,只不过根据用户的设备展现不同的html和css样式

动态适配相比独立M站,对SEO友好多了,但是它也存在问题。需要不断去测试,匹配新的移动设备,否则页面的展示效果会非常差。因此也我也不推荐这种做法。

3

响应式 设计

这才是我真正推荐的。响应式设计可以适应所有设备的屏幕,展示效果最为令人满意。

最好的地方在于,不需要重置url或者html就能实现这样的效果,响应式设计与动态适配的区别在于,响应式设计仅仅在不同设备上的展示用css可控制,而不是html控制。除此之外对SEO的好处还有:

1.页面内容和网址一一对应

2.不需要配置canonical等标签

3.用户体验佳(符合Rankbrain算法的要求)

4.不需要跳转

最具说服力的一点是,Google官方也推荐使用响应式设计(https://developers.google.com/search/mobile-sites/mobile-seo/responsive-design)

第三章:如何优化移动版本的网站

使用Google的移动易用性测试

Google搜索后台的这个工具能帮你诊断出移动端的用户体验问题,入口如下:

同时Google也会告诉你已经发现的移动端用户体验的问题

(例如:网站上使用了flash,或者字体太小不适合移动端用户阅读类似的问题)。如果没有开通Google站长后台的话,也可以直接用这个工具输入网址即可:Google’s Mobile-Friendly test.

能得到一份非常详尽的报告

注意看上面的问题,是在Google移动爬虫访问时才会有的问题,页面资源没有完全加载。

让Google爬虫顺畅无阻地抓取所有内容

你的网站是否屏蔽过Googlebot对JS脚本,CSS文件等资源的访问呢,之前或许还好,现在这么做会产生大问题。如果不让Google访问代码里的所有内容,它就无法判断网站是否移动端友好,进而影响移动端的排名。

怎样排查这个问题呢?

首先仔细检查Robots文件,位置是site.com/robots.txt。在Google站长后台也能看到Robots文件的具体内容:

点击n “Google Index” —> “Blocked Resources”. 就能了解Googlebot受Robots的限制,无法爬取哪些内容

谨慎使用插播式弹窗

没有人喜欢弹窗,不过需要强调的是Google也不喜欢弹窗,尤其是在移动端使用弹窗。因为Google的使命是给用户提供卓越的内容,如果内容都被弹窗挡住了还有什么卓越可谈呢?

而且Google还针对“侵入式”弹窗做了算法更新:

也就是说如果网站弹窗使用不当,Google排名也会直线下降。Google甚至还给了一些他们认为可以接受的弹窗样式:

以及会遭受搜索降权的弹窗样式:

响应式网站的实际效果是怎样的呢?第三方工具助你一臂之力

Google访问移动端网站的结果固然重要,但是使用不同设备的用户打开网站是什么样的更加重要,这个工具可以测试不同设备上的访问新效果http://mattkersley.com/responsive/,特别好用

使用移动版本的”Google抓取模拟”

依然是Google Search Console后台的工具,从Google的角度抓取移动页面的效果,只需要输入一个网址:

(选择Mobile抓取)

就会展示给你Googlebot看到的是什么内容,可以仔细检查是不是有图片,视频或者菜单无法被Google看见,非常有用。

让移动用户看到内容全貌

有一段时间,站长们喜欢在移动端屏蔽部分资源,以提高页面加载速度,改善用户体验。例如下图:

用户点击Read More才能看见余下内容。但对Google来说会产生问题,为什么呢?

之前提到过移动优先的收录规则,Google会认为移动网站就是网站的标准版本,如果移动端内容对用户做了隐藏,Google的爬虫抓取也会有问题,进而影响页面的权重。

我的看法

如果移动端隐藏或封锁了部分内容,Google也会忽略这部分内容,降低内容权重。因此需要仔细比对PC和Mobile版本,如果有内容不一致的地方,尽快改正过来。

第四章:优化移动端网站的用户体验

众所周知,SEO发展到今天,已经[齐齐哈尔SEO]不再是纠结于Metag这些玩意了,而是要更多想想如何打造一个让人惊奇的网站。而且Google的Rankbrain算法就是基于搜索者和网站的互动数据来计算排名的,如果Rankbrain觉得网站的移动端用户体验不好,自然排名也会下跌。本章会分享几个让移动端用户爱上网站的小技巧

提升移动网站速度

Google会关注网站的加载速度吗?

绝对会!

而且,Google官方建议,网站在移动端打开不应超过1秒钟。我们可以多利用免费的工具来帮助我们提升页面加载速度,更好地符合Google的规范。

第一个是来自Google的Page Speed Insights工具(https://developers.google.com/speed/pagespeed/insights/),可以监测1移动端的打开速度,还会给你不少的改善建议。

第二款工具是 WebPageTest.org.

同样会获取不少有价值的提速建议。

其实来自Google的官方文档也值得仔细研读》https://developers.google.com/speed/pagespeed/insights/

尽可能优化手机上的内容阅读体验

用户是不是得用手指滚动,拉拽甚至眯着眼睛才能看清楚移动端的内容?

那他们肯定是会果断按返回按钮再也不来你的网站了。

下面就是一个反例:

虽然页面为移动端而设计,但是读起来实在太费劲了,主要就是字体和字号的原因,下面这个是不是就舒服多了

下面几条增强移动端页面浏览体验的建议不妨一试

1.字体至少要有14个像素

2.段落要短(每段1-2行即可)

3.每行控制在50-60个字符

4.控制好背景色和字体色的对比度(考虑用户会在户外用手机,如果低对比度的话看起来就更累了)

视频和动画内容用Html5来实现

页面里放一些酷炫的视频和动画当然是个不错的注意,可是如果是用Flash实现的话,很多移动设备是访问不了的,我建议你用Html5来嵌入视频或者动画。

别忘了设置 “Viewport Content” 标签

如果用了响应式设计的话,务必记得设置viewport这个标签。这个标签可以根据的用户的设备类型控制页面的尺寸。

Google的建议配置方法是这样的:

要是没有添加这个标签或者配置错误的话,移动设备访问起来会是下图右边的样子。

.

3条提升访问移动端体验的建议

1

缩小头图尺寸

对于搜索用户来说,他们想快速看到解决方案,也就意味着大图片会让他们反感。比如下面这样的图片:

我建议的是要么缩小尺寸,要么干脆删掉,像下面这样:

2

大量使用“留白”

留白是指文字,按钮和其他视觉元素之间的空白空间,对于移动站来说非常重要。在PC上紧密的排版或许你还能勉强接受,但是移动端这样则会要人命。

对于想要获取Google排名的网站来说,如果搜索用户打开网站的体验不好,停留时间短,提示率高,他们自然会选择放弃你转向其他网站,那排名怎么会好的起来呢?

而下图这样的留白样式,则对提升用户互动数据很有帮助。

3

在边栏增加分享按钮

添加分享按钮可以大幅度增加文章被分享到社交媒体的概率,而且据分析放在侧边栏最好,如下图:

不过移动端没法配置,我建议在移动站上用sumo.com提供的模板,分享按钮会在底部展示:

第五章:移动端优化进阶和案例分享

优化移动搜索点击率

点击率是Google排名因素中的重要一环,如果移动端用户点击网址的概率在下降,排名也会随之下滑。那如何扭转这一现象呢?

首先进入Google网站后台管理员后台菜单,

点击 “Compare Devices”.

选择 “Desktop” vs. “Mobile” 再点击“Compare”:

就能看到PC端和移动端的点击率数据对比

尤其要注意的是如果同一个关键词,移动端点击率明显低于PC端,要去分析一下原因。

一种可能是标题太长被截断,也可能是移动端的广告结果或其他搜索样式压制了自然排名。不管怎么样,要开始分析这些数据,找到提升移动端CTR的正确方法。

比较PC和移动页面的用户数据

同比较点击率一样,比较PC端和移动端页面的用户停留时间和跳失率也能给到很多启发。具体方法如下:

登陆GA后台,选择网站内容-着陆页面

选择某一具体页面

然后选择次级维度 – 设备分类

就可以同一页面,用户在PC端和Mobile端的不同数据。像下面这个页面,PC端和移动端的数据相差无几,那可以认为移动端的优化基本是做到位了。

但如果数据差距较大,就需要想想为何用户不愿意多在移动页面上停留?

3招加速移动页面

1.首先用ThinkWithGoogle.com: 做一次速度监测

这个工具的有点可以模仿不同的移动网络环境(3G )来测试页面速度

给到的分析报告也提供了不少有价值的数据

标题中提到的3招在这:

压缩图片:如果用的是wordpress系统,这个Smush Image Compression插件能很好地压缩图片,进而提高页面速度。开启浏览器缓存: 这也是来自Google官方的建议哦 https://developers.google.com/speed/docs/insights/LeverageBrowserCaching启用CDN: CDN能让页面元素(尤其是图片)加载速度提升2-3倍

针对移动搜索结果优化标题和描述

也许你还没意识到,Google允许移动端展示更长的标题

PC:

标题:70个字符左右

描述:300个字符左右

Mobile:

标题:78个字符左右

描述:300个字符左右

也就是说,如果标题长度能控制在69个字符以内,就不会发生标题被截断的现象。

不过还有种情况是,移动端的搜索流量已经很可观,可以试试更充分地利用标题长度,即使可能会被截断,举个例子:

优化前的移动端标题

一共66个字符,PC和Mobile都能完整展示

但这时你想加一个提升点击率的关键词,展示效果如下:

包含了78个字符。前面已经说过,78个字符超出了PC的限制,但是Mobile端勉强能显示完全。但如果PC的SEO流量占比不高呢,不妨一试!这样移动端的搜索效果会更好!

有必要部署AMP吗?

AMPAccelerated Mobile Pages AMP(移动加速页面)是Google为了加快移动端页面打开速度而推出的系统,根据统计,AMP页面平均加载速度是非AMP页面的4倍。不过需要注意的是,Google拥有AMP的完全控制权

也正因为AMP是Google主导的项目,许多SEO从业者都积极劝说客户加入AMP项目(或许是觉得Google会给AMP网网站更高的排名),且不论是否有排名的优待,至少在搜索结果里有个醒目的闪电图标:

但其实我的建议是 未必一定要加入AMP项目,原因在此:

首先,AMP大大限制你对网页的掌控,例如无法充分设置页面上的广告,更别提弹窗之类的了。而且AMP对CSS还有限制,让你无法做出酷炫的效果,看起来了无生气。

其次,AMP会损害外链建设的效果,因为AMP的页面是位于Google域名下面的,AMP页面外链做得越多,反而是对Google域名权重的加强。

最后,AMP也许不是终极解决方案,LITE和5G可以带来更快的网速。。。

使用结构化数据在移动搜索中出挑

正如你看到的那样,移动端搜索会使用卡片式的展示方式。

而这就让结构化数据有了更多的发挥空间,例如评论星级,菜单等等更多丰富的数据展示,都会显著提升移动搜索的点击率,下图中Mobile和PC的搜索结果对比就很有说服力。

1.本站(SEO指南)遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创SEO文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • [甘肃SEO]租用香港站群服务器 站长seo优化的最爱

    [甘肃SEO]租用香港站群服务器 站长seo优化的最爱

  • [四川SEO]行业网站选择什么样的服务器-专业SEO技

    [四川SEO]行业网站选择什么样的服务器-专业SEO技

  • [云南SEO]所有人谈论云服务器的时候我却在谈论

    [云南SEO]所有人谈论云服务器的时候我却在谈论

  • [河北SEO]Windows服务器的配置-专业SEO技术教程(

    [河北SEO]Windows服务器的配置-专业SEO技术教程(