• 欢迎访问济南网站优化-济南网络推广-网站SEO优化公司-济南搜到网络科技有限公司

    RELATEED CONSULTING
    相关咨询
    选择下列客服马上在线沟通
    服务时间:7:30-19:00
    你可能遇到了下面的问题
    关闭右侧工具栏
    当前位置:主页 > SEO资讯 > 网站优化知识 > 正文
    分割线 分割线
    seo中对于网站优化排名的影响解读-移动标签
    • 作者:济南网络优化
    • 发表时间:2019-05-15 19:49
    • 来源:www.gfub.tw

        在移动大潮如此汹涌猛烈的情况下,重视移动流量是必须的。而一个移动友好的站对用户是适合浏览,而对搜索引擎?#27492;?#21017;是适当的标签使用,让他在最短时间内判别出它的移动友好性,从而脱颖而出。
    首先是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商城,网站建设,济南seo">济南网站优化

    四、网易
    <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),比如针对搜索引擎和更新频度的描述和关键词。 标签位于文档的头部,?#35805;?#21547;任何内容。 标签的属性定义了与文档相关联的名称/值对。
    手机端特有的有哪些?

    <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应用下状态条(屏?#27426;?#37096;条)的颜色; 默?#29616;?#20026;default(?#21672;?#21487;以定为black(黑色)和black-translucent(灰色半透明)。 注意:若值为“black-translucent”将会占据页面px位置,浮在页面上方 (会覆盖页面20px高度–iphone4和itouch4的Retina屏幕为40px)。

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

    其次是百度对字号间距的规定,需?#32454;?#36981;守。

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

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

    2、主体内容含多图时,除图片质量外,应设?#29467;?#29255;宽度一致位?#29467;?#19968;;

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

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

    5、此外,需注意交互一致性,同一页面不应使用相同手势完成不同功能。
    再次,?#26723;蚸s,大图片,flash等富媒体资源使用,甚至在非特别必要情况下,使用纯静态文本资源,访问速度快,主题集中,减少蜘蛛工作。用还是不用,可以细致的体现到每个页面策略上去,富媒体的东西无非是利用人右脑功能强化?#19988;洌?#21152;强吸引力的。但在移动端,它会严重?#19979;?#21152;载速度以及占用有限手机空间。并非很好选择,除非对图片要求及flash或交互要求高的站点,不过通常它们的加速方面有强大的技术支持。可有效抵减带来的不利影响。

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


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

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

    2.代码位置

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

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

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

      如果是?#20801;视?#25110;代码适配,代码:<meta name="applicable-device"content="pc,mobile">。

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


    除非注明,文章均为【济南搜到网络网站优化公司】原创。欢迎转载!转载请注明本文地址,谢谢!

    本文地址:http://www.gfub.tw/news/seo/75.html

    分割线
  • 上一篇:网络SEO:网站标题到底该怎么优化合适
  • 下一篇:seo中网站备案及?#29616;?#23545;于网站优化排名的影响
  • 吉林快三投注 3d走势图综合版 高频彩票计划logo 广西快乐10分开奖分布图开奖结果 华东15选5毒胆号预测 二八杠下注法 中特玄机报 谁有二八杠微信公众号 靠谱的幸运飞艇彩票网 中福彩中心主任 18选7技巧 广西11选5走势图事件 快乐12开奖走势图手机版 新疆时时彩qq群 体彩舟山飞鱼直播 山东群英会最新开奖两码遗漏