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

时间:2020-09-14 20:42:07 来源:SEO 作者:曾庆平SEO 点击量:

  浅谈移动端网站建设及基础优化!随着用户流量的偏移,越来越多的站长开始注重移动端搜索优化了。对于不太熟悉网站开发设计的SEOer而言有必要先了解下移动站的多种存在形式,然后根据不同的形式进行SEO优化调整。

  思维浅析

  在二级域名及二级目录如何选择中我们提到了,移动站建设优选二级域名的形式,形如m.xxx.com/wap.xxx.com等。但在移动站点建设中应该考虑到,如何做好移动站与PC站对应关系的处理,不仅是用户视觉上的差异化处理,同时还要帮助搜索引擎对其进行有效识别。

  本文主要对自适应、代码适配、跳转适配三种移动站形式进行说明,大家可根据自身的实际情况进行选择,然后进行相应的优化操作。这里对独立移动站不做过多表述,因为独立移动站的URL和PC站是不一样的,甚至都不能像跳转适配一样准确地找到PC与移动页面之间的对应关系,因此可以看做成与PC站一样的独立网站进行优化,但势必导致网站内容建设工作量的增加。

  01自适应

  PC站和移动站的URL是完全一样的,返回给浏览器的HTML代码也是一样的,在不同宽度的屏幕上通过css进行排版布局控制,以达到不同尺寸设备屏幕下的正常浏览,通常也别称为响应式设计。

  对于SEO而言相同的URL以及HTML文件,搜索引擎只需建立一套索引即可,对于大型网站而言也避免了搜索引擎抓取份额的浪费,更符合SEO中单一URL链接的权重集中。

  SEOer也只需在自适应页面中添加以下meta标签,表示当前页面同时适用于移动设备及PC设备。

  <meta content="width=device-width, initial-scale=1.0"><metacontent="pc,mobile">

  02代码适配

  PC站和移动站的URL是完全一样的,这点和自适应形式的移动站相同,区别在于服务端根据不同的设备返回对应版本的HTML代码和CSS文件。这样PC设备访问时得到的HTML代码是PC版,移动设备得到的HTML代码是移动版,这样在页面布局结构上可针对PC或移动端进行差异化调整,可根据PC及移动端的搜索差异性分别进行关键词布局。

  但为了帮助不同的搜索蜘蛛识别页面变化需要添加Vary HTTP标头,不仅能避免错误地向移动设备用户提供pc版HTML网页的缓存,同时有助于百度蜘蛛更快速地发现针对移动设备进行优化的内容,此外还需要注意在PC端及移动端各自返回的HTML文件中添加meta标签。

  <meta content="pc"><meta content="mobile">

  03跳转适配

  是当前最常见的移动站点建立形式,由于原有PC程序进行自适应改造困难,因此重新生成相应的移动端页面,即网页的主体内容相同但页面布局有所差异。尝试检测用户所使用的设备或ua进行跳转,然后在PC版和移动版页面分别添加特殊链rel="alternate" 或者rel="canonical" 标记,指向对应的移动版或PC版页面。推荐阅读:网站seo内容撰写的策略及建议

  总得来说从SEO的角度考虑优先选择自适应移动站,此外自适应站点也是未来网站建设的发展方向,而如果是对老站点做移动改造优化,可以根据技术能力选择代码适配或移动适配。优化本身就没有绝对的标尺,也就不存在绝对的正确与错误之分。

当前位置:SEO > SEO基础教程 >

声明:本文由江西SEO和SEO教程网整理不代表个人观点,转载请注明原文,点击还能查看更多SEO培训的文章;本文网址: http://www.yongfengseo.com/jiaocheng/10536.html

围观: 1000次 | 责任编辑:曾庆平SEO

点击关闭
  • SEO在线客服代码 SEO在线客服代码 SEO在线客服代码