你在这里


手机网站

手机版网站中电话、手机号码添加链接

James Qi 2014年1月19日 - 16:54 发布

  几年前我们开始为普通电脑版网站添加手机版本,当时查了一些资料,其中说到很多情况下,手机浏览器可以识别网页中的电话号码并自动添加链接,但也可以关闭这个功能并控制号码是否添加链接。这两年我们在添加手机版网站的时候,一般都没有去特别处理电话、手机号码的字段,就让手机浏览器自动来处理的。

  但考虑到自动添加链接这个功能误识别的问题(例如:漏掉识别合适的电话号码或者把传真号码也添加上链接等),人工来控制添加链接也许是个更好的办法。

  最近同事在全面排查网站问题的时候,又提出这个问题,我在网上搜索了一下,《Mobile Web Quick Tip: Phone Number Links》、《How to create click-to-call links for mobile browsers》等文章还比较有用,我整理几点:

  自动识别:

在手机版网站中需要添加的几种Meta标签

James Qi 2012年6月5日 - 09:32 发布

  在制作手机版网站的时候,除了留意页面简洁、操作方便等访问者可以看到的地方以外,还有一些浏览者看不到而搜索引擎或者其它机器设备可以看到的信息需要留意,例如HTML源代码中的Meta标签,合理设置这些地方对手机版网站的搜索引擎优化、手机浏览器的渲染展示都有帮助作用。

  这方面的中文文章比较少,英文文章还有一些,例如这篇:Mobile META Tags,在2009年就介绍得比较全面了,我这里只简单介绍如下:

  移动设备相关的Meta标签主要有三种:

  • MobileOptimized META:微软为IE Mobile版设置的定义宽度标记
  • HandheldFriendly META:是否对手持设备友好,只有true或者false
  • Viewport META:控制显示尺寸、是否允许缩放、初始比例、上下限等

  在Drupal 7 的Mobile Theme中,html.tpl.php里面已经预置了如下的标签:

手机版网站与电脑版网站的自动判断及切换

James Qi 2012年1月27日 - 23:55 发布

  12月份在武汉的一次互联网聚会中遇到上海的几个朋友,说到我去年尝试做了一个手机查询邮编的网站,他们到底是内行,问到是否做了自动判断浏览者的终端类型、自动切换,这个问题我一直想做但也一直没有做。聚会后我在服务器和网站上做了点实验,可以在某个页面实现自动判断、切换,但整体如何设置还没有想得很清晰,就先搁置了。

  春节这两天稍微空闲一点,就又把这个问题摸索了一番,算是基本找到了解决办法,要点及代码记录如下:

  首先要明确哪一个共同的URL切换到哪两个不同版本的URL,我选择是:

自由标签:

手机版网站的Google Analytics统计设置

James Qi 2012年1月27日 - 23:19 发布

  Google在推出Analytics统计分析系统的第一时间我就开始在用,还曾经在wap网站上也成功设置了跟踪代码,2009年记了一篇文章:《WAP网站可以用Google Analytics统计分析流量》。

  不过后来WAP网站关闭后就没有用了,直到去年设立了邮政编码查询手机网站,又重新加入了类似的Analytics统计代码跟踪,但页面下方有个错误的图片显示,从Google Analytics后台一直没有看到统计数据,也没有时间检查,就先简单用AdSense的数据看看。

  这个手机版网站近期又加入了大量数据,春节期间花了些时间详细查看代码,算是把跟踪的问题解决了,有几段代码记录如下:

  网站是用Drupal搭建的,语言为PHP,在header block中加入以下代码:

公司内部技术讲座:云计算与移动互联网、移动手机网站、搜索引擎优化

James Qi 2011年12月7日 - 22:35 发布

  上周四下午,公司内进行了一次技术讲座,技术部经理讲解了《云计算与移动互联网》,主要涉及到云计算的几层架构、我们在其中计划做哪些工作。我来讲解了《移动手机网站 (Mobile Web)》和《搜索引擎优化 (SEO)》两个部分。

  《移动手机网站 (Mobile Web)》是我这次新做的PPT,包含内容:

  • 移动互联网大趋势
  • 移动应用V.S.移动网站
  • 移动网站编程语言
  • 移动网站特点
  • 设计移动网站的注意事项
  • PC版本与移动版本关系
  • 移动网站测试办法
  • 移动网站广告及例子
  • 讨论及问答

  《搜索引擎优化 (SEO)》是我在几年前的PPT基础上修改的,目录:

订阅 RSS - 手机网站