网站地图 (XML / TXT
    服务咨询电话
0551-65321807
  服务咨询及项目合作
272579841@qq.com
  点击此处立即在线沟通
点击这里给我发消息[售前服务咨询]
点击这里给我发消息[售后服务咨询]
网站首页 > 网站建设移动端与优化的基础知识
来源:http://www.zosyo.com 发布时间:2019/9/26 浏览次数:633次
  用户的流量在偏移,很多的站长开始注重移动端的优化搜索,网站开发不熟悉的SEO要先了解移动站的形式,依据不同形式进行优化调整,安徽网站建设的小编为大家讲解。
  思维浅析
  在二级域名及二级目录如何选择中我们提到了,移动站建设优选二级域名的形式,形如m.xxx.com/wap.xxx.com等。但在移动站点建设中应该考虑到,如何做好移动站与PC站对应关系的处理,不仅是用户视觉上的差异化处理,同时还要帮助搜索引擎对其进行有效识别。
  本文主要对自适应、代码适配、跳转适配三种移动站形式进行说明,大家可根据自身的实际情况进行选择,然后进行相应的优化操作。这里对独立移动站不做过多表述,因为独立移动站的URL和PC站是不一样的,甚至都不能像跳转适配一样准确地找到PC与移动页面之间的对应关系,因此可以看做成与PC站一样的独立网站进行优化,但势必导致网站内容建设工作量的增加。
  自适应
  PC站和移动站的URL是完全一样的,返回给浏览器的HTML代码也是一样的,在不同宽度的屏幕上通过css进行排版布局控制,以达到不同尺寸设备屏幕下的正常浏览,通常也别称为响应式设计。
  对于SEO而言相同的URL以及HTML文件,搜索引擎只需建立一套索引即可,对于大型网站而言也避免了搜索引擎抓取份额的浪费,更符合SEO中单一URL链接的权重集中。
  SEOer也只需在自适应页面中添加以下meta标签,表示当前页面同时适用于移动设备及PC设备。
  <metaname="viewport"content="width=device-width,initial-scale=1.0">
  <metaname="applicable-device"content="pc,mobile">
  代码适配
  PC站和移动站的URL是完全一样的,这点和自适应形式的移动站相同,区别在于服务端根据不同的设备返回对应版本的HTML代码和CSS文件。这样PC设备访问时得到的HTML代码是PC版,移动设备得到的HTML代码是移动版,这样在页面布局结构上可针对PC或移动端进行差异化调整,可根据PC及移动端的搜索差异性分别进行关键词布局。
  但为了帮助不同的搜索蜘蛛识别页面变化需要添加VaryHTTP标头,不仅能避免错误地向移动设备用户提供pc版HTML网页的缓存,同时有助于百度蜘蛛更快速地发现针对移动设备进行优化的内容,此外还需要注意在PC端及移动端各自返回的HTML文件中添加meta标签。
  <metaname="applicable-device"content="pc">
  <metaname="applicable-device"content="mobile">
  跳转适配
  是当前最常见的移动站点建立形式,由于原有PC程序进行自适应改造困难,因此重新生成相应的移动端页面,即网页的主体内容相同但页面布局有所差异。尝试检测用户所使用的设备或ua进行跳转,然后在PC版和移动版页面分别添加特殊链rel="alternate"或者rel="canonical"标记,指向对应的移动版或PC版页面。

>> 相关文章:

·安徽网站优化在旅游网站上的优化特点
·安徽网站建设应该考虑用户体验感
·合肥网站建设响应式网页设计为何如此重要
·安徽合肥网络公司应该选择什么样的网站空间
·合肥SEO优化的长尾词做法
·合肥网站制作如何改进用户体验
·安徽SEO优化选择关键词的技巧
·安徽网站优化需要分析的数据