当前您的位置:济南网站优化 > 新闻资讯 > 来浅谈下移动端网站建设及基础优化

来浅谈下移动端网站建设及基础优化

  • 文章来源:移动端网站建设
  • 文章作者:移动端网站优化
  • 2019-09-26

  • 77

随着用户流量的偏移,越来越多的站长开始注重移动端搜索优化了。对于不太熟悉网站开发设计的SEOer而言有必要先了解下移动站的多种存在形式,然后根据不同的形式进行SEO优化调整。
思维浅析
在二级域名及二级目录如何选择中我们提到了,移动站建设优选二级域名的形式,形如m.xxx.com/wap.xxx.com等。但在移动站点建设中应该考虑到,如何做好移动站与PC站对应关系的处理,不仅是用户视觉上的差异化处理,同时还要帮助搜索引擎对其进行有效识别。
本文主要对自适应、代码适配、跳转适配三种移动站形式进行说明,大家可根据自身的实际情况进行选择,然后进行相应的优化操作。这里对独立移动站不做过多表述,因为独立移动站的URL和PC站是不一样的,甚至都不能像跳转适配一样准确地找到PC与移动页面之间的对应关系,因此可以看做成与PC站一样的独立网站进行优化,但势必导致网站内容建设工作量的增加。
01
自适应
PC站和移动站的URL是完全一样的,返回给浏览器的HTML代码也是一样的,在不同宽度的屏幕上通过css进行排版布局控制,以达到不同尺寸设备屏幕下的正常浏览,通常也别称为响应式设计。
对于SEO而言相同的URL以及HTML文件,搜索引擎只需建立一套索引即可,对于大型网站而言也避免了搜索引擎抓取份额的浪费,更符合SEO中单一URL链接的权重集中。
seo移动端优化
SEOer也只需在自适应页面中添加以下meta标签,表示当前页面同时适用于移动设备及PC设备。
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="applicable-device"content="pc,mobile">
02
代码适配
PC站和移动站的URL是完全一样的,这点和自适应形式的移动站相同,区别在于服务端根据不同的设备返回对应版本的HTML代码和CSS文件。这样PC设备访问时得到的HTML代码是PC版,移动设备得到的HTML代码是移动版,这样在页面布局结构上可针对PC或移动端进行差异化调整,可根据PC及移动端的搜索差异性分别进行关键词布局。
但为了帮助不同的搜索蜘蛛识别页面变化需要添加Vary HTTP标头,不仅能避免错误地向移动设备用户提供pc版HTML网页的缓存,同时有助于百度蜘蛛更快速地发现针对移动设备进行优化的内容,此外还需要注意在PC端及移动端各自返回的HTML文件中添加meta标签。
<meta name="applicable-device" content="pc">
<meta name="applicable-device" content="mobile">
03
跳转适配
是当前最常见的移动站点建立形式,由于原有PC程序进行自适应改造困难,因此重新生成相应的移动端页面,即网页的主体内容相同但页面布局有所差异。尝试检测用户所使用的设备或ua进行跳转,然后在PC版和移动版页面分别添加特殊链rel="alternate" 或者rel="canonical" 标记,指向对应的移动版或PC版页面。
百度关键词优化写在最后
————
总得来说从SEO的角度考虑优先选择自适应移动站,此外自适应站点也是未来网站建设的发展方向,而如果是对老站点做移动改造优化,可以根据技术能力选择代码适配或移动适配。优化本身就没有绝对的标尺,也就不存在绝对的正确与错误之分。
同样是做SEO,对于SEO思维和实操,不同的SEOer都有自己的见解与心得,欢迎每一位喜欢SEO的朋友留言交流!!!