• 西安培华学院招生与就业指导主任 鲍伟 2019-04-16
  • 体坛钟鼓楼:构筑体育传播新格局 2019-04-16
  • 无雨则旱,有雨就淹,成为常态。 2019-04-08
  • 栗战书会见哈萨克斯坦总统纳扎尔巴耶夫 2019-04-08
  • 化学竟可以这么美 中国学霸拍摄化学反应视频火遍全球 2019-03-24
  • 新时代 新篇章 聚焦2018湖北两会 2019-03-15
  • 国家人文历史荣获“年度知识贡献奖” 2019-03-11
  • 《堡垒之夜》Switch版下载量:一天破200万次 2019-03-11
  • 莆田市:建立“网上大调解中心”经验做法 2019-02-26
  • 王国志:不断凝聚信仰的力量brspan style=font-family 楷体, 楷体 2019-02-24
  • 中央环保督察及专项行动公布纪律监督举报方式 2019-02-14
  • 合肥:敬业医生头天接受手术 次日打着吊瓶工作 2019-02-14
  • 【脱贫路上】衣比·衣明: 小庭院里巧增收 2019-01-22
  • 中央纪委公开曝光八起违反中央八项规定精神问题 2019-01-17
  • 专家:美方一意孤行 必将损人害己 2019-01-02
  • 天津时时彩三星基本和值走势图:天津快乐十分前二直选走势图

    用数据说话的济南网络推广公司
    在线客服
    热线电话
    联系电话

    微信公众账号
    当前位置:天津快乐十分前二直选走势图 > 新闻资讯 > 网站优化 >

    seo中移动标签对于网站优化排名的影响

    天津快乐十分前二直选走势图 www.newkdi.com 发表日期:2017-01-27 16:38文章编辑:山东赋能网络科技有限公司浏览次数: 标签: ? ?

        在移动大潮如此汹涌猛烈的情况下,重视移动流量是必须的。而一个移动友好的站对用户是适合浏览,而对搜索引擎来说则是适当的标签使用,让他在最短时间内判别出它的移动友好性,从而脱颖而出。
    首先是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),比如针对搜索引擎和更新频度的描述和关键词。 标签位于文档的头部,不包含任何内容。 标签的属性定义了与文档相关联的名称/值对。
    手机端特有的有哪些?

    <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.no1v.com,wap.no1v.com,类似这样的通用标示多次重复标示,并可采用技术手段拒绝pc用户访问?;蛘咔恐铺絧c页面。如果是自适配的,这种办法就不适用了,可加强上面提到的关键词标示,增进识别度。


    第五,百度的自定义标签,用以帮助识别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">

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

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


    相关新闻

    淡季来临,怎么做好网络推广SEO提升企业业绩?

    济南网络推广 公司赋能互联看到很多中小微企业的老板都在说冬天是淡季,生意很差,觉得现...

    日期:2017-12-28 浏览次数:232

    一个从事8年的济南SEOER,对于想做网络推广的一些经验

    大家好,小编是一个做了8年SEO的济南网络推广技术,虽然资历尚浅还是希望在这里给大家交流...

    日期:2017-12-05 浏览次数:247

    秘密:SEO优化推广外链的一些操作技巧

    SEO优化推广外链的一些秘密操作技巧!外链是seo优化工作中的一个部分,关于外链发布也有一...

    日期:2017-12-05 浏览次数:194

    适合中小型企业的网络推广渠道有哪些?

    先说说目前网络推广的渠道吧, 济南网络推广 赋能互联认为渠道都是为了一个销售额聚集起来...

    日期:2017-12-04 浏览次数:163

    济南SEO教你一看就懂的SEO网站优化技术,让你像《猎场》中胡歌说

    《猎场》中胡歌这里说的优化网络工程师,其实就是我们经常说的 SEO优化 ,SEO:Search Engine ...

    日期:2017-12-02 浏览次数:295

    SEO优化的不仅仅是网站,同时还可以优化自己

    大家好,今天的主题不是SEO优化方面的问题,而是和大家讲一下心灵鸡汤。在这个互联网发达...

    日期:2017-12-01 浏览次数:230

  • 西安培华学院招生与就业指导主任 鲍伟 2019-04-16
  • 体坛钟鼓楼:构筑体育传播新格局 2019-04-16
  • 无雨则旱,有雨就淹,成为常态。 2019-04-08
  • 栗战书会见哈萨克斯坦总统纳扎尔巴耶夫 2019-04-08
  • 化学竟可以这么美 中国学霸拍摄化学反应视频火遍全球 2019-03-24
  • 新时代 新篇章 聚焦2018湖北两会 2019-03-15
  • 国家人文历史荣获“年度知识贡献奖” 2019-03-11
  • 《堡垒之夜》Switch版下载量:一天破200万次 2019-03-11
  • 莆田市:建立“网上大调解中心”经验做法 2019-02-26
  • 王国志:不断凝聚信仰的力量brspan style=font-family 楷体, 楷体 2019-02-24
  • 中央环保督察及专项行动公布纪律监督举报方式 2019-02-14
  • 合肥:敬业医生头天接受手术 次日打着吊瓶工作 2019-02-14
  • 【脱贫路上】衣比·衣明: 小庭院里巧增收 2019-01-22
  • 中央纪委公开曝光八起违反中央八项规定精神问题 2019-01-17
  • 专家:美方一意孤行 必将损人害己 2019-01-02