注册 登录
查看: 130|回复: 0

移动端网站SEO指南-适配篇

[复制链接]

57

主题

57

帖子

173

积分

注册会员

Rank: 2

积分
173
发表于 2016-5-21 10:22:03 | 显示全部楼层 |阅读模式
将PC网站转换到移动端,并且针对移动端进行优化,第一个问题就是适配的问题,针对适配也是传统PC站的一个难题,可以使用这个移动端检查工具





适配:越来越多的屏幕也让移动搜索的能量被扩大,根据我们服务的经验,大部分的网站通过移动搜索的流量逐年上涨,为了适应不同屏幕,全面的将网页改造成为Html5网站内容也是大势所趋:
定位:定位自己,结合网站特点,而且认为自身网站特别的有跨平台的需要的时候,可以针对产品的内容提炼出需要移动化的产品,目前适合跨平台的产品有:1.新闻资讯、2.社交媒体、3.游戏产品、4、企业网站
  • 需要频繁跨平台、跨屏幕使用的产品;
  • 社交分享互动密度和强度都较高的内容产品;
  • 对分发内容(广告)的需求强烈的产品;
  • 期望极低边际用户成本的产品。

    目前适配主要有两种方式:1、自适配,2、运用移动建站工具对网站适配,我分别对适配做详细的描述
    自适配:站长自己针对已有内容进行自适配,要求站长对网站代码相对非常熟悉,需要站长亲力亲为的做很多的动作,比如说:DIV+CSS的架构,并且定义好自己的目标,充分的了解自己的网站通过什么渠道获得流量,并且针对重点来进行深入的优化。
    1.页头描述:增加页头DOCTYPE声明有助于搜索引擎识别该页面是否适合手机浏览
  • xhtml协议的手机页面中可以使用如下DOCTYPE:
  • wml协议的手机页面可以使用如下DOCTYPE:
  • HTML5协议的DOCTYPE为:

    2.页面内容:充分的考虑到用户感受,对内容进行深入的提炼和优化,把PC端的内容进行深入的挖掘
  • 页面内容简单明了,适合触屏等页面浏览,
  • 导航条的链接不超过7个,
  • 可以设计2级导航
  • 减少图片使用,增加文案的吸引力
  • 运用简洁的文案对重点内容进行描述

    3、技术运用:有一些设备不支持 Flash,因此请使用其他替代技术,建议不使用Flash导航
  • 使用 HTML5 来添加互动内容和动画。
  • 设计能视屏幕方向调整显示的网站。
  • 确保当用户所用设备的屏幕方向改变时,用户可以
  • 保持在当前的网页内容位置。

    4、可信度:增加网站的可信度
  • 优先体现网站品牌
  • 增加地理位置等本地化信息
  • 增加互动性,让用户随时能够评价和回复

    二:利用第三方工具适配,如果站长没有以上改进网站的能力,那么就需要寻找第三方的工具来对网站进行移动优化。第三方工具的原理是:嵌入JS代码从网站中获取文本信息,在第三方的平台上构建出一套新的站点。
    现在规模比较大的工具有:百度提供的siteapp平台。具体大家可以去:siteapp.baidu.com 了解



    优点是网站对移动端的零维护成本,并且工具平台会多套模板风格自由选择。缺点是:页面效果不能满足网站定位,内容不太好管理,缺乏互动性。
  • 回复

    使用道具 举报

    您需要登录后才可以回帖 登录 | 立即注册

    本版积分规则

    快速回复 返回列表 返回顶部