沈阳SEO_沈阳网站优化_沈阳网站建设_企业整站SEO优化外包公司【初衷网络】

首页 > 移动SEO > / 正文

移动网站怎么做SEO移动标签优化

2018-01-08 移动SEO

  在移动大潮如此汹涌激烈的情况下,看重移动流量是必需的。而一个移动友爱的站对用户是合适阅读,而对搜寻引擎来说则是恰当的标签应用,让他在最短时间内判断出它的移动友爱性,从而怀才不遇。

  首先是meta标签标示。以及将手机,移动端,wap版等代表移动的词汇插入到网页中顶部尾部以及页面中多少次,强化移动页面的辨认。博客园一篇文章以天猫淘宝京东为例做了详解,我直接摘录过来。谢谢原作者。

  一、天猫

  <title>天猫触屏版</title> <meta content="text/html; charset=utf-8" http-equiv="Content-Type"> <meta charset="utf-8"> <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport"> <meta content="yes" name="apple-mobile-web-app-capable"> <meta content="black" name="apple-mobile-web-app-status-bar-style"> <meta content="telephone=no" name="format-detection">

  二、淘宝

  <title>淘宝网触屏版</title> <meta charset="utf-8"> <meta content="yes" name="apple-mobile-web-app-capable"> <meta content="yes" name="apple-touch-fullscreen"> <meta content="telephone=no" name="format-detection"> <meta content="black" name="apple-mobile-web-app-status-bar-style"> <meta property="wb:webmaster" content="c51923015ca19eb1"> <meta name="author" content="m.taobao.com"> <meta name="copyright" content="Copyright ?m.taobao.com 版权所有"> <meta name="revisit-after" content="1 days"> <meta name="keywords" content=""> <meta name="description" content="">

  三、京东

  1 <title> 京东 - 手机版 </title> 2 <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;"> 3 <meta name="format-detection" content="telephone=no"> 4 <meta name="Keywords" content="手机购物,WAP商城,日用百货,3C家电,汽车用品">

  四、网易

  <title>手机网易网</title> <meta charset="UTF-8"> <meta content="width=device-width,user-scalable=no" name="viewport"> <meta name="apple-itunes-app" content="app-id=425349261"> <meta name="apple-mobile-web-app-capable" content="yes">

  五、百度

  <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"> <meta name="format-detection" content="telephone=no">

  meta指元素可供给有关页面的元信息(meta-information),比方针对搜寻引擎跟 更新频度的描写跟 关键词。 标签位于文档的头部,不包括任何内容。 标签的属性定义了与文档相干联的名称/值对。

  手机端特有的有哪些?

  <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport"> <meta content="yes" name="apple-mobile-web-app-capable"> <meta content="black" name="apple-mobile-web-app-status-bar-style"> <meta content="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顶真个状况条的款式;

  在web app利用下状况条(屏幕顶部条)的色彩; 默认值为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.代码地位:

  代码放在旁边,规矩跟 对应关联见下: 

  假如是PC站,代码:<meta name="applicable-device"content="pc">

  假如是M站,代码:<meta name="applicable-device"content="mobile">

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

  总的一句话,速度快稳固移动拜访体验佳,搜寻引擎高度辨认,并能树立起移动站跟pc站的逐一对应关联。

Tags:

更多移动网站怎么做SEO移动标签优化的相关文章

网站分类
标签列表