皮埃尔远东 欢迎! 感谢您访问!

订阅充分饲料

不要离开家没有它: 8个步骤让您网站手机版

客户发布皮埃尔远东。


我一直在思考使网站移动友好最近。 这是已经酝酿了一年,并注册为一个重大问题早在3月当我买了一部新手机和实际开始使用网络,而移动。 让我告诉你这一点:大多数网站,包括地雷,吸看在手机上。 这是一个可怕的经验,并考虑到惊人崛起的移动使用,你和我,谁的人建立的网站,更好地让我们一起行动。

那么,我们该怎么办呢? 很多实际。 在这个后我会审查一些东西思考,并开始测试。 这是不全面的,我要学习你的评论和引用了我想与大家分享我所知道迄今。

  1. 不要让我类型!如果不要让我思考的是圣杯的可用性,大奖移动计算是没有用户键入太多。 文本/数据输入接口,为移动的垃圾。 确保您可以告诉我们的愚蠢的天气在140个字符,减少或给我短信说的“ B有5个。铜很快。 ” ,但它仍然没有乐趣输入文本使用手机的键盘或一个小键盘。

    所以你可以做什么,使用户键入少? 最大的冲击是网址。 请尝试输入“ washingtonpost.com ”没有第九文字预测。 键入“纽约时报”的好, “ news.bbc.co.uk ”不是好玩的。 关键提示没有。 1 :避免字符序列是使用相同的输入关键。 因此,没有重复喜欢BB心跳 C和没有什么不同,信件,从-的,同样关键的像妈妈 ( 6等待- 6 -等待- 6 ;可能是最慢的3个字母文字输入) 。 保持轻松的URL类型单一水龙头!

  2. 建立合理的网址。并且不使用的。 mobi 。 严重的是,这白痴决定,为移动电话与困难的文字输入,最好有最长的顶级域名? 为什么不建立一个2个字母,或者更好,但一信顶级域名,而不是4个字母怪物是手机? Regardles ,你必须考虑如何构建您的网址。

    一些例子: mobile.nytimes.com (坏,同样的原因在。 mobi ) , plurk.com /平方米/ (更好) , m.twitter.com (也不错) , politico.com (最佳) , twitter.com (是,该工程也) ,和google.com /的XHTML (为什么我需要知道什么,怎样的XHTML是,涉及到移动电话? ) 。 为什么twitter.com和politico.com最好? 因为同一网站既是标准的网站和移动网站-服务器上的工作,决定哪些网页发送。 一个良好的移动电话普遍嗅探器将尽奇观这里有很多他们周围。 缺点是, politico.com不起作用所有移动浏览器,所以用它作为网址说明例子。

    因此,保持一定的URL短。 例如,如果您可以摆脱使用输入example.com /联系而不是/ contact.php或/与我们联系/ ,然后做到这一点。

    搜索引擎优化方面,将如何处理的网址? 要nytimes.com前锋mobile.nytimes.com 。 什么样的转发应该怎么办? 如何移动,具体的搜寻器-将如何处理? 将它创建索引问题? 我不知道,但肯定的东西,以测试!

  3. 保持简短而亲切。这些天随着3G市场的普及率意味着移动用户可以下载一个良好的大块数据合理迅速的HSDPA例如可以达到可怕的14.4 Mbit / s的 不滥用,虽然因为移动设备仍然弱者。 确保他们可以下载90kb的Sphinn的HTML ,加上图片和CSS quicly ,但往往航浏览器和电话几秒钟,同时阐明了该浏览器的网页。 对于那些老得足以请记住,一个伟大的比喻是一个486连接到ISDN线路。 所以关键秘诀没有。 2 :保持您的网页小。

    此外,不要使用JavaScript仅仅是因为移动浏览器不支持它,如果他们这样做了,没有得到很好的。 确定的Minimo和Opera可以处理爵士,但是这只是一个减缓和消除大部分的其他移动用户。 如果您仍决定使用爵士和您使用的是基于服务器的浏览器检测(如politico.com ) ,请确保您的网页上降低优雅如果爵士并不活跃。 尤其是这样的AJAX应用程序。

    闪光? Nooooooo 。

  4. 使用CSS 。掌上Internet Explorer中, Minimo的, Safari和Opera都支持至少一个体面子的CSS 。 使用单独的样式表,因为它被缓存并节省带宽。 谈到缓存:移动浏览器是侵略性cachers所以如果你有一个应用程序,打破太多缓存,知道你要变通解决这一点。

  5. 屏幕分辨率独立。移动电话来了一系列决议和长宽比。 你怎么处理呢? 关键提示没有。 3 :您的页面布局线性。 一个标准的浏览器,你可以认为在两个方面(如浮动的左,右) ,但认为手机只是上面和下面的一条直线。 保持最重要的事情,因为在浏览器顶部例行坑中途通过下载,以便确保无论是下载的第一个问题是有益的用户。

  6. 埃尔斯:大目标的小屏幕。请允许我向您介绍,希望能再次,菲茨'法,松散的,我们可以解释为大目标,更容易点击。 在一个小屏幕,如果您有一个链接或一个按钮或任何其他重要的页面元素您希望您的用户能够互动,使之大。 一个很好的例子:在Gmail ( gmail.com )手机登录表单。

    这是一个秘密:手机用户不希望被人用铁笔如果我们有一个触摸屏。 我们如何做呢? 为什么要使用我们的大肮脏的手指代替。 宏达(大手机制造商)承认这一事实,并创造了TouchFlo界面针对手指使用。 iPhone的,其所有的宣传,真正使笔,免费使用-你注意到如何iPhone的广告总是功能单一手指轻松互动的电话?

    所以关键秘诀没有。 4 :大手段“单击此处” 。

  7. 使用彻底的导航链接。如果您接受不要让我型咒语,然后用户将浏览您的网站主要是通过点击链接。 搜索是一个遥远的第二种选择。 所以一定要确保每个网页有明确和广泛的导航链接,在顶部和底部的网页,以节省滚动(和手机上,你就滚动了很多) 。

  8. 没有悬停,没有新的Windows 。查看您的所有美好的onmouseover影响? 没有你不能实际。 怎么所有这些有用的小窍门,打开一个新窗口? 他们会在新窗口中打开。 我希望他们没有什么重要的人! 是的,我知道我能做到分页浏览使用的Minimo等,但它不工作:有记忆和太少太少空间补习标签。

因此,现在该怎么做? 我的目的是要告诉你究竟有多少不同的方式您的网站能够打破,是的,如果您需要更多的压力。 但关键是:它是很容易使一个体面的网站,移动方便。 这里的关键是让一群电话或仿真器,并开始测试。 如果您要设计一个新的Web应用从无到有,从设计的移动接入获得路要走。

并开始使用一些移动网站,看看他们如何工作。 看到我是怎么想的,哪些是你认为需要的工作。 没有节奏的第一手经验,并很容易获得所需要的经验。 您不需要支付通过鼻子为:购买的手机有一个WiFi芯片,并使用它在您的家庭无线网络,但请记住您的用户通常不会看到这样的下载速度。

这是从我, tThe楼现已开始接受你! 分享您的建议和想法的评论如下。

皮埃尔远东最近推出社会警报器 他写了一个科学博客 ,保持了一套搜索引擎优化工具和温和派在Cre8asite论坛 他即将推出的测试版的一个新的Web应用程序移动友好他会喜欢一些测试。

提交客户后


张贴的客户后移动搜索在2008年9月17号。

16回应迄今: 12评论和4引用

  1. 犹他州搜索引擎优化 ( 149评论。 ) 说:

    良好的提示。 重要的是要记得不要让你的CSS固定像素,除非您要创建的几个版本的一些移动设备的配置文件。

  2. 迈克尔D ( 18评论。 ) 说:

    壮观的秘诀! 我一直在骑墙观望等待太久得到一些移动应用程序运行在自己的网站。

    我喜欢你提到m.twitter.com因为这是我访问最多的网站上我的LG电子旅行者。 就像你所提到的,可以很容易地输入和负载小甜。

    我想可能访问其他一些网站更频繁,但再次为你所提到的原因,我不打扰。 如果是太艰苦输入我刚才去的预设路透社提供的新闻或其他在我的手机上。

  3. 约书亚Sciarrino ( 1条评论。 ) 说:

    这是一个美妙的文章被移动友好。 我很惊讶,我看不出它更快。

    伟大的工作皮埃尔。 书签和将被用来作为今后参考。 由于一吨! : )

  4. 新加坡高级行政主任 ( 73个评论。 ) 说:

    与日益增长的需求的iPhone和黑莓,市场的移动通信技术发展之间的巨大的年轻消费者。 人们使用手机上网净每天,这使我们陷入了思想的移动平台,也为我们的网站。 进军移动网络虽然仍在增长,它帮助。 谢谢分享。
    固定嘉

  5. 谷耕史 ( 22评论。 ) 说:

    好点。 我只是开始浏览网页上通过的3G手机最近。 和你说得对,很多网站只是不过渡得非常好。 和那些不正是我一直追溯到。

  6. 名片印刷 ( 16评论。 ) 说:

    以及充分的Safari浏览器,如在iPhone上很多这些都不是问题了。 但我从没想过魔兽如何很难输入。 mobi域名的名字! 我讨厌等待按键之间得到2封信是在同一个按钮(即'米'和'点6日)

  7. 伊娃白 ( 33评论。 ) 说:

    我个人不使用我的移动太多的互联网接入,因此不知道的提示,将有必要使网站移动友好。 但是在阅读这篇文章我觉得有很多潜在的损害控制可以做到如果您只需按照以下的提示。

  8. Metaspring ( 72评论。 ) 说:

    我赞同其他人都表示,优秀的秘诀。 我这么恨短信邮件没有文字预测,我确切地知道你的意思是关于'不要让我类型: ) '

  9. 搜索引擎优化公司印度 ( 1条评论。 ) 说:

    奇妙的秘诀,我有一个小的查询,而不是使这个CSS例如宽度= 250px ;我认为,我们需要确定属性% ,因此,我们将有网站/网页兼容的不同版本或移动设备。 与外观和风格的网页都将会是一致的。
    这是正确的球员? ? 请让我知道..

  10. 贾斯汀贝克 ( 2条评论。 ) 说:

    这是非常全面和正确的解决方案许多。 但是如果有人有一个博客,他们希望动员,快速的解决办法是使用Mippin调动。

    它是免费的,使得博客看令人敬畏,提供广告,并开辟了您的博客加载新的移动通信。 这是因为已经有大量的人使用Mippin访问和连接周围Mippin移动内容在手机上。 和所有被搜索索引的期望。

    检查出来,告诉我们您的想法-如果您是Blogger当然...

    http://www.mippin.com/mobilizer

  11. 调查 ( 5评论。 ) 说:

    一些有趣的想法,我还没有考虑的想法,移动通信。 它会告诉你在哪些浏览器谷歌分析你的意见都来自,你得到任何来自手机?

  12. 贾斯汀贝克 ( 2条评论。 ) 说:

    以及我工作的Mippin ,所以稍微偏向当然。 但是,我们最大的一个号码的用户检查手机上的博客在美国和英国。 http://mippin.com网站上的手机浏览器是非常繁忙的!

引用/ Pingbacks

  1. [...]客人哨所searchnewz.com ,皮埃尔说, SEO的远东应避免网址(和关键字句) ,使重复使用同一个电话键,例如[...]

  2. [...]皮埃尔远东/搜索引擎的人:不要离开家没有它: 8个步骤让您网站手机版[...]

  3. [...]你经常可以看到网站上的智能手机。皮埃尔至今一个极好的帐户的8个步骤让您网站移动友好。 让我告诉你这一点:大多数网站,包括地雷,吸看在手机上。 这是一个[...]


好友连接

近期读者

English flagItalian flagKorean flagChinese (Simplified) flagChinese (Traditional) flagPortuguese flagGerman flagFrench flagSpanish flagJapanese flagArabic flagRussian flagGreek flagDutch flagBulgarian flagCzech flagCroat flagDanish flagFinnish flagHindi flagPolish flagRumanian flagSwedish flagNorwegian flagCatalan flagFilipino flagHebrew flagIndonesian flagLatvian flagLithuanian flagSerbian flagSlovak flagSlovenian flagUkrainian flagVietnamese flagAlbanian flagEstonian flagGalician flagMaltese flagThai flagTurkish flagHungarian flag