说说PC站和移动站的移动适配关系优化

曾经写过关于手机网站的SEO优化方向，可是多数是注重在移动网站代码方面，而把移动和PC的重点关系优化给忽略了，这方面也是不少作SEO优化站长给忽略的一些事情。

2015年11月6日，在百度站长平台能够提交移动适配，而且使用301定向作跳转适配，简单说用户使用手机访问PC页面，自动301转向到PC对应的移动页面。这种跳转适配，最好使用301或302定向，不使用JS。为何不使用JS跳转?一、百度不任何JS跳转，百度承认301或302定向;二、JS跳转前，要打开不少东西，而后再进行跳转，原本手机网速就慢，你还让用户干着急;三、不少浏览器拦截JS，让JS跳转不能生效。

http://www.admin5.com/article/20151207/636435.shtml

PC网站和移动网站对应的关系有三种：

第一种如同我博客同样， URL和模版都是使用同一个，根据用户设备尺寸大小自动调整。
第二种URL不同，模版不同，但内容同样，久闻网就是这样作的。
第三种URL同样，可是模版不同，判断用户所用的浏览器生成不一样的HTML模版。

　　

目前来说移动和PC的网站对应关系只有这三种，若是遇到第四种，好比内容不同、URL不能对于、模版不同，出现这种状况的网站，那么这个移动站点压根就没办法和PC站点对应起来，天然也考虑独立优化了，那么这三种形式的对于分别如何对应起来呢。

第一种：自动响应

自动响应的网站理论上是不须要对应的，全自动对应起来的，可是因为早期百度没法认识到自动响应的网站，因此致使了大多网站都使用了第三方网站模版作移动网站，可是百度最近发出公告，说明自动响应网站对移动站点优化有必定的好处，另一个自动响应的网站相对而言管理更简单，可是也须要在自动响应的网站上作mata申明。

<meta name="applicable-device"content="pc,mobile">
表示页面同时适合在移动设备和PC上进行浏览。

　　

另一个是为了让图片跟着自动响应变更大小，因此建议在网站的头部加上<picture>元素处理自适应图片：
<meta name="viewport" content="width=device-width, initial-scale=1.0">

　　

第二种：跳转适用

跳转适用是经过判断用户使用的设备来自动跳转到对于的模版中，好比手机访问即会跳转到手机网站中，这种作法实际上是很早之前的手机网站模版进行改版过来的，缺点很是多，优势没几个，因此可以不适用这种形式就不使用。

跳转的方式大可能是使用JS来判断手机网站和PC网站访问。其实这是不符合搜索引擎优化的作法，也是不利于用户体验的作法，为何呢，第一搜索引擎没法识别JS，百度官方的说法是百度爬虫不支持JS渲染，因此没法发现JS的重定向，第二个是用户在浏览PC网站后加载这个JS才进入移动网站，也就是说用户要打开你的移动网站，要加载两个网站，网站打开速度太慢的同时还浪费流量。

最好的作法是直接使用301或302跳转，301或302跳转是在解析域名的时候就作出了跳转的动做，因此不存在用户要打开两个网站，同时百度也能够识别301或302的返回状态，下面是301或302的规则。注意pc与主移动版本用301重定向，各移动版本之间用302重定向。

linux+Apache的跳转规则

1、根目录下.htaccess内容，处理pc域名到手机站域名的跳转：

<IfModule mod_rewrite.c>
RewriteEngine on
RewriteCond %{HTTP_USER_AGENT} "android|blackberry|googlebot-mobile|iemobile|ipad|iphone|ipod|opera mobile|palmos|webos|UCBrowser|QQBrowser|wap" [NC]
RewriteRule ^$ http://手机站域名/ [R=301,L]
</IfModule>

　　2、子目录下的.htaccess的跳转规则

RewriteCond %{HTTP_USER_AGENT} "android|blackberry|googlebot-mobile|iemobile|ipad|iphone|ipod|opera mobile|palmos|webos|UCBrowser|QQBrowser|wap" [NC]
RewriteRule ^\/$ http://手机站域名/list.php?tid=25 [R=301,L]

　　3、子目录下的文章页面（按日期分类及命名）的url跳转规则

RewriteCond %{HTTP_USER_AGENT} "android|blackberry|googlebot-mobile|iemobile|ipad|iphone|ipod|opera mobile|palmos|webos|UCBrowser|QQBrowser|wap" [NC]

RewriteRule ^([0-9]+)/([0-9]+)\.html$ http://手机站域名/view.php?aid=$2 [R=301,L]

win+iis跳转规则

<rewrite>
            <rules>
                <rule name="已导入的规则 1" stopProcessing="true">
                    <match url="^$" ignoreCase="false" />
                    <conditions logicalGrouping="MatchAll">
                        <add input="{HTTP_USER_AGENT}" pattern="android|blackberry|googlebot-mobile|iemobile|ipad|iphone|ipod|opera mobile|palmos|webos|UCBrowser|MQQBrowser|Windows Phone|wap" />
                    </conditions>
                    <action type="Redirect" url="http://m.aaaaa.com/" redirectType="Permanent" />
                </rule>
                <rule name="已导入的规则 2" stopProcessing="true">
                    <match url="^a/view/(.*).html$" ignoreCase="false" />
                    <conditions logicalGrouping="MatchAll">
                        <add input="{HTTP_USER_AGENT}" pattern="android|blackberry|googlebot-mobile|iemobile|ipad|iphone|ipod|opera mobile|palmos|webos|UCBrowser|MQQBrowser|Windows Phone|wap" />
                    </conditions>
                    <action type="Redirect" url="http://m.aaaaa.com/a/{R:1}.html" redirectType="Permanent" />
                </rule>
                <rule name="已导入的规则 3" stopProcessing="true">
                    <match url="^down/html/(.*).html$" ignoreCase="true" />
                    <conditions logicalGrouping="MatchAll">
                        <add input="{HTTP_USER_AGENT}" pattern="android|blackberry|googlebot-mobile|iemobile|ipad|iphone|ipod|opera mobile|palmos|webos|UCBrowser|MQQBrowser|Windows Phone|wap" />
                    </conditions>
                    <action type="Redirect" url="http://m.aaaaa.com/s/{R:1}.html" redirectType="Permanent" />
                </rule>
                <rule name="已导入的规则 4" stopProcessing="true">
                    <match url="^down/class/(.*)_(.*).html" ignoreCase="false" />
                    <conditions logicalGrouping="MatchAll">
                        <add input="{HTTP_USER_AGENT}" pattern="android|blackberry|googlebot-mobile|iemobile|ipad|iphone|ipod|opera mobile|palmos|webos|UCBrowser|MQQBrowser|Windows Phone|wap" />
                    </conditions>
                    <action type="Redirect" url="http://m.aaaaa.com/list/{R:1}.html" redirectType="Permanent" />
                </rule>
                <rule name="已导入的规则 1-1" stopProcessing="true">
                    <match url="^tags.php?/(.*)/$" ignoreCase="false" />
                    <conditions logicalGrouping="MatchAll">
                        <add input="{HTTP_USER_AGENT}" pattern="android|blackberry|googlebot-mobile|iemobile|ipad|iphone|ipod|opera mobile|palmos|webos|UCBrowser|MQQBrowser|Windows Phone|wap" /><
                    </conditions>
                    <action type="Redirect" url="http://m.aaaaa.com/tags_{R:1}.html" redirectType="Permanent" />
                </rule>
                <rule name="已导入的规则 2-1" stopProcessing="true">
                    <match url="^tags.php$" ignoreCase="false" />
                    <conditions logicalGrouping="MatchAll">
                        <add input="{HTTP_USER_AGENT}" pattern="android|blackberry|googlebot-mobile|iemobile|ipad|iphone|ipod|opera mobile|palmos|webos|UCBrowser|MQQBrowser|Windows Phone|wap" />
                    </conditions>
                    <action type="Redirect" url="http://m.aaaaa.com/tags.html" redirectType="Permanent" />
                </rule>
            </rules>
        </rewrite>

第三种：代码适配

代码适配的网页其实就是鸡肋，在技术上比自动响应的高，在效果比自动响应的差，相对前面两种代码适配是比较中性的，因此咱们在市面上也不多见到有网站会使用此技术来作移动网站。不过在移动站点优化上，代码适配确实有写不同的优点。

Vary HTTP 标头助于 百度spdier 更快速地发现针对移动设备进行优化的内容，会将有效的 Vary HTTP 标头做为抓取信号之一，咱们会提升用其余ua抓取此网页的优先级。

而且在pc的响应的head中添加
<meta name="applicable-device" content="pc">
在移动的响应的包头中添加
<meta name="applicable-device" content="mobile">

若是上面看不懂，请看下面最简单的方式

若是你是自动响应的，那就不须要看了，由于自动响应网站能够全自动适配对应上，若是是后面两个方式，不懂，能够直接使用百度站长平台的移动适配工具来适配。作适配前，须要验证百度站长平台。

适配网站：http://zhanzhang.baidu.com/mobile/

在里面有两种方式进行适配，第一种经过规则来适配，但要懂规则，这里的规则很是简单，第二种经过URL来适配，把你手机站和移动站对应的URL下载出来，整理成一个txt文档上传进去，若是你网站URL多，第二种方法明显就不适合了。那么第一种方法的规则以下：

PC网站：http://www.ssffx.com/SEOjishu/1191.html

移动网站：http://m.ssffx.com/SEOjishu/1191.html

a)肯定都是数字的，则用 (\d+)表示

b)肯定都是字母的，则用 ([a-zA-Z]+) 表示

c)肯定是字母数字混合，则用 ([a-zA-Z0-9]+) 表示

d)肯定是字母数字下划线混合，则用 (\w+) 表示

从上面的URL得出下面的适配关系。

PC网站：http://www.ssffx.com/ ([a-zA-Z]+)/ (\d+).html
移动网站：http://m.ssffx.com/${1}/${2}.html

相信你们看到上面的说法都懂得，这些也都是小学生都可以看懂的对应关系，把a,b,c,d运用对应上去便可，至于${1}，${2}，依次用${1}，${2}，……表示替换掉改版前url中的可替换参数或路径。提交到百度移动适配的工具中，另外找三对PC和移动对应的URL放上去提交后等待校验便可。

总结：移动站点的排名主要是根据PC网站来对应得到的排名，由于大多移动关键词排名都是PC搜索结果的数据。

来源：冯耀宗博客（QQ/微信号：394062665），欢迎分享本文，转载请保留出处！