您好,欢迎访问【高丹SEO】网站登录
西安SEO为您提供SEO基础知识,SEO排名技术,网站优化教程,SEO问题解答,网站优化,网站SEO顾问等服务。
首页 >> SEO常见问题 >> 网站优化中PC站与移动站适配方法

网站优化中PC站与移动站适配方法

2017-06-09 0
浏览次数766次

随着移动互联网的普及,现在的智能手机人手一部,移动端的搜索流量大幅增长,通过移动端搜索进入网站,看到是PC端,体验度肯定不好,站在SEO的角度,如何将PC站与移动站进行适配?如何做移动适配才不会倍搜索引擎惩罚,不会降低PC站点在搜索引擎的排名?这里西安SEO来系统的跟大家说下具体PC站点与移动站点的适配方法。

 1
PC与移动站点是配方法

 1、建立与pc页对应的移动页面,保证其url结构与pc页一致,采用以下对应关系

URL结构对应关系说明:
主域对应关系:“www.xufanfan.com/xxx”===》“m.xufanfan.com/xxx”
子域对应关系:“n2.xufanfan.com/xxx”===》“m.xufanfan.com/n2/xxx”
子域名频道放置于m站子目录,统一使用一个子域名作移动站点。

2. 适配方法:

在需要适配的页面<head></head>部分加上meta适配声明,指定对应的移动页或pc页URL

在pc页上,添加:

<meta name="mobile-agent" content="format=html5;url=对应移动页面URL"/>
<link rel="alternate" media="only screen and (max-width: 640px)" href="对应移动页面URL" >

在移动页上,添加:

<link rel="canonical" href="对应pc页面URL" >

案例:

假设pc版网址为<http://www.xufanfan.com/post/1230.html> ,且对应的移动版网址为<http://m.xufanfan.com/post/1230.htmll>

那么此示例中适配方法如下所示:

在pc版网页(http://www.xufanfan.com/post/1230.html) 上,添加:

<meta name="mobile-agent" content="format=html5;url=http://m.xufanfan.com/post/1230.htmll"/>
<link rel="alternate" media="only screen and (max-width: 640px)" href="http://m.xufanfan.com/post/1230.htmll">

而在移动版网页(http://m.xufanfan.com/post/1230.htmll) 上,添加:

<link rel="canonical"href="http://www.xufanfan.com/post/1230.html"> 

3、生效周期:

完成meta适配后,在蜘蛛到访页面的18天后才能生效。

本文经过西安SEO亲自测试得出经验,希望对大家有帮助。如需网站优化请您联系QQ:2356-9977-36

全部评论:0