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

将PC网站转换到移动端,并且针对移动端进行优化,第一个问题就是适配的问题,针对适配也是传统PC站的一个难题,我重点来阐述:

适配:越来越多的屏幕也让移动搜索的能量被扩大,根据我们服务的经验,大部分的网站通过移动搜索的流量逐年上涨,为了适应不同屏幕,全面的将网页改造成为Html5网站内容也是大势所趋:

定位:定位自己,结合网站特点,而且认为自身网站特别的有跨平台的需要的时候,可以针对产品的内容提炼出需要移动化的产品,目前适合跨平台的产品有:1.新闻资讯、2.社交媒体、3.游戏产品、4、企业网站

  • 需要频繁跨平台、跨屏幕使用的产品;
  • 社交分享互动密度和强度都较高的内容产品;
  • 对分发内容(广告)的需求强烈的产品;
  • 期望极低边际用户成本的产品。

目前适配主要有两种方式:1、自适配,2、运用移动建站工具对网站适配,我分别对适配做详细的描述

自适配:站长自己针对已有内容进行自适配,要求站长对网站代码相对非常熟悉,需要站长亲力亲为的做很多的动作,比如说:DIV+CSS的架构,并且定义好自己的目标,充分的了解自己的网站通过什么渠道获得流量,并且针对重点来进行深入的优化。

1.页头描述:增加页头DOCTYPE声明有助于搜索引擎识别该页面是否适合手机浏览

  1.  xhtml协议的手机页面中可以使用如下DOCTYPE:<!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.0//EN" "http://www.wapforum.org/DTD/xhtml-mobile10.dtd">
  2. wml协议的手机页面可以使用如下DOCTYPE:<!DOCTYPE wml PUBLIC "-//WAPFORUM//DTD WML 1.1//EN" "http://www.wapforum.org/DTD/wml_1.1.xml">
  3. HTML5协议的DOCTYPE为:<!DOCTYPE HTML>

2.页面内容:充分的考虑到用户感受,对内容进行深入的提炼和优化,把PC端的内容进行深入的挖掘

  • 页面内容简单明了,适合触屏等页面浏览,
  • 导航条的链接不超过7个,
  • 可以设计2级导航
  • 减少图片使用,增加文案的吸引力
  • 运用简洁的文案对重点内容进行描述

3、技术运用:有一些设备不支持 Flash,因此请使用其他替代技术,建议不使用Flash导航

  • 使用 HTML5 来添加互动内容和动画。
  • 设计能视屏幕方向调整显示的网站。
  • 确保当用户所用设备的屏幕方向改变时,用户可以
  • 保持在当前的网页内容位置。

4、可信度:增加网站的可信度

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

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

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

文章首发:蓝博易品

如需转载:请保留版权及链接

SEO

移动端网站SEO指南-WAP篇

2014-3-2 12:40:14

SEO

移动端网站SEO指南-APP篇

2014-3-4 8:43:06

搜索