广

SEO优化

  • 建站技巧
  • SEO优化
  • 营销推广
  • 微信营销
  • 微博营销
  • 营销策划
  • 直播营销
  • 位置:首页 > 策划运营 > SEO优化

    手机端网站是怎么做SEO移动标签优化的?

    2020-03-21 17:04:28 次阅读 稿源:互联网
     

      很多SEO都在困恼移动端网站如何优化,下面我就来分析一下手机端特有的标签有哪些?
     

     

      <metacontent="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0"name="viewport"><metacontent="yes"name="apple-mobile-web-app-capable"><metacontent="black"name="apple-mobile-web-app-status-bar-style"><metacontent="telephone=no"name="format-detection">

     

      第一个meta标签表示:强制让文档的宽度与设备的宽度保持1:1,并且文档最大的宽度比例是1.0,且不允许用户点击屏幕放大浏览;

     

      width-viewport的宽度height-viewport的高度initial-scale-初始的缩放比例minimum-scale-允许用户缩放到的最小比例maximum-scale-允许用户缩放到的最大比例user-scalable-用户是否可以手动缩放

     

      第二个meta标签是iphone设备中的safari私有meta标签,它表示:允许全屏模式浏览;

     

      第三个meta标签也是iphone的私有标签,它指定的iphone中safari顶端的状态条的样式;

     

      在webapp应用下状态条(屏幕顶部条)的颜色;默认值为default(白色),可以定为black(黑色)和black-translucent(灰色半透明)。注意:若值为“black-translucent”将会占据页面px位置,浮在页面上方(会覆盖页面20px高度–iphone4和itouch4的Retina屏幕为40px)。

     

      第四个meta标签表示:告诉设备忽略将页面中的数字识别为电话号码。

     

      其次是百度对字号间距的规定,需严格遵守。

     

      百度用户体验部对移动页浏览体验的研究成果:

     

      1、主体内容含文本段落时,正文字号推荐14px,行间距推荐(0.42~0.6)*字号,正文字号不小于10px,行间距不小于0.2*字号;

     

      2、主体内容含多图时,除图片质量外,应设置图片宽度一致位置统一;

     

      3、主体内容含多个文字链时,文字链字号推荐14px或16px:字号为14px时,纵向间距推荐13px;字号为16px时,纵向间距推荐14px;文字链整体可点区域不小于40px;

     

      4、主体内容中的其他可点区域,宽度和高度应大于40px;

     

      5、此外,需注意交互一致性,同一页面不应使用相同手势完成不同功能。

     

      移动标签

     

      再次,降低js,大图片,flash等富媒体资源使用,甚至在非特别必要情况下,使用纯静态文本资源,访问速度快,主题集中,减少蜘蛛工作。用还是不用,可以细致的体现到每个页面策略上去,富媒体的东西无非是利用人右脑功能强化记忆,加强吸引力的。但在移动端,它会严重拖慢加载速度以及占用有限手机空间。并非很好选择,除非对图片要求及flash或交互要求高的站点,不过通常它们的加速方面有强大的技术支持。可有效抵减带来的不利影响。

     

      第四,使用m.jiaodaseo.com,wap.jiaodaseo.com,类似这样的通用标示多次重复标示,并可采用技术手段拒绝pc用户访问。或者强制跳转到pc页面。如果是自适配的,这种办法就不适用了,可加强上面提到的关键词标示,增进识别度。

     

      第五,百度的自定义标签,用以帮助识别pc移动站。

     

      用来向百度蜘蛛说明此url页面适合在PC端还是M端展现。说白了,就是帮助百度提交校验识别结果的正确性,减少百度蜘蛛把PC站当成M站,或者把M站当成PC站进行抓取。

     

      2.代码位置:

     

      代码放在<head></head>中间,规则和对应关系见下:

     

      如果是PC站,代码:<metaname="applicable-device"content="pc">

     

      如果是M站,代码:<metaname="applicable-device"content="mobile">

     

      如果是自适应或代码适配,代码:<metaname="applicable-device"content="pc,mobile">。

     

      总的一句话,速度快稳定移动访问体验佳,搜索引擎高度识别,并能建立起移动站跟pc站的一一对应关系。

    Z1T1部分新闻及文章转载自互联网,供读者交流和学习,若有涉及作者版权等问题请及时与我们联系,以便更正、删除或按规定办理。感谢所有提供资讯的网站,欢迎各类媒体与 Z1T1进行文章共享合作。