|
会深入细节处和结合电商Web端产品经理的角色（用户体验），此前自己也没去分享过这些东西，百度了下，貌似还没看到真的很详细对该站的案例分析，基本都是用第三方工具大体分析了下；也许是因为担心分析太细节的优化过程会引起搜索引擎的注意和被同行抄袭的风险，不得不吐槽下国内的copy能力，也是佩服。如果后面有时间，也会试着对“focalprice.com的EDM活动策划，tomtop.com的Facebook, Tmart的Affiliate Program联盟推广”等聊些看法; 当然业内还有很多不错的网站平台，不一一指出。
7 Z) z. J7 w2 M================== Review of lightinthebox.com ================== (如果图觉得还不够高清, 戳它吧) 
（Litb屏幕抓图） 基础数据（域名历史、Google PR、收录、外部链接、关键词排名、www首选域设置、死链、robots.txt、基本流量数据、竞争对手），这些基本可以通过分析工具查证，不占用分析空间。 （ 外链工具可用http://www.majesticseo.com/和http://ahrefs.com/） Alexa 流量 （仅用免费版查个概况，用Alexa数据做参考）  （2013.09 Aelxa当前截图）
前十的流量渠道来源统计中，google已占得20%之多（还不包括下游的零星其他国家区域的GG流量），不管是SEO流量还是PPC流量都是来源于Google各站点，相比以前，还是下降了些。 
据某统计机构去年做的统计，兰亭集势2012年近一年的营销投放，仅PPC投入预算就每月上万美金。其中Ads投放11035个，PPC关键词25892个，SEO关键词达17038个，各项指数远高于同类外贸网站DX、大龙网等。 （插曲：此前–兰亭集势过度依赖Google，这样一旦Google调整算法，兰亭集势也容易受影响。2011年7、8月份，Google针对恶意影响搜索结果的情况调整了新算法，调整算法后，一向依赖于Google搜索的外贸B2C流量普遍受影响下滑，而“兰亭集势一度在Google搜不到了”。后来据说其强大的公关能力让其恢复。 现今：2012年12月以来，大龙网品牌词dinodirect遭谷歌惩罚造成SEO自然流量大跌;2013.5月谷歌算法部分调整，milanoo.com,everbuying.com中枪其自然流量下滑。究其原因？就当抛砖引玉，如后面有时间，回头再查查看里面惩罚的潜在原因。 )
( I! L1 R4 ]9 i/ F6 z/ p5 q以下是本人手工简单用word绘制的首页示意图，用来建立原型概念，方便针对重要区块进行说明 小语种版本选择切换（English/Français/Español/Deutsch/++ ） | | Logo+文字 | Reward功能入口+ 语言选择器+货币选择器； & d7 Q ]- _0 w% s3 `
今日交易+注册/登陆+我的帐户+帮助中心+Live Chat | | 全局导航分类（附有促销活动文字链接） | 站内搜索+下拉式头部购物车 | | 分类具体名称（items计算数值） | 首页轮换banner | What’s Hot! 热门交易
1 C9 N: W0 L8 ]: k( z$ o2 E" ?" w3 f: O( ]" s7 W' a
- v! H& V- C# s8 h! W4 W
Facebook 社交插件 : |1 u1 Y' _" B `
- E5 _# x8 |4 Y a7 b
| 热门分类导购——>>;———>>; | | 左边小广告位图，客人评价（Customer Testimonials），热门搜索（ Popular Searches ） | Best Deals+Free Shipping+New Arrivals（Tab横向切换—特色促销交易专区）；Shopping by Category | Why Shop at LightInTheBox （ 6点 ） | | （ Featured Products：文字 ) | 相应产品缩略图 | Join our community(社交媒体) | | Product Tags关键词生成(按字母) | Compare Products and Vote Now | 订阅 | 页脚 |
# _. V& G% W8 q. {
Note：细节需对准网站本身，该word简单表格绘制仅供交互Demo设计有个大体的参照，关于这个，阿里巴巴其规范流程可以多多学习。
% L" ?, k% T3 v2 N& ]# ~# M! A重要交互功能区：在电子商务网站中,其搜索功能和导航分类入口是购物者寻找商品最重要的分类两个途径和手段。因此，从用户体验会分析下该站是如何的。
5 d* b! b' x7 B( s5 M M9 D, o=========== Litb 站内搜索 ============= 
（联想搜索） 布局位置：网站的头部区域是用户最敏感和最关注的部分，也是顾客进行页面浏览的开始，是用户的视觉重心，因此搜索放在头部，对于顾客来说，是一个强烈的提示和交互信号。而搜索最重要的两个功能其实就是‘搜索结果’和‘排序（销量、价格、折扣、上架时间）’。 在Litb search区域里，外观显得比较简约，‘输入框直接搜索’这也是比较常用的表现形式—支持搜索语法和全匹搜索。同类型的网站，很多也会根据目前搜索量最多的关键词，集中体现出来，以方便购物者可以快速的进行的搜索，引导关键词推荐，一方面可以反映出当前的购物者所关注的热度，另一方面也可以反映出商家最近的销售策略。是否要加上这个，取决于一个站是否想要传达更丰富的信息，进而相应的布局。 尝试输入搜索字词体验搜索过程，如图会发现，Litb search支持联想搜索和相似搜索及搜索历史（个性化足迹）：联想搜索可以通过用户已经输入的字段进行联想匹配，这样，让用户可以完整的填写想要输入的字段，方便提示和帮助用户完成搜索。 而通常来说这个相关搜索是在你已有关键字基础上改一个单词或是删掉一个单词（或词语的变体进行匹配)而形成的。 这里其实还可以引出两个值得深思的地方：‘其站内搜索中其词库估计都是如何建设的？英文分词中词库/歧义表的建立方法？’ 
（相似搜索和搜索类似词的用户还购买过什么） 
（搜索历史足迹抓图） 只要浏览器的cookies保持不变,这个性化定制搜索类型的内容就会在随后的访问中一连串出现。一个好的电子商务网站将跟踪客户端行为（在服务器端），以确保每个用户每次访问越来越适合他们的口味和习惯。如果说数据有误，则说明追踪文件匹配不对。 如果你仔细一看，是否会觉得搜索框少了点什么。我的第一眼想法是：是否要增加一个‘搜索分类频道’：分类一般置于搜索框之上或者搜索框之前，先选类别而后搜索，缩小后的结果范畴更明确。兰亭作为搜索背景出身的团队，会有可能没考虑过这个吗？如搜索结果列表的下图可看出答案。 
（ 搜索Wedding Dresses结果页） 搜索Wedding Dresses作为例子，来到商品展示的list页，有进行搜索时可选择的分类维度（Shop by Category），其筛选区域（Narrow by）按照价格、品牌、款式、面料、裙长等类型推送给用户可供精细化筛选。如果类比中文站，此跟京东类似（搜索产品词会触发返回搜索结果分类和产品属性间的筛选）。所以，看似简约的搜索区域，其实并不简单。如果想要更多的体验，不妨以不同维度的搜索字词多方位的测试进而得出结论。 关于搜索，远远不止这一些，如果说信息结构能符合搜索使用场景，只能说是符合基本需求。因为站内搜索的开发是一个技术要求很高的应用，开发搜索引擎的工程师会承担巨大的开发工作量和成本压力，笔者曾经就因在项目中为改善电商搜索性能跟技术开发部付出过心血，切身的疲惫感受。Google的技术含量可想而知，其水有多深。 Litb search还是挺不错的，如果说还可以稍微增加的地方的话，或者可以考虑‘搜索词高亮显示、关键词搜索结果触发的广告推广（广告区）、搜索该词的用户还关注过什么（流量引导）、及其特殊情况的设计等’。而紧密相关电商网站站内搜索URL的问题和可以结合SEO的地方会在后面专门讲URL的一块里。 =========== Litb 分类导航 ============= 目标：1、提供给用户方便的网页间跳转的方法 2、能够表达出页面之间、页面与内容之间的关系 全局导航：在Litb导航信息架构里，也是有“一，二，三”级分类目录，第四级为产品详情页：鼠标经过商品主分类，对应右侧显示详细子分类层，超过数量则需进入分类内页可展示，分类list页局部导航支持返回父级目录，进入子级目录，在同级目录间跳转三种类型的行为。在其‘所有分类’的专页网站地图链接和下拉菜单，搜索引擎蜘蛛和用户都可以迅速沿着链接进入内页主体。 这一点上的交互方式，本人觉得它是有在学习亚马逊的，Amazon主页的左上角有一个商品分类浏览的下拉菜单。当鼠标从菜单中的选项上滑过时，子菜单的显示速度是超快的。这个显示速度基本是与鼠标移动同步的，其实绝大多数网站的下拉菜单在显示子菜单时会有一定的延迟。 不论是大局上还是细节上，亚马逊在用户体验这方面都是值得学习的。当然更多的是一种学习巨头的思想，模仿也并不适合一般的网站，因地适宜即可。 面包屑导航：Home》一级》二级》三级》产品详情页 
利于用户上下层级点击，明确自己所在位置。 =========== 购物车 ============= 在电子商务网站设计中的购物车对象里，其实也是主要功能的必备流程之一，最根本的功能是存储用户所购买商品信息。另外，订单页面（order page）里，还会有购买种类、数量以及金额的统计和商品数量增删改查等方法。及关联的物流和支付等。但这块是属于功能本身，跟SEO没怎么关联，因此在这里不深入探讨。 3 e6 s/ O) z- ~; R3 B) N- i
细节处分析成功的网站，基本采取‘现状呈现+解读意图+其他’写下自己的看法，尽量呈现逻辑化。 ========== 首页细节优化处 （ 源代码） ======== <!–litb-html 头部导航区域：源代码–> 首页元标签 
几个重点：SEO Content—1，标题，关键词，描述（ 不仅仅考虑搜索引擎， 更多会结合网站平台的‘品牌名称、经营策略、销售特色、交易模式等业务情况’ ；这样不仅达到首页的主题定位，提高排位，而且也会提高在搜索结果页的点击率；相信兰亭内部是有精心设计过的语言）2，蜘蛛爬行及传递信号和搜索官方验证标记语言（或将搜索验证文件传至网站根目录下）3，Canonical标签，用于解决规范化问题，在后面的分类页，对该Tag的使用会详细指出 4，Open Graph Protocol（开放内容协议）– Meta Property标签的应用：同意网页内容可以被其他社会化网站引用等，帮助其内容更有效的在SNS网络中传播 如果说其中要改动下，可以这样<meta name=”robots” content=”index,follow,noodp,noydir” /> （将不要使用开放目录的标题和描述说明融入进去） <!–litb-html 头部导航区域：Logo处–> 
顶部导航左上角：LOGO图+鼠标悬停时的Homepage主页文字链接向导提示+右边的这个中文名很古典的公司打出的时髦口号：OneWorldOnePrice （如果有一天，MIC产品不是靠价格吸引的话，而是靠质量和口碑，相信那会是每个国人的期望） 首页H1标签使用处：把logo图片和Homepage文字放在了H1标签（样式加CSS定义）。 解读：是否认为这样会增强图片ALT文字的权重，是否增强了搜索引擎的主题判断？是否做了测试或已是测试后的结果 看法：如果作改动： 1，考虑用户体验—是否去掉Homepage文字，直接左边logo加右边内涵文字，显得精简，从鼠标交互的行为分析看，用户是知道logo上的链接有返回首页的向导作用的； 2， 虽然图片alt属性和文件名有帮助，但将图片链接作为文字链接的替代品貌似没相应作用，以关键词为锚文本的文字链接从SEO角度看有高的多的权重，3，如果说改词，可将网站重要品牌关键词Light in the Box替换常规词Homepage，解释了域名的组合意思，增加用户的认知度，再在logo 悬停文字改成Lightinthebox Homepage  ； 2 E) M) ?% b- K( P- D
第三方工具查看H1使用处：
0 S) K+ w7 \' _- r: `H2使用：页面也适当使用了该标签，如左侧导航分类文字就是放在H2中的，其HTML代码如： 
一定程度上，分类名称与整个页面的语义结构相符合。 " S* d3 k8 A6 f2 n
文案写作：通过这几段文字，告诉了用户在Lightinthebox购买产品和使用服务的优势，结合电商业务，阐明了‘产品质量和价格、良好的客服系统、强大的供应链、快速的物流、安全方便的在线交易全球平台等’来吸引用户，并且在用户体验上自然融入相关词汇，对‘Lightinthebox’这个公司品牌词起到了语义相关的支持作用。 Nofollow的使用 （ 利用‘Highlight Nofollow Links plugins’插件查看，显得直观，即下面图中有虚线红色框的链接处） 9 K( o& h3 i7 c: o) C x, o% ~* P
, X5 [8 h1 P0 a# ?# }8 h5 V8 ~
| 
发表于 2013-9-4 21:39:38
发表于 2013-9-5 10:53:22