您好,欢迎访问【高丹SEO】网站登录
西安SEO为您提供SEO基础知识,SEO排名技术,网站优化教程,SEO问题解答,网站优化,网站SEO顾问等服务。
首页 >> 网站建设经验 >> 针对PC端与移动端适配的问题

针对PC端与移动端适配的问题

2015-08-04 2
浏览次数1173次

随着现在移动端用户的越来越多,许多站长开始注重移动端的网站构建,都不想放过任何一个机会,都希望抓住移动用户。但是有许多站长担心如何做移动与pc的适配?因为移动站点内容TKD信息与PC站的TKD信息完全一样,百度是否会惩罚,针对这个问题西安seo来给大家唠唠。

移动与PC站点是以后的发展趋势,许多社交型网站移动端的流量甚至多于PC端,大型的网站都做了移动适配,那么中小型网站站长应该如何去做移动适配呢?

1、PC站点内容同步到移动站点,使每个PC页面都有相对应的移动页面。

2、移动页面的css布局要使用百分百来控制,而不是使用固定的像素来控制模块。针对这一点,西安seo之前写过一篇《简单css技巧搞定自适应网页提高用户体验》有兴趣的朋友可以看下。

3、合理利用canonical标签:canonical标签已经推出很久了,canonical是 Google、雅虎、微软等搜索引擎一起推出的一个标签,它的主要作用是用来解决由于网址形式不同内容相同而造成的内容重复问题。这个标签对搜索引擎作用非常大,简单的说它可以让搜索引擎只抓取你想要强调的内容。既然其它搜索引擎都任何这个标签那么百度也是肯定是认可的,合理利用这个标签即可处理好重复内容以及告诉搜索引擎知需要抓取哪个页面。

canonical标签使用方法:

来举个例子,例如有两个网址分别是

http://www.xufanfan.com/page/3
http://www.xufanfan.com/page/4

假如这两个页面的title完全一样,内容完全一样,那么我们只需要让搜索引擎抓取http://www.xufanfan.com/page/3页面,那么我们需要在http://www.xufanfan.com/page/4页面的HEAD部分加入以下代码即可

<link rel='canonical' href='http://www.xufanfan.com/page/3' />

告诉搜索引擎,这两个页面内容相同,只需抓取http://www.xufanfan.com/page/3页面即可。

4、告诉搜索引擎PC网站的某个页面相对应的移动页面。在PC页面HEAD部分加入以下代码,需要每个页面一一对应

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

第一行告诉搜索引擎“PC网址”对应的移动网址,第二行判断当页面宽度小于640px时,判为移动用户,展示移动网页

全部评论:2
1#
北京网络电话2015年8月4日下午1:55 回复

你的站很好, 可以做友情链接吗?

2#
锤式破碎机优势分析2015年8月5日上午7:12 回复

同感啊,可以交换吗,呵呵,学写了