你的网站是否有必要针对多种设备

上回书说到，网站前台展示的一些小心得和小技巧，以及SEM的那些误区。有人反映，还是太理论化。好，今天，咱们就深入的聊一聊。凯撒先跑出第一个很多人，尤其是前段研发人员，以及测试人员关心的问题：

你的网站是否有必要针对多种设备？

我们先上一个数据，砖家估计截止2017年，移动交易将占到网络总销售额的26％。这话什么概念？指的是，人们未来将通过他们的手机和平板电脑访问网站。那么，作为建站者，我们如果要确保，无论客户使用什么设备进行访问，这都必将是一场愉快的体验。怎么办？来，我们看：

· 本地APP。这是是可以从应用商店下载的专门为移动操作系统（iOS、安卓，windows等）开发的应用程序。提供一个本地app的主要优点是什么嘞？很简单，客户易于使用。你的app在客户的手机桌面上可以存储支付信息和联系信息，以便更快地结账。你还可以引入针对移动的具体功能，如摄像头的访问、GPS、联系人和相册。然而，因为你必须开发多个app以兼容不同的操作系统，程序的开发和维护费用十分昂贵，许多零售商选择建立一个专门的移动网站。（这就是为啥我觉得正儿八经的微商应该干的事儿，老给人代理，总不是长久之计。但是，你要是不打算一直做微商下去，只是玩玩儿，fine）

· 专用移动网站或Web APP。 这个的好处是，我们可以模拟优化的外观和本地app的基本功能，不存在兼容性问题。移动网站可以通过所有操作系统的浏览器进行浏览，降低了开发成本。移动网站可以手动保存到用户的手机桌面，但过程不如从应用程序商店下载app简单。一个移动网站必须有自己唯一的网址，这就意味着客户必须记住第二个网址，除非你自动把他们引导至移动网站。

以上两点，是从最表层来阐述的，接下来，我们需要深入到具体的体验上。

· 响应式网页设计。交互式设计是个什么玩意儿，凯撒就不具体的从what, when, where, why这些方面扯了，你们想知道，知乎吧。这里，概括一下，这是一个新的设计方法，其目的在于让零售商在一个网站上为使用任何设备类型的客户提供优化的浏览体验。

好，凯撒这么说，你可能还是不懂。没关系，跟上我的节拍。我们采用响应式设计的网站，具体的方法是通过自动重新配置站点的布局和比例，以适应每个设备。由于这种方法采用了更新的技术，使用旧版浏览器和设备的客户将无法正常浏览该网站。此外，加载时间可能会比较慢。道理很简单，不管你采用什么样的移动战略，你将面对的移动所固有的挑战。由于客户使用移动设备与使用台式电脑的方式有所不同，你需要考虑屏幕大小、位置和典型用户行为等问题。

怎么办？凯撒给几个实操比较靠谱的建议：

· 菜单一定要保持简短。菜单中的所有商品应当可以在单一页面上看到。请记住，可访问性和速度都对移动设备用户很重要。

· 网站可搜索。包括在每个页面顶部的网站搜索栏以及使用自动完成功能以预测网站特定的关键字作为用户类型。此外，请确保你的搜索结果支持轻微的拼写错误，因为移动键盘经常为客户带来问题。这就是传说中的SEO

· logo的展示位置。请务必在每个页面的顶部使用你的标志，让用户单击后退回到主页。网站导航越容易，客户停留时间越久。

· 充分利用即时对话功能。想象一下你是一个用移动设备购物的人，当你采购的时候有不明白的时候，第一个想法是啥？是的，就是那个小小的对话框的标示。移动设备界面中能有一个可以点击一个电话号码发起呼叫的功能。

· 映射商店位置。这一点其实和即时通话功能类似，如果你有实体店，确保客户可以找到并单击某个位置以显示在地图上最近的实体店。正如设计网店是为了最大化转化率，移动产品同样如此。如果用户在结账前放弃他们的购物车，你的布局是多么漂亮有序都将变得毫无意义。

因此，这里还需要考虑以下几点：（凯撒也非专业，以下扯的东西有关UI/UE设计的东西，抛开专业词，为的是好理解）

1. 使用可扩展的、高清图像。这是手机小屏幕会带来可视性问题，特别是当图像被限制在其在页面上的空间。当然如果你用的是酷派，三星大屏，甚者是爱疯plus，或许你没有这样的问题。这一点很重要，因为它确保客户可以方便地放大照片，以帮助他们明确找到自己想要的东西。（笔者当年为了一个要放大电动车部件的小功能，这是翻遍了google去搜一个plugin，这是相当的艰难啊= =）

2. 提供密码保护。互联网时代，信息越来越透明化，尤其是什么BIG DATA思维，简直，你穿啥underwear, 啥牌子，尺寸，哪年哪月哪日购买都能给你搜出来，所以安全问题相当关键。因此，如果你在启动应用程序时提供一个安全的密码选项，客户会对本机应用程序注册的账户和付款信息有更好的体验。

3. 支持移动互联网用户作为「过客浏览」。就像在你的主要网店所做的那样，允许移动用户跳过注册过程，作为「过客」的身份结账。这对于那些希望快速结账的移动用户尤为重要：一旦结账完成后，你就可以给他们注册的选项。这些都还好，最关键的是，一定要减少结账的步骤。通过提供快捷键，一键按钮搞定最好，这点乔帮主的作品就是这么干的，less is more。

最后，扯一扯一个这些交互师们最喜欢的东西—导航

面包屑，这东西是运用SEO优化网站中最为常见的优化工作。我们都知道，网站主导航是在多个栏目页面之间切换，主要包括各个二级栏目及优化网站内重要页面间的切换，而面包屑导航主要是首页、二级目录和三级目录之间的相互切换。举个例子，比如新浪，分为首页-新浪新闻-体育新闻详细页面等等，将每一级都写成锚文本了解形式，这样一来不仅提升了用户体验度，用户点到这个页面，它就知道自己当前所处的位置，方便用户的流量，同时也有了搜索引擎的抓取，也让搜索引擎蜘蛛了解你SEO优化网站的结构。

分类页上面的面包屑导航相对来说优化设置是较容易的，为什么？因为，我们只需要把分类栏目跟首页连在一起就行了，而且分类页的面包屑导航一般都是由一而终，不管你翻多少页，次导航的内容都一样的。

我们应该如何做?

导航最后一层不要设置回链，毕竟这是最底一层了，设置回链对优化不利，有为优化而内链的嫌疑。

导航前面两层都应该设置超链接指向相应的页面，方便用户通过次导航就可以返回上一层。

导航不得加H标签，一些建站者喜欢在这里加上H标签来聚集网站权重，其实是画蛇添足。

首部导航就说如此处理了，那么，底部导航，怎么办？

大部分拥有底部导航的原因是为了增加关键词密度及提示用户可以通过底部导航返回相应的栏目而设置的，咱们应该如何做优化设置呢?在底部导航中，如果不是为了SEO优化而设置的，因此，首先我们要在链接中加上NOFOLLOW标签，告诉搜索引挚不要爬行这些链接，因为咱们是为了方便用户而设置的。如果为了优化而设置的那就不要加NOFOLLOW标签。

其次，一般底部导航应当放一些自已认为有必要的栏目关键词，如关于我们，联系我们、免责声明、版权所有之类的就不要设置了，放这些到底部导航既浪费地方，而且对于用户没有任何的帮助，尽量的把自己认为重要的，需要重复提示的内容放到底部导航，既可以告诉搜索引挚哪些是重点，同时也让用户可以在浏览到页脚时快速的返回到相应的页面。

扯了半天，还是没说怎么做？别急，现在就给您分解。神器sitemap就这么引出来了。生成网站在：

http://www.xml-sitemaps.com

我们称sitemap.xml, sitemap.html为网站地图。两者一样吗？不同，使用方法不同。

sitemap.xml的创建是为了更有利于搜索引擎的的抓取策略，从而提高工作效率。生成sitemap.xml后将其链接放入robort.txt内 ：

良好的robort.txt协议可以指导搜索引擎抓取方向，节省“”抓取时间

将sitemap.xml和robort.txt放在网站的根目录下

sitemap.html格式的网站地图主要用来方便用户的浏览使用，并不能起到XML Sitemap 所起的作用。所以最好是两者都要有。

扯完了这个，我们就要来说网站加载速度优化的事儿了

在xhtml网站设计标准中，采用了div+CSS的网页布局方式实现各种内容的定位而非Table（表格）布局。div+CSS达到了内容与代码相分离的效果。使用div+CSS设计的网站是符合W3C标准的，可以更方便搜索引擎的索引。而Table布局会产生很多的垃圾代码，修饰的样式与布局的代码混合，很不利于直观，而且并没有达到优化的效果，导致这个页面体验特别糟糕。因此，div简直是灵药，它更能体现样式和结构的分离，结构的重构性强，也更符合web设计标准。

搜索引擎对标准化制作的页面给予了更高的权重，并且使用div+CSS的架构也有很多优势，比如改版方便，不需要变动页面的内容，网页打开速度也会明显加快。但应该注意的是要适当控制网页的体量。

最后，扯一扯关键词部署，包括目标关键词、品牌关键词、热门关键词、长尾关键词

现在在网页设计中都知道关键词对页面在搜索引擎中的排名很重要，但在设计网页的时候要有策略的插入关键词,不能有大量的重复关键词。在搜索引擎的网页排名算法中，很重要的一个因素就是关键字密度（某个词语在网页中的分布情况）。一般来说，一个页面的关键词密度保持在2%～8%之间，密度过低会导致没有好的排名，而密度过高则很有可能导致被搜索引擎降权，起到相反的效果。

当互联网上各个网站出现大量的关键词锚文本指向你的网站的时候，相当于搜索引擎发起了一个投票，这个关键词谁获得的票最多谁的网站就能排名在前面；大家都投了一票给你的关键词，这样你的网站就能够在用户搜索该关键词的时候，你的网站能够更加靠前。通俗一点来说，就是给网站做好内链外链的优化。为了更好的做好关键词的锚文本，建议大家做网站的时候都给网站首页、栏目页、内容页做好关键词的锚文本记录，这样有利于自己做网站内外链的时候知道该链接那个网址。

关于SEO的优化就这些，如果你们还有，留言吧

为啥在这里搞一个分割线呢？关于SEO，上面的都是基础，相当于表面工作。就好比一个男人or女人要穿衣服，最关键的是啥？不是什么衣服，而是硬条件（身材）。那么对于网站来说，”身材“是啥呢？内容！对，就是内容。请记住，没有内容，搜索引擎就不会存在。搜索引擎基本上是组织互联网上的所有信息。在搜索引擎查找和组织内容时，它们对搜索结果进行排名，并在相关的搜索查询时确定在哪里显示搜索结果。

附加几点提醒：

· 动态。观察过一下现有的网店，什么ebay, amazon, 京东。我个人的感受是，将网站植入动态内容对一个电子商务网站太重要。你可以积极地使用网站小工具，包括“购买商品X的顾客也同时购买了商品Y”（这事儿Amazon先干的，你看，之后所以的电子商务平台都开始干了。）这类的功能以及添加动态的标志，比如“新品”、“缺货”或“父亲节价格下调”都是非常重要的。如果你最近发表的一篇博客文章与产品相关，请务必将文章的链接加到产品页面上。

· 搞清楚访客初衷是什么。在你的网站单独区域分别设置针对潜在客户、社区、投资者、监管机构和媒体内容。首先，试着想象一下每种访客的需求，并创建能够满足这些需求的内容。

· 品牌。不知道各位看过《品牌洗脑》这本书没有？没看过也不要紧，老外的书有一个特点，就是他可能这本厚厚的400多页的书讲的中心话题只有一句话。所以根据这本书的观点，品牌是什么？品牌就是别人怎么评价你。那么对于建站的人来说，最重要的是，要编写有助于提升你的声誉，比方说，产品销售良好的内容。有一点记住的是，要公布客户的意见和评论。因为，你想啊，过客在评价的时候是以他的视角评价的，他的评价是什么？我前面说过了，就是你的品牌。效果达到了，品牌的效果就起来了。

·关键词。关键词就像普通人用来查找你的产品或你的企业的查询词。例如，假设你销售“折叠款电动自行车”。在实际的网页副本、标签和网址中，最好纳入术语“电动自行车”。这样一来，搜索引擎将那些搜索 “电动自行车”的人引向你的网站。But, 不要过分信赖在你的内容中使用的关键词，毕竟文本的书写原则是：简单易懂。

· 网站链接。网站链接是在一些谷歌搜索结果下面显示的链接，可以直接将用户引向你网站的一个特定页面。它们由谷歌随机生成，但受到良好的网站设计的影响。为了使它方便在谷歌中利用，将最重要的链接放在网页的左上角。如果谷歌选择了一个你不

想要的网站链接，只需在你的谷歌Webmaster工具中将其删除。

· 每一个页面应该包括一个相关程度高的话题。在网站上开发每个产品页面时，选择一个最准确地描述页面主题的关键词。在一个独特的标题和描述中包含此关键词，再分配一个HTML标题标签在网页内区分章节。比如你指定第一个标签将是H1标签，那么其他的标题标签（H2-H6）可以被添加反映内容的层次结构，但每个页面必须有一个H1标签。所以说到这里，笔者瞬间觉得还是去学些HTML & CSS的是非常重要的，不要求会写，能做到会看，能添加关键字段就行。

总结

其实凯撒扯了这么多，我到底想说什么？

营销，是的，我们做SEO和SEM，到底为了什么？为了营销。凯撒不想扯太多什么BIG DATA (大数据），Content Marketing (内容营销）这些非常概念化的东西。当你了解这些之后，你会发现，本质就是运用掌握的数据去更好的营销。

如果你看完了我写的这两篇东西，对于如何用营销应该有了给基本了解。从建站来说，当你有了一个恰当的网站设计，被引向你的网店的客户将会有更好的整体购物体验。制定移动战略将确保你不会错过那些在移动中购物的客户。结合基本的搜索引擎优化策略将最终有助于你的付费搜索工作并搜索你产品的客户更好地看到你的产品。

另外，注重用户反馈意见也是非常有价值，更好的方式是在实际消费者完成购买时从他们那获得反馈。你得到的信息越多，就能使你的网站变得越好。有了网站基本的提供 “数字”的平台之后，你接下来要做的就是专注于品牌宣传了。扯了那么多，我觉得，如果你要自己搞网站，确定两点：

有没有足够技术人员（前端后端的）来搭建，运营，维护自己的独立的电子商务平台

产品现阶段的质量等各方面指标是否已经足够精细，优化

标签：

版权申明：本站文章部分自网络，如有侵权，请联系：west999com@outlook.com
特别注意：本站所有转载文章言论不代表本站观点，本站所提供的摄影照片，插画，设计作品，如需使用，请与原作者联系，版权归原作者所有