济南网络公司SEO站长做移动端手机站优化的方法技巧
作者：hlwgs 来源：本站 发表时间：2017/3/29 17:30:12 热度:1267℃
SEO已经发展了许多年，如今的SEO不再是仅仅优化关键词排名了，随着移动互联网的发展，也为移动搜索带来了另一片天空，所以没必要把移动页面优化当成一个和PC页面优化完全不一样的技术。
说到底，为搜索用户提供高质量内容的目标是一样的，只不过需要考虑手机用户的特殊用户体验需求，目前的移动搜索排名就是PC搜索排名加上移动因素进行一些调整。
SEO站长做移动端手机站优化的方法技巧-马海祥博客
对于一个站长来说，如果忽视移动端的流量不管从那种角度来说都是一种不划算买卖。作为SEO来说，就更要注重移动端优化，特别是优化技巧，以求让流量来源更多，更能符合自己对于预期的一种追求，那么，作为一名SEO站长，优化移动端手机站的方法技巧有哪些呢？
1、区别于PC端的优化策略
据观察，用户通过移动设备输入关键词搜索和他们通过PC端设备搜索有很大的区别（具体可查看马海祥博客《移动端搜索和PC端搜索的区别》的相关介绍）。
移动设备搜索者使用更短的尾短语，一般情况下，用户会倾向于依赖百度自动填充来完成一次搜索，当我们在优化网站的meta标签和表述的时候，优化这些短语也会非常重要。
对于手机网站的首页或者频道首页的网页代码中的keywords、description最好加上与PC端有所区别的meta标签和关键词。
手机站点和PC端的站点不一样，PC端的站点百度明确给出关键词跟描述标签对优化起不到任何效果了，但手机端的关键词和描述标签是对手机站点有效果的，所以百度移动搜索也给出了建议，最好要把三大标签做好优化。
2、网站尽可能设计简洁
移动端网站比PC端网站的页面下载速度要慢得多，百度现在给出的参考数字是，页面在手机上需要3秒之内打开，因此，尽量把页面数和页面大小控制到最低。
同样，广告、页脚、相关文章、Tag链接等PC页面上常见的内容，能删则删，由于是手机用户，用户浏览网页的时间是零碎的，不可能耐心点击很多的页面，因此，要尽可能精简移动网站设计。
这是用户体验的问题，也是尽量减少百度蜘蛛抓取的工作，让蜘蛛尽可能多的爬行和收录页面。
3、清晰的结构和明晰的导航
明晰的导航是每个网站都需要配备的，手机网站也是一样，手机网站应该有清晰的结构和明晰的导航，大致可以分为三个层次：首页、频道页、内容页，每个页面应该有指向上级、下级以及相关内容的链接，比较合理的网站应该是一种扁平的树形结构。
主导航不要堆砌关键词，最好能够帮助用户和搜索引擎方便定位当前网页在网站中的位置（具体可查看马海祥博客《移动端网页界面常用的六种导航模式》的相关介绍）。
4、移动站点避免只是缩小比例
移动站点最好是重新配置网站，并且使移动站点以“m.mahaixiang.cn”为样式的子域名上。很多高流量网站以及一些以提供最好用户体验为标准的网站都有创建自己的移动版本网站。
对于独立移动站点，在索引量上，百度是有区别对待的，有些同学可能会质疑两者网站的差距，但是从索引的设置上来说，都是用24个小时抓取周期，而且都提交sitemap，外链优化也都是同步进行，所以马海祥觉得不存在这种差异，而是实实在在的，独立站点优于适配站点的。
5、手机网站适配问题
手机页面进行合适的DOCTYPE声明有助于搜索引擎识别该页面是否适合手机浏览，一般情况，<!DOCTYPE>声明位于文档中的最前面的位置，处于<html>标签之前（具体可查看马海祥博客《百度移动搜索开放适配服务的3种方法》的相关介绍）。
除了布局和文本，手机网站适配还必须实现图片的自动缩放。这只要一行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);
});
最好还是做适配分辨率的图片，有很多方法可以做到同样效果，服务器端和客户端都可以实现。
6、网站元素尺寸大小及强制下载
由于移动设备基本都是触屏，网站开发者可以考虑垂直菜单，这样当用户决定点击那个链接的时候可以很容易掌控。
在这里，马海祥特别要强调一点：页面是否弹窗强制APP下载或用户登录后才能看到内容？这是百度冰桶算法主要打击的对象（具体可查看马海祥博客《百度移动搜索冰桶算法上线带给了我们什么信息》的相关介绍）。
7、要设置点击拨号的功能
让用户通过移动站点能够更直接给客服人员打电话，每一个移动体验好的网页都应该包含这样一个功能：点击数字拨打电话。
采用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>
这种方法可以直接调出手机的保存电话号码的界面。
8、做好移动版与PC版网站的转换
确保在手机网站或者PC端网站各个页面上有相应的导航或者提示链接，让用户可以在手机版和PC版进行切换，也便于搜索引擎更好的收录。
百度官方曾声明，对于移动站点，当baiduspider ua或者其它无法确定来源的ua访问时，建议默认情况下直接返回html5或xhtml类型的移动页面，不要重定向到PC页面。
9、做好浏览器兼容调试工作
一般来说手机建站有xhtml、html5、wml三种协议，最好使用规范化、标准化的协议格式，避免造成不必要的麻烦。
当然也可以做多个版本的站点，站点进行不同版式的自动适配（具体可查看马海祥博客《PC网站自动适配手机网页的方法技巧》的相关介绍）。
10、同PC端网站相同的SEO优化技巧
对于移动端的SEO优化，其实有很大一部分优化要点与传统PC端网站优化是一样的，比如：网站结构要用合理的树形结构，最好采用树形和扁平相结合；清晰的面包屑导航，方便搜索引擎爬行抓取和用户体验；title写法要尽量包含关键字，首页、频道页、内容页写法要有所侧重。
在PC端，网站左侧LOGO就有助于搜索者对于网站关注。同样的道理在移动端也是一种，并且这种方式尤其重要。这是因为在移动端狭小的屏幕，是否出现LOGO，对于单一网站所占用的屏蔽的大小不一样。
很明显就是有LOGO的就比没有LOGO的占有屏幕大，这样在人们搜索移动端时，对于有LOGO的就会更看看清楚，并且眼睛观察到更多信息，都会传递与大脑，很容易在脑海中做出一种判断，增加网站的点击频率。
说到底，为搜索用户提供高质量内容的目标是一样的，只不过需要考虑手机用户的特殊用户体验需求，目前的移动搜索排名就是PC搜索排名加上移动因素进行一些调整。
SEO站长做移动端手机站优化的方法技巧-马海祥博客
对于一个站长来说，如果忽视移动端的流量不管从那种角度来说都是一种不划算买卖。作为SEO来说，就更要注重移动端优化，特别是优化技巧，以求让流量来源更多，更能符合自己对于预期的一种追求，那么，作为一名SEO站长，优化移动端手机站的方法技巧有哪些呢？
1、区别于PC端的优化策略
据观察，用户通过移动设备输入关键词搜索和他们通过PC端设备搜索有很大的区别（具体可查看马海祥博客《移动端搜索和PC端搜索的区别》的相关介绍）。
移动设备搜索者使用更短的尾短语，一般情况下，用户会倾向于依赖百度自动填充来完成一次搜索，当我们在优化网站的meta标签和表述的时候，优化这些短语也会非常重要。
对于手机网站的首页或者频道首页的网页代码中的keywords、description最好加上与PC端有所区别的meta标签和关键词。
手机站点和PC端的站点不一样，PC端的站点百度明确给出关键词跟描述标签对优化起不到任何效果了，但手机端的关键词和描述标签是对手机站点有效果的，所以百度移动搜索也给出了建议，最好要把三大标签做好优化。
2、网站尽可能设计简洁
移动端网站比PC端网站的页面下载速度要慢得多，百度现在给出的参考数字是，页面在手机上需要3秒之内打开，因此，尽量把页面数和页面大小控制到最低。
同样，广告、页脚、相关文章、Tag链接等PC页面上常见的内容，能删则删，由于是手机用户，用户浏览网页的时间是零碎的，不可能耐心点击很多的页面，因此，要尽可能精简移动网站设计。
这是用户体验的问题，也是尽量减少百度蜘蛛抓取的工作，让蜘蛛尽可能多的爬行和收录页面。
3、清晰的结构和明晰的导航
明晰的导航是每个网站都需要配备的，手机网站也是一样，手机网站应该有清晰的结构和明晰的导航，大致可以分为三个层次：首页、频道页、内容页，每个页面应该有指向上级、下级以及相关内容的链接，比较合理的网站应该是一种扁平的树形结构。
主导航不要堆砌关键词，最好能够帮助用户和搜索引擎方便定位当前网页在网站中的位置（具体可查看马海祥博客《移动端网页界面常用的六种导航模式》的相关介绍）。
4、移动站点避免只是缩小比例
移动站点最好是重新配置网站，并且使移动站点以“m.mahaixiang.cn”为样式的子域名上。很多高流量网站以及一些以提供最好用户体验为标准的网站都有创建自己的移动版本网站。
对于独立移动站点，在索引量上，百度是有区别对待的，有些同学可能会质疑两者网站的差距，但是从索引的设置上来说，都是用24个小时抓取周期，而且都提交sitemap，外链优化也都是同步进行，所以马海祥觉得不存在这种差异，而是实实在在的，独立站点优于适配站点的。
5、手机网站适配问题
手机页面进行合适的DOCTYPE声明有助于搜索引擎识别该页面是否适合手机浏览，一般情况，<!DOCTYPE>声明位于文档中的最前面的位置，处于<html>标签之前（具体可查看马海祥博客《百度移动搜索开放适配服务的3种方法》的相关介绍）。
除了布局和文本，手机网站适配还必须实现图片的自动缩放。这只要一行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);
});
最好还是做适配分辨率的图片，有很多方法可以做到同样效果，服务器端和客户端都可以实现。
6、网站元素尺寸大小及强制下载
由于移动设备基本都是触屏，网站开发者可以考虑垂直菜单，这样当用户决定点击那个链接的时候可以很容易掌控。
在这里，马海祥特别要强调一点：页面是否弹窗强制APP下载或用户登录后才能看到内容？这是百度冰桶算法主要打击的对象（具体可查看马海祥博客《百度移动搜索冰桶算法上线带给了我们什么信息》的相关介绍）。
7、要设置点击拨号的功能
让用户通过移动站点能够更直接给客服人员打电话，每一个移动体验好的网页都应该包含这样一个功能：点击数字拨打电话。
采用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>
这种方法可以直接调出手机的保存电话号码的界面。
8、做好移动版与PC版网站的转换
确保在手机网站或者PC端网站各个页面上有相应的导航或者提示链接，让用户可以在手机版和PC版进行切换，也便于搜索引擎更好的收录。
百度官方曾声明，对于移动站点，当baiduspider ua或者其它无法确定来源的ua访问时，建议默认情况下直接返回html5或xhtml类型的移动页面，不要重定向到PC页面。
9、做好浏览器兼容调试工作
一般来说手机建站有xhtml、html5、wml三种协议，最好使用规范化、标准化的协议格式，避免造成不必要的麻烦。
当然也可以做多个版本的站点，站点进行不同版式的自动适配（具体可查看马海祥博客《PC网站自动适配手机网页的方法技巧》的相关介绍）。
10、同PC端网站相同的SEO优化技巧
对于移动端的SEO优化，其实有很大一部分优化要点与传统PC端网站优化是一样的，比如：网站结构要用合理的树形结构，最好采用树形和扁平相结合；清晰的面包屑导航，方便搜索引擎爬行抓取和用户体验；title写法要尽量包含关键字，首页、频道页、内容页写法要有所侧重。
在PC端，网站左侧LOGO就有助于搜索者对于网站关注。同样的道理在移动端也是一种，并且这种方式尤其重要。这是因为在移动端狭小的屏幕，是否出现LOGO，对于单一网站所占用的屏蔽的大小不一样。
很明显就是有LOGO的就比没有LOGO的占有屏幕大，这样在人们搜索移动端时，对于有LOGO的就会更看看清楚，并且眼睛观察到更多信息，都会传递与大脑，很容易在脑海中做出一种判断，增加网站的点击频率。
