【独家翻译】无论身在何处，网络访问在当今都非常重要。让您的客户能够轻松访问您的网站至关重要。使您的网站在计算机上看起来不错和使其在移动平台上可用是两件不同的事情。移动互联网是开发者和设计者的下一个战场，也应该是广告商应该认真考虑的领域。常规网站不会在手机上裁剪。使您的网站在移动网络上可访问需要一些额外的工作。如果你做这项具有前瞻性的工作，那么你就会走在潮流的前面。在本文中，我们将了解一些使您的移动网站正常运行的基本技术。传统网站无法在移动设备上运行为什么当人们通过手机访问常规网站时它们无法运行？好吧，让我们多谈谈这个。传统网站是为传统浏览器构建的，移动设备没有这样的浏览器或功能；移动设备更小，而且它们的外观和大小各不相同，因此它们可能无法显示常规网站。您的移动网站应该是常规网站的“精简版”。几乎所有网站都可以从移动版本中受益，但某些类型的网站可以比其他网站受益更多，正如AndyScherer在EzineArticles.com上的一篇文章中所写：提供本地和超本地服务的网站，例如餐馆，可以显着受益来自移动网站，因为它是一种与公众交流的有效且友好的方式。◆电子商务网站电子商务网站是有偏见的；他们必须接触客户并让他们尽可能多地购买。◆新闻类网站和博客新闻类网站和博客希望内容及时更新，有时需要及时“爆料”。移动网站可以帮助他们实现这一目标。显然，拥有一个出色的网站是每个企业的首要任务。创建您的网站的移动版本在某种程度上是面向未来的，并且可以让您在竞争中领先一步；毫无疑问，这是企业网站的未来。如果你还不服气，可以继续阅读本文。以下是一些可以说服您的事情：◆iPhone在移动市场中占有巨大的市场份额——但它不能显示任何基于Flash的组件（传统的网络浏览器可以做到这一点）。◆根据AdMob（顶级移动广告网络之一）的统计数据，2010年4月，全球有近4000万台Android和iPhone移动设备在使用——这只是所有主要的移动设备（也就是说，这个统计不包括移动设备，例如黑莓）。2010年第一季度，共售出5470万部智能手机，同比增长56%。◆许多人通过他们的移动设备访问互联网。Web市场正在快速增长和扩展，虽然传统的Web浏览器仍在使用，但它们更多地用于移动设备而不是计算机。有什么经验教训吗？如果您使用的是基于Flash的设计，而您的网站没有移动版本，那么您可能会遇到一些麻烦。您的移动访问者可能无法看到完整的网站。如果您的网站大量使用图形，或者使用多媒体，或者具有复杂的功能，那么它在移动设备上的表现将不佳。请始终记住，并非所有移动用户都使用最好的高速数据网络。此外，移动设备处理器的功能不如家庭或办公室PC中使用的处理器强大。尽管一个简单、干净、不起眼的网站无需任何额外修改即可在大多数移动设备上运行，但测试仍然非常重要。符合标准的轻量级网站在移动浏览器上的表现肯定优于重量级网站。我如何进入移动领域？创建网站的移动版本并不像听起来那么困难。在移动设备上显示现代的CSS编码网站通常是通过创建无CSS版本然后使用自动代码将用户重定向到新版本来完成的。一些提供内容管理系统的网站（例如：WordPress）有现成的移动模板，让你省去这个麻烦的过程。在其他更复杂的应用场景中，这可能是一个比较大的挑战。一些网站所有者只改造其网站的主要区域，以使其更适合移动设备。此选项也是您的最佳选择。尽量硬着头皮做，如果可能的话。您的移动访问者会感谢您的网站支持他们的设备。#p#为什么您的网站应该更适合移动设备？由于移动设备的便利性和即时满足（今天的用户基本上不耐烦），移动行业正在稳步增长。以下是您的网站必须针对移动设备进行优化的5个主要原因。为您的客户考虑一般而言，传统网站内容丰富，一般包括Flash和视频内容，这些内容在移动平台上无法正常显示。如果您不提供网站的移动版本，您的网站的用户体验会很差，并且可能会导致用户不满意，这只会带来一个结果：销量不错。在移动设备上搜索当您在移动设备上搜索时，查询会访问针对移动内容优化的索引。移动搜索还处于起步阶段；相对较少的索引意味着很少有其他网站可以与您竞争。如果你优化你的网站并创建一个移动版本，那么这将使你的排名更高，并且在未来，当索引数量急剧增加并且竞争加剧时，你的排名也会提高。其实在未来，你有更好的机会提升自己的排名，因为在这个领域，你已经形成了品牌优势。在竞争中占据优势2010年底，移动用户规模有望突破10亿大关。可以预见，在未来几年内，移动Web的普及程度将达到前所未有的高度。如果您没有优化您的网站并且没有关注当前的统计数据，那么您肯定会错过这个开发流量来源的大好机会。以您见过的“精通移动设备”的受众为目标：如果您将他们与黑莓、PDA或iPhone分开哪怕一分钟，他们都无法生存。这些“移动爱好者”在移动设备上花费的时间比在PC上花费的时间更多，他们更喜欢通过移动设备访问互联网。一般来说，他们是移动领域的“一等公民”，他们不在乎花更多的钱，一些研究表明他们应该有针对性，其他任何事情都是浪费时间。如果您还没有建立移动网站并相应地调整您的营销策略，您将无法抓住这个高消费用户群。移动广告具有更高的点击率(CTR)近年来，各种研究表明，与在线广告相比，移动广告具有更高的点击率(CTR)；%，而基于计算机的点击率平均只有2%。在互联网营销领域，移动领域还是一个新兴领域，它为您提供了很多机会，让您的营销效果更上一层楼。#p#Mobilize您的网站设计移动网站有一个特殊的过程。构建移动网站的最简单方法是修改现有网站，使其与移动设备兼容。在开始之前，有一些原则和要点需要先明确。布局浏览移动网站可能很耗时，因此请将最重要的信息放在页面顶部。在布局方面，应注意以下几点：Logo：Logo要醒目，但要注意大小；您要确保它不大于2KB，因为图像在移动网络上加载需要很长时间，您也不希望您的网站对某些人来说看起来不完整！网站导航：尽量减少左右滚动；在手机上，这很难做到。作为替代方案，您可以将您的内容放在单独的列中。对于输入，大多数移动设备都提供一个小的或虚拟的“QWERTY”键盘，但很难使用。如果你想让你的网站对移动用户更友好，你必须提供一个完整的导航系统。内容：移动网站上的信息应该易于阅读。同时，它们应该易于浏览。当他们在现场时，他们可能随时离开。只选择应该显示的内容，通过调整文字大小来设计菜单，省去用户缩放的麻烦。在排版方面，考虑使用标题来控制字体大小。如果你想把图片放在移动网站上，你应该使用JPEG、GIF或PNG图片；这些格式的尺寸相对较小。压缩图像避免缩放，同时允许用户在浏览时关闭图像。这些格式的图像都可以使用“alt”文本属性。编码移动网站可以用XML、XHTML或基本的HTML和CSS编码。当使用目标关键字来增加内容的可用性时，标题标签、描述元标签、标题标签和文件名都应该小心定义。说到编码，很多没有经验的移动界面开发者都为之头疼，下面的技巧可以帮助你摆脱这些头痛。确保您的代码正确且100%有效，因为大多数移动浏览器不如PC浏览器强大。要查看您的布局在各种现有移动浏览器上的外观并不是很容易。解决这个问题的一种方法是使用“动态布局”，它会针对不同的屏幕尺寸自动调整布局。为此，应避免以像素为单位的宽度，而应以百分比或em设置宽度。样式表：您可以为不同的移动设备创建更好的用户体验。例如，对于使用手持设备浏览网站的用户，您可以在网站的
中使用以下代码：
移动站点或主站点中的广告，不要让广告填满整个页面。应用如果您拥有庞大的用户群，您可以为不同的移动设备创建专用应用。如果您为特定手机创建专用应用程序，则无需再担心花哨的脚本，您可以随心所欲地增强应用程序。页面大小在为移动网站指定样式时，尽量保持简单，同时保持页面较小。对于移动页面来说，页面大小的上限是25KB，所以，为了适应各种情况，如果可能的话，最好使用小于10KB的页面。永远记住：在按KB计费的情况下，用户通常有一些数据计划。页面链接一个设计良好的移动网站将有一个“后退”按钮和链接。在手机上导航不是一件容易的事，很多手机没有“后退”按钮，所以提供“后退”按钮和链接可以帮助访问者避免各种“死胡同”。因此，请确保每个页面都可以链接到其他所有页面。测试您网站的移动版本应在多个设备（***不同平台）上进行测试；这是确保您的网站能够提供良好用户体验的唯一方法。如果您不能使用多个设备进行测试，您可以使用基于网络的模拟器（例如：iPhoneTester.com）#p#一些可以帮助您完成此任务的应用程序和工具让我们讨论一些具体的技术，使用这些技术，您可以创建一个干净、具有专业外观的移动网站。MoFuseMoFuse使用您网站的RSS提要来创建移动版本。该名称代表：“MobileFusion”，它提供了一个平台，使企业、博主和其他出版商能够提供更好的移动用户体验。MoFuse允许您完全自定义：您可以更改颜色，并添加新页面、徽标和链接到您的移动网站。它使用自己的跟踪工具（类似于GoogleAnalytics）来跟踪访问者。与0元的价格相比，它能满足你所??有的需求。MoFuse官方网站：http://www.mofuse.com/MobifyMobify可以快速优化网站，使其更适合通过移动设备访问。内容发布者、网页设计师和博主都使用Mobify为现有网站设计外观和移动可用的布局。Mobify的官方网站：http://mobify.me/MowserMowser通过将可以在PC上正常查看的HTML页面，然后将它们适配为移动设备，使网站移动化。在转换期间，Mowser以可预测的线性方式转换页面。为确保最佳质量、最有用的网页可以在移动设备上显示，Mowser可能会修改某些图像、文本格式或页面功能的某些方面，以及将访问者重定向到移动版本（如果可用）的方式进行修改。Mowser的官方网站：http://mowser.com/WirenodeWirenode是一个非常基本的移动网站创建工具。定制选项也很有限；Wirenode提供了一些现成的模板，允许对网站进行微小的修改（例如：更改字体颜色和背景颜色）。它不支持自定义域名，但它确实提供了一个跟踪工具。Wirenode官网：http://www.wirenode.com/InstantMobilizerInstantMobilizer是dotMobi的一款产品，可以让你的网站瞬间动起来。它为现有网站提供方便、廉价的服务，使这些网站可以通过移动设备访问。InstantMobilizer通过调整图像大小、设置文本格式和插入其他功能以在移动设备上提供更好的用户体验，确保您的网站在任何手机上都能正常工作。InstantMobilizer的官方网站：http://instantmobilizer.com/MippinMippin也是一个将RSS提要转换为移动网站的工具。它相对简单，但定制选项有限；虽然您不能使用自定义域名或跟踪移动访问者，但您可以上传徽标、更改字体颜色和类型以及通过网站获利（保持您现有的利润率）。Mippin的官方网站：http://www.mippin.com/web/GoogleMobileOptimizerGoogleMobileOptimizer是使网站移动的最快方式。只需提供URL，它就会通过删除标题和广告并调整所有图形内容的大小来针对移动浏览优化网站。这实际上是一个即时创建工具。它不需要注册，也不需要定制外观。GoogleMobileOptimizer的官方网站：http://www.google.co.uk/gwt/nMoSyncMoSync是一个用于开发移动应用程序的SDK（软件开发工具包），它建立在通用的编程实践和标准（例如：基于关于完整的Eclipse集成和C/C++）。使用MoSync，您可以轻松开发一些相对复杂的应用程序，并且只需点击几下，您就可以为许多不同的移动平台和数百种不同的移动设备构建专用的应用程序。MoSync官网：http://www.mosync.com/WappleWapple提供移动网站和服务在所有移动浏览器上正常工作的技术和解决方案。在Canvas方面，Wapple拥有先进的技术，可以让你以极低的成本完成这项任务。我们是移动网页设计、移动用户体验和移动广告方面的专家。在这些领域，我们提供完整的托管服务。WappleArchitect使开发人员能够使用革命性的编程语言来快速准确地调整现有的Web内容和应用程序，使它们更加适合移动设备。WappleExhibit可以调整和优化您的移动网站，以确保它们在所有移动设备上提供最佳的用户体验和完整的品牌忠诚度。Wapple官方网站：http://wapple.net/##pWordPress插件对于使用WordPress平台的用户，有许多免费和付费插件可用。下面描述了其中一些插件。MobilePress您可以配置此插件以显示特定设备型号或移动浏览器（例如SafariforiPhone或OperaMini）的特定主题；您的博客可以根据设备的特性显示。该插件允许主题开发人员为WordPress博客开发自己的移动主题。（MobilePress官网：http://wordpress.org/extend/plugins/mobilepress/WordPressMobileEditionWordPress会自动检测使用移动浏览器的访问者，然后自动加载您网站的移动版本。您可以编辑移动浏览器列表在“设置”中。此插件可以为特定的移动浏览器或设备（包括：iPhone、WindowsMobile和OperaMini）加载特定的主题。WordPress移动版官方网站：http://wordpress.org/extend/plugins/wordpress-mobile-edition/WordpressMobilePack该插件还提供移动识别和设备适配功能，提供一些现成的widgets，通过这些功能可以自动调整图片大小，自动将文章或博文分页。它提供了一个管理面板，使您的网站管理更容易，并且广告小部件可以在您的网页的移动版本上显示移动广告或AdSense。WordPressMobilePack官方网站：http://wordpress.org/extend/plugins/wordpress-mobile-pack/WPhoneAdminPlug-in使用此插件，您可以通过手机浏览器管理您的WordPress。它提供了两个管理员界面。其中之一适用于iPhone、iPod和其他支持JavaScript、CSS、AJAX和滑动菜单的设备。另一个“精简版”版本适用于不支持JavaScript的手机。本插件可以根据用户使用的浏览器自动切换完整版和缩减版。WPhoneAdminPlug-in官方网站：http://wordpress.org/extend/plugins/wphone/WetomoWordPresstoMobileWetomo可以简化复杂的网站，让他们可以通过手机访问。此插件检测手机，充当您和用户之间的代理，并修改博客以使其更适合从该手机查看。WetomoWordPresstoMobile的官方网站：http://wordpress.org/extend/plugins/wetomo/MobileAdmin这个WordPress插件允许您以用户友好的方式访问移动设备上的管理员界面。它专为iPhone和iPodTouch开发，并在基本级别上支持大多数其他浏览器。MobileAdmin支持大多数WordPress管理功能（例如：自动保存、标记和评论审核）。官方移动管理站点：http://wordpress.org/extend/plugins/mobileadmin/总结关于移动技术是否以及何时会发展到允许用户访问完整网站的争论仍在继续。我们不应该假设所有人都有相同的意见。确保你的关键内容现在可用可以帮助你在未来获得你想要的流量。当那些现在可以访问您网站的移动版本的人可以访问完整的网站时，他们就会回来。【转载，非授权禁止转载，合作媒体转载请注明原文出处、作者、译者、译者！】原标题：HowtoCreateaMobileVersionofYourWebsite原文地址：http://www.instantshift.com/2010/12/20/how-to-create-a-mobile-version-of-your-website/【编辑推荐】2011年移动用户体验趋势：界面精致实用iPhone应用界面设计指南给你最佳用户体验移动终端产品关注用户体验的三个层次移动Web开发设计五个最佳实践移动Web界面构建最佳实践
