骆驼建站
企业网站建设、网站设计制作、网站优化全网式营销
一站式解决方案服务商
全国统一服务热线
15265781851
骆驼网站建设专注企业网站建设、网站优化、品牌网站建设、网站设计制作的专业网站建设公司!
移动网站搜索优化教程
发表时间:2018-05-01 19:10

来源:网站建设 作者:骆驼




移动网站搜索优化教程-骆驼网站建设



SEO已经发展了许多年,如今的SEO不再是仅仅优化关键词排名了,随着移动互联网的发展,也为移动搜索带来了另一片天空,所以没必要把移动页面优化当成一个和PC页面优化完全不一样的技术。说到底,为搜索用户提供高质量内容的目标是一样的,只不过需要考虑手机用户的特殊用户体验需求,目前的移动搜索排名就是PC搜索排名加上移动因素进行一些调整。


对于一个站长来说,如果忽视移动端的流量不管从那种角度来说都是一种不划算买卖。作为SEO来说,就更要注重移动端优化,特别是优化技巧,以求让流量来源更多,更能符合自己对于预期的一种追求,那么,作为一名SEO站长,优化移动端手机站的方法教程有哪些呢?


移动网站搜索优化教程-骆驼网站建设


一、区别于PC端的优化策略


据观察,用户通过移动设备输入关键词搜索和他们通过PC端设备搜索有很大的区别,移动设备搜索者使用更短的尾短语,一般情况下,用户会倾向于依赖百度自动填充来完成一次搜索,当我们在优化网站的meta标签和表述的时候,优化这些短语也会非常重要。


对于手机网站的首页或者频道首页的网页代码中的keywords、description最好加上与PC端有所区别的meta标签和关键词。


手机站点和PC端的站点不一样,PC端的站点百度明确给出关键词跟描述标签对优化起不到任何效果了,但手机端的关键词和描述标签是对手机站点有效果的,所以百度移动搜索也给出了建议,最好要把三大标签做好优化。


移动网站搜索优化教程-骆驼网站建设


二、网站尽可能设计简洁


移动端网站比PC端网站的页面下载速度要慢得多,百度现在给出的参考数字是,页面在手机上需要3秒之内打开,因此,尽量把页面数和页面大小控制到最低。


同样,广告、页脚、相关文章、Tag链接等PC页面上常见的内容,能删则删,由于是手机用户,用户浏览网页的时间是零碎的,不可能耐心点击很多的页面,因此,要尽可能精简移动网站设计。这是用户体验的问题,也是尽量减少百度蜘蛛抓取的工作,让蜘蛛尽可能多的爬行和收录页面。


移动网站搜索优化教程-骆驼网站建设


三、清晰的结构和明晰的导航


明晰的导航是每个网站都需要配备的,手机网站也是一样,手机网站应该有清晰的结构和明晰的导航,大致可以分为三个层次:首页、频道页、内容页,每个页面应该有指向上级、下级以及相关内容的链接,比较合理的网站应该是一种扁平的树形结构。主导航不要堆砌关键词,最好能够帮助用户和搜索引擎方便定位当前网页在网站中的位置。


移动网站搜索优化教程-骆驼网站建设


四、移动站点避免只是缩小比例


移动站点最好是重新配置网站,并且使移动站点以“m.mahaixiang.cn”为样式的子域名上。很多高流量网站以及一些以提供最好用户体验为标准的网站都有创建自己的移动版本网站。

对于独立移动站点,在索引量上,百度是有区别对待的,有些同学可能会质疑两者网站的差距,但是从索引的设置上来说,都是用24个小时抓取周期,而且都提交sitemap,外链优化也都是同步进行,所以马海祥觉得不存在这种差异,而是实实在在的,独立站点优于适配站点的。


移动网站搜索优化教程-骆驼网站建设


五、手机网站适配问题


手机页面进行合适的DOCTYPE声明有助于搜索引擎识别该页面是否适合手机浏览,一般情况,<!DOCTYPE>声明位于文档中的最前面的位置,处于<html>标签之前。


除了布局和文本,手机网站适配还必须实现图片的自动缩放。这只要一行CSS代码:

img { max-width: 100%;}

这行代码对于大多数嵌入网页的视频也有效,所以可以写成:

img, object { max-width: 100%;}

老版本的IE不支持max-width,所以只好写成:

img { width: 100%;}

此外,windows平台缩放图片时,可能出现图像失真现象。这时,可以尝试使用IE的专有命令:

img { -ms-interpolation-mode: bicubic; }

或者:

Ethan Marcotte的imgSizer.js。addLoadEvent(function() {var imgs = document.getElementById("content").getElementsByTagName("img");imgSizer.collate(imgs); });


最好还是做适配分辨率的图片,有很多方法可以做到同样效果,服务器端和客户端都可以实现。


移动网站搜索优化教程-骆驼网站建设


六、网站元素尺寸大小及强制下载


由于移动设备基本都是触屏,网站开发者可以考虑垂直菜单,这样当用户决定点击那个链接的时候可以很容易掌控。


在这里,骆驼特别要强调一点:页面是否弹窗强制APP下载或用户登录后才能看到内容?这是百度冰桶算法主要打击的对象。


七、要设置点击拨号的功能


让用户通过移动站点能够更直接给客服人员打电话,每一个移动体验好的网页都应该包含这样一个功能:点击数字拨打电话。


采用url链接的方式,实现在safari ios,android 浏览器,webos 浏览器,塞班浏览器,ie,operamini等主流浏览器,进行拨打电话功能。


1)、最常用的方式

代码代码如下:

<a href="tel:10086">拨打10086</a>

在拨号界面,显示号码,并提示拨打,支持大部分的浏览器。


2)、自动探测电话号码

如果要支持safari for ios,blackberry browser的号码,需要加上一下标签:

<meta name="format-detection" content="telephone=no">

<meta http-equiv="x-rim-auto-match" content="none">


3)、使用wtai协议进行拨打电话

wml中可以调用设备的wtai函数来呼叫特定的电话号码。目前,越来越多的浏览器都支持这个功能,但还不是所有。

代码如下所示:

input name="phone_no" format="*m" value="13"/> <do type="option" label="呼出号"> <go href="wtai://wp/mc;$(phone_no)"/> </do><br/>或者直接写入电话号码的方式:<a href="wtai://wp/mc;10086">拨打电话</a>


实例:

<a href="wtai://wp//mc;10086">拨打10086 </a>  <a href="wtai://wp/ap;10086;">将10086存储至电话簿</a>  <a href="sms:10086">发短信到10086</a>

这种方法可以直接调出手机的保存电话号码的界面。


八、做好移动版与PC版网站的转换


确保在手机网站或者PC端网站各个页面上有相应的导航或者提示链接,让用户可以在手机版和PC版进行切换,也便于搜索引擎更好的收录。


百度官方曾声明,对于移动站点,当baiduspider ua或者其它无法确定来源的ua访问时,建议默认情况下直接返回html5或xhtml类型的移动页面,不要重定向到PC页面。


九、做好浏览器兼容调试工作


一般来说手机建站有xhtml、html5、wml三种协议,最好使用规范化、标准化的协议格式,避免造成不必要的麻烦。当然也可以做多个版本的站点,站点进行不同版式的自动适配。


十、同PC端网站相同的SEO优化技巧


对于移动端的SEO优化,其实有很大一部分优化要点与传统PC端网站优化是一样的,比如:网站结构要用合理的树形结构,最好采用树形和扁平相结合;清晰的面包屑导航,方便搜索引擎爬行抓取和用户体验;title写法要尽量包含关键字,首页、频道页、内容页写法要有所侧重。


PC端,网站左侧LOGO就有助于搜索者对于网站关注。同样的道理在移动端也是一种,并且这种方式尤其重要。这是因为在移动端狭小的屏幕,是否出现LOGO,对于单一网站所占用的屏蔽的大小不一样。


很明显就是有LOGO的就比没有LOGO的占有屏幕大,这样在人们搜索移动端时,对于有LOGO的就会更看看清楚,并且眼睛观察到更多信息,都会传递与大脑,很容易在脑海中做出一种判断,增加网站的点击频率。


十一、移动网站的跳转适配


该方法会利用单独的网址向每种设备提供不同的代码。这种配置会尝试检测用户所使用的设备或ua,然后使用 HTTP 重定向和 Vary HTTP 标头重定向到相应的页面。


在此配置中,每个pc版网址都具有一个对应的不同网址,用于提供针对移动设备进行优化的内容。为了让百度算法了解单独的移动版网址,百度官方建议使用以下注释:


pc版网页上,添加指向对应移动版网址的特殊链接 rel="alternate" 标记。这有助于发现网站的移动版网页所在的位置。


在移动版网页上,添加指向对应pc版网址的链接 rel="canonical" 标记。

例如,假设pc版网址为http://www.example.com/page-1,且对应的移动版网址为 http://m.example.com/page-1,那么此示例中的注释如下所示:

pc版网页(http://www.example.com/page-1) 上,添加:


移动网站搜索优化教程-骆驼网站建设


而在移动版网页(http://m.example.com/page-1) 上,所需的注释应为:


移动网站搜索优化教程-骆驼网站建设


十二、移动网站的代码适配


该方法使用相同的网址(不考虑用户所使用的设备),但会根据服务器对用户所用浏览器的了解(ua),针对不同设备类型生成不同版本的 HTML。


为了让百度知道当页面发生变化时,同时需要用其他的ua重新抓取一遍,站长需添加Vary HTTP标头。Vary HTTP 标头具有以下两个非常重要且实用的作用:


a)它会向 ISP 和其他位置使用的缓存服务器表明:在决定是否通过缓存来提供网页时它们应考虑用户代理。若没有使用 Vary HTTP 标头,缓存可能会错误地向移动设备用户提供pc版 HTML 网页的缓存(反之亦然)。


b)它有助于 百度spdier 更快速地发现针对移动设备进行优化的内容,这是由于百度在抓取针对移动内容进行过优化的网址时,会将有效的 Vary HTTP 标头作为抓取信号之一,百度方面表示,他们会提高用其他ua抓取此网页的优先级。


示例:


移动网站搜索优化教程-骆驼网站建设


并且在pc的响应的head中添加:


移动网站搜索优化教程-骆驼网站建设


在移动的响应的包头中添加:


移动网站搜索优化教程-骆驼网站建设


十三、移动网站的自适应


通过同一网址提供相同 HTML 代码的网站设计方法。该方法不考虑用户所使用的设备(pc、平板电脑、移动设备),但可以根据屏幕尺寸以不同方式呈现(即适应)显示屏。

自适应设计有其一般原则:在head添加以下代码并且使用元素处理自适应图片:


移动网站搜索优化教程-骆驼网站建设


自适应页面还应该在head中标识:


移动网站搜索优化教程-骆驼网站建设


表示页面同时适合在移动设备和PC上进行浏览。


关于移动配置,百度不建议以下做法:

1)单一域名下请使用同一种配置方式(跳转适配、代码适配、自适应),例如,不要把移动站的页面作为pc站网址中的一个子目录来配置。    

 

2)如果使用跳转适配的方式,请不要使用JS对ua进行适配跳转。这种方式存在两个缺点:


a)对用户:会加大由重定向的客户端造成的延迟;这是因为客户端需要先下载网页,接着解析并执行 JavaScript,然后才能触发重定向。301或302则不会有这个延迟。


b)对搜索:爬虫也需要使用支持JS渲染的爬虫,才能发现此重定向。


三种适配方式各方面对比:


移动网站搜索优化教程-骆驼网站建设


在这三种移动化方式中,跳转适配是目前使用者最多的一种。适配移动页并不直接参与结果排序,仅出现在用户点击了某PC结果后,PC结果跳转向移动页面的场景下。即在百度移动搜索的环境下,检索系统先将一个拥有适配移动页的PC结果排了上来,搜索用户点击后,由适配关系决定哪个无线页面对它进行替换。所以百度对PC移动页适配关系的识别程度,直接决定了站点移动优化的成绩!


那么,哪种移动化方式对站长更有利呢?


百度曾表示:站长们得搭建一个适合在手机上浏览的网站,而且最好是独立的,在没有条件的情况下,百度才鼓励做PC和Mobile的适配。简而言之,就是“有条件就做个独立站点,没条件就搞适配”。虽然比起适配站点,独立移动站点需要更多的资源配置,但是从搜索优化的角度来看,一个独立的移动站点(H5更佳)比适配移动站点更加符合百度目前的移动SEO要求的。


十四、设计网页时主要考虑的是用户,当然也少不了搜索引擎


1)排版合理,版式美观,易于阅读和浏览;

2)用户需要的内容占据网页最重要位置;

3)能够通过页面标签或页面布局十分清楚地区分出哪些是广告;

4)广告不抢占主体内容位置,不阻碍用户对主要内容的获取;


十五、永远将用户体验放在首位


若想提高移动站点的用户体验,强行弹窗app下载、用户登录、大面积广告等影响用户浏览体验的行为绝对是不可有的。当然还要着重提高站点的移动设备友好度。


十六、根据用户需求制作内容


其实,对于用户和搜索引擎来说,好的内容不一定要很有深度,但必须完整详细,能够满足用户需求,大致可以从以下几个思路做内容:


1)策划内容体系

很多网站都有很好的网站结构,但是不一定有一个很严密的内容发布体系。网站结构是看得到的,内容体系是看不到的。它是背后以内容目的为导向,有规划地利用内容总纲和内容时间表的一个方案。这个体系因行业而异,根据用需求和市场走势来制定。


2)使用多种内容形式

文章是最基础的内容表达形式,但是如果你可以提供更多形式,比如音视频、PPT、电子书、信息图等等,一定可以让内容的整体效果更加出彩。有人觉得视觉化的内容太肤浅,但是它的需求却在不断膨胀。实际上,有些视觉化内容可以给读者留下更大的思考空间,表达效果可能会更好。


3)形成独有的内容风格

百度也提示了,要提供独特的价值,它的意思是让你Think different。世界上没有两片完全相同的树叶,也不应该有两个完全相同的网站。独有的,应该包括稀缺的内容、独有的语言风格、独有的内容形式、独有的网站形象等等,种种独有综合起来,不走寻常路,才能让别人记住你进而黏住你。


4)构建内容生态

内容生态听起来很玄乎的样子,其实就是做好内容的关联推荐。这个推荐包括站内相关内容的互相引用推荐,也包括站外优质内容引用推荐。每个网站的都不可能完美,要更好地满足用户需求,借用站外优质资源就是一个捷径(可是有些网站还是吝啬那些导出链接)。果壳网的模式应该成为一个楷模,它通过大量的引用构成了一个信任度很高的网站。一方面内容质量确实好,另一方面是站外的大环境支持了它。


此外,移动搜索用户的需求也日益趋向本地化、即时化。


本地化

用户的需求对象逐步趋向于本地资源,用户在从搜索结果中做选择时也更倾向于本地站点。而百度方面,也针对“本地化”推出了白杨算法,优先展示那些符合用户地域性搜索需求的优质内容。


即时化

用户对时效性的需求愈发强烈,大多用户都更倾向于选择最新的内容。

因而,站长们还需从用户角度出发。


十七、及时删除低质内容,及时提交死链:


关于提交死链


1)只提交百度收录的死链即可,即以前页面正常的,被百度收录后变成404的页面。


2)除了404死链,内容死链和跳转死链也必须提交。





以上就是关于移动网站搜索优化教程的一些知识,希望能够帮助到大家。本文是骆驼收集整理,未经允许,禁止转载。如要了解关于网站建设网站制作的知识,请及时关注我们的更新。


全部评论(0条)
亲~快来评论噢!