如何优化网页è½?Œ–率?(上篇):硭

2013-09-24 18:05:30À´Ô´£º[±êÇ©:À´Ô´] ÔĶÁ ()

ÐÂÀϿͻ§´ó»ØÀ¡,ÔÆ·þÎñÆ÷µÍÖÁ5ÕÛ

�?

 

ã€??——–Facebookã€�Twitter å�ŠQuora 用户增长团队的产å“�大牛Andy Johns倾情奉献çº?¹²è´?mdash;——

ã€??æ��è?:å�ƒä¸‡ä¸�è¦�å°†æ‰?œ‰å»ºè?ç…§å�•å…¨æ?å�šå‡ºä¸?¸ªå››ä¸�åƒ�网站ã?你应该将此看作测试网站的æŠ?·§å·¥å…·ç®±ï¼Œäº†è§£å¯¹ä½ çš„产å“�与用户而言使用这些æŠ?·§çš„优点与缺点何在,以å�Šå?何使它们符å�ˆä½ çš„å®�è?产å“�愿景ã€?/p>

ã€??“优化注册è½?Œ–çŽ?rdquo;这个è¯�é?å�?»¥æ‰?‡ºä¸?œ¬ç™¾ç?全书的篇幅æ�¥ã€‚因此我会花大é‡�笔墨æ�¥é˜�è¿°ã?在æ?å…ˆæ��醒你ä»?¼Œè¿™å°†æ˜?¸€ç¯‡é•¿æ–‡ã?ã€?译è?æ³?¼šå·?¸�多等于一章书了,æ‰?»¥æ‹†åˆ†æˆ�上ä¸?¸‹ä¸‰ç?

ã€??我è?为优化注册转化率的方法æ?æ‹?µ·æ�¥ä¸»è¦�å°±æ˜?¸¤å¤§ç±»ï¼?/p>

ã€??ç¬?¸€å¤§ç±»ï¼Œç«™å†…优化ã?包括网页设è?æ–‡æ?/布局等ã?这是ä¸??得深入探讨的è¯�é?,这也是å�Žé�¢ä¸?±»æ–¹æ³•的基ç¡??/p>

ã€??ç¬?ºŒå¤§ç±»ï¼Œè?é—?�¥æº�优化ã?有è?多ç?方法å�?»¥æ��å�‡è®¿é—®æ�¥æº�的转化效æž?比å?SEO,邮件,社交网络,等ç­?,å?此我ä¸�会å¤??展开。但ä»?ldquo;访问æ�¥æº�→用户æœ?»ˆè½?Œ–é¡?rdquo;之间的过程优化å�Œæ ·å¾ˆé‡�è?。è?论站内转化率优化ä¸�å�¯èƒ½æŠ›å¼??é—?�¥æº�ã?因为早在用户进入è�½åœ°é¡µä¹‹å‰�就已ç»�è¦�开始优化转化率了ã?/p>

ã€??站内è½?Œ–率优åŒ?/strong>

ã€??定义:改善网页的设è?与功能,æ��高用户在页é�?¸Šæ‰§è?关键行为的å�¯èƒ½æ?ã€?/p>

ã€??è½?Œ–节点:最常è?的转化节点包æ‹?¼šæ³¨å†Œã€�登录ã?è´?¹°ã€�è?阅ã?分享ç­?社交媒体增长带æ�¥çš„结æž?。还有其他更加细化的è½?Œ–节点,但我主è¦�关注这几个核心的指标,因为优化的方法å�¯ä»¥é?用到其他è½?Œ–节点上ã?/p>

�?1. 按钮vs. 文字链接

ã€??按钮比文字链接能获å�–æ›´å?的点击率,原因很ç®?�•,因ä¸?ldquo;更显çœ?rdquo;。当你需è¦�用文字链接的地方,å°�试用按é’?Ž»ä»£æ›¿ã€‚å› ä¸ºå·²ç»�有无数的测试è¯�明了少用文字链接能è?CTRæ��å�‡ 20%-200%ã€?/p>

ã€??这里æ�’一ä¸?œ‰è¶£çš„题å?è¯�:ä¸�è?期望ä¸?¸ªæŒ‰é’®çš„A/B测试效果能在数周内ä¿�æŒ�平稳,尤其æ˜?‚®ä»¶è�¥é”??因为你é?常是å�‘一ä¸?¯”较固定的群体å�‘é‚®ä»?比å?æ–°é—»æ��醒),è?按钮容易会出çŽ?ldquo;点击疲劳”的现è±?mdash;—用户已ç»�习惯了你的è?计,很å�¯èƒ½æ„�识到了邮件中的文字和按钮都能链接到å�Œä¸?¸ªåœ°æ–¹ã€‚因为点击任何文字或按钮的超链接,都å�?»¥è¾¾åˆ°ç›?š„地ã?延伸阅è?文章:按钮vs.文字链接http://www.aweber.com/blog/case-studies/buttons-vs-text-links.htm)

ã€??ä¸�过ä¸?ˆ¬æƒ…况下,按钮还是比文字链接强,因为尽管数周å�ŽCTR增长放缓,按é’?¿˜æ˜?��å�‡äº†CTR。CTR增长的ç»�对å?ä¸�一定能够长期ä¿�æŒ�在30%,但至少你å�¯ä»¥æœŸæœ›å?长趋势能够æŒ�ç»?•°å‘¨ç”šè‡³æ•°æœˆã?/p>

ã€??这并ä¸�是说å�Œä¸?¸ªæŒ‰é’®ä¸�å�¯èƒ½å¸¦æ�?TRçš„æŒ�ç»??é•¿ã?因为按钮点击行为在网页上和邮件中的表现å�¯èƒ½æœ‰å¾ˆå¤§çš„å·®åˆ??网页上的按钮ä¸�太容易产生点击疲劳。å?果你针å?网页按钮å�šA/B测试时å�‘现了数æ�®çš„å?长,那么这个增长通常æ˜?¨³å®šçš„ã€?/p>

�?2. 按钮�置

ã€??ç¬?¸€å±�çš„ä½�置优于其他ä½�置。例如,Chitika å�šäº†ä¸?¸ªå¯¹æ¯”广告在ç?ä¸?±�与下é�?½�ç½?š„CTR的研究,å�‘现广告在é?å±�时能达åˆ?6%çš„CTR增长。å�Œæ ·çš„é�“ç�†é€‚用于任何é?å±�çš„å�?‚¹å‡»åŠ¨ä½œã?ä¸?º›å¸‚场研究者也å�šäº†ä¸?œ‰è¶£çš„研究,在首å±�呈现较少的信æ�?¼Œé¼“励用户翻页去å�‘现更多内容,并产生转化点击的效果。他ä»?š„å�‘现æ˜?¼šä½ å®Œå…¨å�¯ä»¥é¼“励用户去翻页,并点击首å±�之下的内容ã?/p>

ã€??看看这个布里æ–?‰˜å°”机场网站的眼动çƒ?‚¹å›¾ã?这张图表明,首å±�å�?±•现少é‡�内容å�¯ä»¥å¼•导更多用户往下æµ�览å�Šç‚¹å‡»ã€?/p>

�?

 

ã€??从用户的角度看æ�¥ï¼Œçœ�事æ‰�æ˜?Ž‹é�“ã?如果你有把æ�¡ä¼ é?è¶³å?的信æ�?’Œä»·å?,使用户点击首å±�的按é’?¼Œå°±åº”该这么å�šï¼Œè?ä¸�è?æ•…æ„�缩å‡�页é�¢å¤´éƒ¨å¹¶ä½¿ä¿¡æ�¯å †ç§¯åœ¨é¡µé�?¸‹æ–¹ã?/p>

ã€??3. æ“�作按钮的尺寸,颜色,å?æ¯?/strong>

ã€??æ“�作按钮应è?显眼而ä¸�çª�兀。Square在这方é�¢å�šå¾—很好。按é’?š„颜色å�Œå…¨å±�出è¡?š„背景图å�Šå…¶ä»–页é�¢å…ƒç´ å½¢æˆ�了很好的对比。按é’?¾ˆå¤§ï¼Œä½†ä¸�会大得å�“人,并且按钮æ—�è¾¹æ�?…�有很多呼唤用户点击的元素)ã€?/p>

ã€??如果你想看看更å?行为呼唤的样å¼�与类型,è?戳这里http://www.webanddesigners.com/35-creative-call-to-action-buttons-for-inspiration/

�?4. ��网页加载速度

ã€??è�½åœ°ç½‘页的é?度é?常是è½?Œ–率优化中容易è¢?¿½è§†ä½†å�´é�žå¸¸é‡�è¦�çš„ä¸?¸ªçŽ?Š‚ã€‚è?多测试数æ�?¡¨æ˜Žç½‘ç«™é?度是至关é‡�è?çš„ã?例å?ï¼?007年亚é©??å�‘布的一ä¸? ”究显示网站æ¯�100ms的加载延迟就会å?致销å”??下é™�1%。戳这里看更多关于网站é?度的研究:http://www.conversionmedic.com/website-performance-optimization/。想办法é™�低(尤其æ˜?…³é”?¡µé�?加载时间,例如å�¯ä»¥å‡�少图ç‰?CSS/ JavaScript等等的负载ã?或è?想办法切分页é�?¸�å�Œçš„加载项,让关é”?…ƒç´ ä¼˜å…ˆåŠ è½½ã?通过在Facebook å’?Twitterå�‚加过的许å?测试,我亲身看è?了é?度æ��å�‡èƒ½å¤Ÿå?何显著地æ��高è½?Œ–率ã?我真心è?为糟糕的网站速度æ˜??致MySpace没è�½çš„原因ã?想想看,ä¸?¸ªé€Ÿåº¦æ…¢çš„网站æ„�味ç�?›´å°‘的朋å�‹è¯·æ±‚,更少的状æ?更新,更少的图片上传,更少的广告点击,更少的é‚??å�‘é?,等等,等等。所有这些æ“�作都æ˜?½¢æˆ�社交网络效应的ç§?´¯åŸºç?。网站é?度阻æ­?º†ç½‘络效应的é?速势头,由æ?导致了越æ�¥è¶Šå°‘的增长,è?增长的å‡�å°‘æ„�味ç�€å¤±è´¥çš„é?险å?加ã?Facebookæ�¥äº†ï¼Œå®ƒæ›´å¿«ï¼Œæ›´ç®?�•,è?且有了更好的网络效应。é?过专注于改进网站速度等关é”??素,Facebook打下æˆ�功的基石ã?/p>

ã€??è°·æ­Œæ��供了一ä¸?¾ˆå¥½çš„网页速度测试工具,任何人都å�¯ä»¥ä½¿ç”?¼šhttp://developers.google.com/speed/pagespeed/insights/。它å�?»¥ç”Ÿæˆ�详细的报告,给出具体的网速建è®??YSlow也是å�‘现网é?é—??的很好的工具ã€?/p>

ã€??如果你是ä¸?¸ªWordPress网站站主,网速是ä¸?Ž°å®žå­˜åœ¨çš„é—??(特别æ˜??æ�’ä»¶é‡�度使用用户)。你å�?»¥å°�试使用Plugin Performance Profileræ�¥æŸ¥æ‰¾æ�’ä»¶å?ä¸?ººç«™ç‚¹ç½‘é?的影å“�ã?它å�¯ä»¥ç”Ÿæˆ�å?下的报告,帮助你诊断æ¯�个æ�’件对延迟的影å“�ã€?/p>

�?

 

�?谢谢unbounce.com�供上述网站速度分�工具�http://unbounce.com/conversion-rate-optimization/how-to-improve-conversions-by-increasing-page-speed-tips-tools/).

ã€??5. æ ‡é?,å­�æ ‡é?,æ?文文æ¡?/strong>

ã€??能å?å�‘用户传达核心价值è?çš„çª�出标题很é‡�è?。我å�?»¥æƒ³è±¡å¦‚æžœSquare, Inc.去掉了注册表å�•上çš?ldquo;é©?¸Šå¼??绑定信用å�?rdquo;(Start accepting credit cards today),注册转化率会立é©?¸‹é™�ã?/p>

�?

 

ã€??å°�试在你的头æ�¡é‡Œä½¿ç”¨å…¶ä»–æ–‡æ?,看看有ä»?¹ˆå��å“�。å?果你还没有积ç´?¶³å¤Ÿçš„用户é‡�æ�¥æ”?Œ�网站的快速A/B测试,那就试试使用Google AdWords 或è?Facebook Ads 作为测试文æ?的平å�°ï¼Œæ‰¾åˆ°ç”¨æˆ·å��å“�æœ?¥½çš„é‚£ä¸??因为你能相å?å¿??地获得大é‡�点击,尤其是Facebook Ad)。得到最高CTRçš„Facebook Ad头æ�¡å�?ƒ½æ˜?½ ç½‘站主页的ç�†æƒ³æ–‡æ¡ˆã?说到正文文æ?,原则是:少å�³æ˜¯å¤šã?ä¸�è?让è?者é�¢å¯¹æ»¡å±�密集的文字ã€?/p>

ã€??我在谷歌æ�œç´¢äº?ldquo;å°�型商业网站”并且点击了几æ�¡å¹¿å‘Šï¼Œçœ‹çœ‹ä»–们è�½åœ°é¡µæ˜¯ä»?¹ˆæ ·å­�。其ä¸?¸€ä¸?˜¯ä¸‹å›¾çš„æ ·å­�,有清晰的行为呼唤,ä¸�å¤?‹¥æŒ¤ï¼Œå°‘é‡�供阅读的文字,以å�Šä¸€äº›ç”¨æˆ·çš„è¯�è¯�,甚至还有一ä¸?º§å“�的视é?介ç»�,是ä¸?¸ªå¾ˆä¸�错的页é�¢ï¼?/p>

�?

 

�?��: http://www.volusion.com/

ã€??但å�¦å¤–一ä¸?¹¿å‘Šè?我看到了下é�¢çš„è�½åœ°é¡µã€‚我的ç?ä¸?��应就æ˜?ƒ³é©?¸Šç¦»å¼€ï¼Œå› ä¸ºè¿™çœ‹èµ·æ�¥å¤ªå¤�æ�‚äº?当我看到扑é�¢è€Œæ�¥éƒ½æ˜¯æ–‡å­—,或者看ä¸�到数æ�®ã€�图表ã?è¦�点列表等有价å?ä¿¡æ�¯çš„å�šå®¢æˆ–é‚?»¶çš„æ—¶å€™ï¼Œéƒ½ä¼šæœ‰å�Œæ ·çš„æƒ³æ³•。这ä¸?½‘页å?比用得很烂ã?ldquo;访谈网站”的关é”?Š¨ä½œé“¾æŽ¥ä¸�如上é�¢ç½‘ç«?ldquo;14天å…�费试ç”?rdquo;的黄色动作按é’?˜Žæ˜¾ï¼š

�?

 

�?��:http://www.webhostingfreereviews.com/

ã€??当然,这ä¸?¡µé�¢å‘ˆçŽ°äº†ä¸?º›è¡Œä¸ºå‘¼å”¤å…ƒç´ ã€‚因为他ä»?œ¨å¯¹ä¸€ä¸?˜‚贵的关键è¯�进行竞价,è‚?®šæœŸæœ›å¾—到尽å�¯èƒ½é«˜çš„æŠ•资回报率。但æ˜?œ‹åˆ°è¿™ä¹ˆå¯†é›†çš„æ–‡å­—,我ç¡?¿¡ä»–们的转化率ä¸?®šå�—到了影å“�ã?大å?数情况下,å?于用户è?è¨?¼Œå°‘å�³æ˜??。è?ä½�,你应该å�‘å¿??å“�牌(In-n-Out)学习ç®?¾¿å¿?�·ï¼Œå±•示价值明ç¡?š„å°‘é‡�优ç?产å“�,è?ä¸�是ä¸?¤§å †è¿žä½ éƒ½éš¾ä»¥æ¶ˆåŒ–的垃圾ã?/p>

ã€??想想颜色如何影å“�心å?,情ç»?¸Žå†³ç­–

ã€??æ­£å?Colm Tuiteåœ?ldquo;é…�色有ç?å­¦ä¾�æ�?�—?还是çº?²¹ä¸»è?çš?”é—??里的回答,网站é…�色的è¿�用å�?»¥å®šä¸‹é©±åЍè½?Œ–的基调ã?下é�¢æ˜?¥¿æ–¹å›½å®¶ç”¨æˆ·çœ¼ä¸??色的å�?¹‰ï¼?/p>

�?

 

ã€??è“�色:安å…?¼Œæ­£ç›´ï¼Œæˆ–者安é�™ï¼Œå¹³å’Œ

ã€??绿色:新鲜,çŽ?¿�

ã€??黄色:能é‡�,å¿?´»ï¼Œæˆ–者è?å‘?/p>

ã€??ç´?‰²ï¼šç�µæ€§ï¼Œå¥?¾ˆ

ã€??粉色:浪æ¼?¼Œç¾Žä¸½ï¼Œçˆ±æƒ…,æ•�感

ã€??看看这些é˜�释,想想你的网站é…�色将会å?何影å“�转化率,然å�Žè¯•试看æ˜?�¦é€‚用ã€?/p>

�?原文地�:http://www.quora.com/What-are-some-top-strategies-for-conversion-optimization

�?�续预告

ã€??(ä¸?¯‡)

�?7. 图片使用

�?8. �供案例/��

ã€??9. å�‘挥视é?对产å“�展示与è½?Œ–驱动的æ� æ�†ä½œç”?/p>

�?10. 匹��地页的�图与内�/p>

�?11. 去除�必�的表��/p>

ã€??12. è‡?Ѝå¡?……表å�•,æ¯�行验è¯?/p>

�?13. �供社交网站账�注册,使用社交驱�/p>

�?(下篇)

ã€??é‚?»¶è�¥é”€

ã€??14. æ ‡é?行与å�‘é?人地å�?/p>

ã€??15. å��å?测试é‚?»¶æ–‡æ?长度

ã€??16. çº?–‡æœ¬vs.HTML

ã€??17. 选择å�‘é?é‚?»¶çš„å�ˆé€‚æ—¶æœ?/p>

�?Facebook�销

ã€??18. æœ?œ°åŒ–ç»�è�?/p>

ã€??19. 广告创æ„�(æ ‡é?,图片,介ç»�)与图片轮æ�?/p>

ã€??20. ç›? ‡ç¾¤ä½“精准定ä½�

ã€??21. 点击至转化的è·?¾„

�?22. 产�/应用的市场饱和度

�?23. 市场�?

�?�索引擎�销(AdWords)

�?24. 优化广告质�分与广告效果

ã€??社交分享(å–œæ?/推特按钮)

ã€??25. å–œæ?/推特按钮ä½�置测试

ã€??26. 智能动æ?更新与推特文分æ?/p>

�?SEO(�索引擎优化)

�?27. 页�元数�/p>

ã€??28. 行为å�?”¤åµŒå…¥é¡µé�¢å…ƒæ•°æ�?/p>

ã€??(å¾?�šUDC原创å�šæ–‡ï¼Œè½¬è½½è?注明出å?,æ?迎è?é˜?)

±êÇ©£º

°æÈ¨ÉêÃ÷£º±¾Õ¾ÎÄÕ²¿·Ö×ÔÍøÂ磬ÈçÓÐÇÖȨ£¬ÇëÁªÏµ£ºwest999com@outlook.com
ÌØ±ð×¢Ò⣺±¾Õ¾ËùÓÐ×ªÔØÎÄÕÂÑÔÂÛ²»´ú±í±¾Õ¾¹Ûµã£¬±¾Õ¾ËùÌṩµÄÉãÓ°ÕÕÆ¬£¬²å»­£¬Éè¼Æ×÷Æ·£¬ÈçÐèʹÓã¬ÇëÓëÔ­×÷ÕßÁªÏµ£¬°æÈ¨¹éÔ­×÷ÕßËùÓÐ

ÉÏһƪ£ºç½‘站在ä¸�å�Œé˜¶æ®µçš„æ³¨æ„�点å�ŠæŽ¨å¹¿æ”»ç•¥

ÏÂһƪ£ºç”¨æˆ·ä½“验æ˜?½‘ç«™è¿�è�¥çš„ç¡?¼¤