譯者注：著陸頁(yè)landing page就是用戶從其他渠道進(jìn)入這個(gè)網(wǎng)站后看到的第一個(gè)頁(yè)面，不完全等同于首頁(yè)括儒。
脫水版
1选侨、確立明確的可量化目標(biāo)。表達(dá)清楚產(chǎn)品或服務(wù)抽碌，以及客服聯(lián)系方式
2悍赢、可以通過(guò)ABtest方式確定頁(yè)面內(nèi)容長(zhǎng)度
3、針對(duì)提供的產(chǎn)品或者服務(wù)類型货徙，移動(dòng)端網(wǎng)頁(yè)可以增加撥打電話的按鈕左权。
正文
當(dāng)設(shè)計(jì)在線宣傳產(chǎn)品或服務(wù)的網(wǎng)頁(yè)時(shí)，最終目標(biāo)通常是促進(jìn)銷售或者吸引潛在客戶痴颊。 你可能希望用戶立即購(gòu)買產(chǎn)品赏迟，或者用戶能使用郵箱或者手機(jī)號(hào)注冊(cè)，這樣可以聯(lián)系到用戶蠢棱。 無(wú)論目標(biāo)是什么锌杀，您都希望通過(guò)提升用戶體驗(yàn)來(lái)幫助實(shí)現(xiàn)這一目標(biāo)。
如果您還沒有設(shè)定目標(biāo)泻仙，請(qǐng)先確定目標(biāo)糕再。 目標(biāo)可以是希望增加10％的有效潛在客戶，也可以是希望將銷售額增加20％玉转。根據(jù)業(yè)務(wù)的內(nèi)容建立明確的指標(biāo)突想，最終將有助于您獲得一個(gè)有效的著陸頁(yè)。
每個(gè)目標(biāo)都應(yīng)該與明確的業(yè)務(wù)成果掛鉤。 例如猾担，假設(shè)您經(jīng)營(yíng)一家軟件服務(wù)公司袭灯，并確定新增100個(gè)新客戶，才能滿足今年的收入目標(biāo)绑嘹。 如果您已經(jīng)為自己的網(wǎng)站建立了數(shù)據(jù)追蹤和分析妓蛮，假設(shè)發(fā)現(xiàn)有10％的用戶進(jìn)行了注冊(cè)，這些用戶可能會(huì)成為付費(fèi)客戶圾叼。因此，您建立的目標(biāo)就是獲得1000個(gè)新注冊(cè)用戶捺癞，只有這樣才能完成100個(gè)新客戶的最終目標(biāo)夷蚊。
關(guān)于建立業(yè)務(wù)目標(biāo)和對(duì)應(yīng)的可衡量指標(biāo)相關(guān)的更多信息，請(qǐng)參閱Avinash Kaushik的文章“Web Analytics 101：定義：目標(biāo)髓介，指標(biāo)惕鼓，KPI，維度唐础，目標(biāo)（譯者注：http://www.kaushik.net/avinash/web-analytics-101-definitions-goals-metrics-kpis-dimensions-targets/下一篇文章翻譯這個(gè)）”箱歧。從能夠跟蹤正確數(shù)據(jù)開始， 尋求改進(jìn)的指標(biāo)一膨。
在移動(dòng)網(wǎng)頁(yè)上提高轉(zhuǎn)化率的最佳方式是提供產(chǎn)品或者服務(wù)內(nèi)容的明確說(shuō)明呀邢，以及明顯的聯(lián)系方式。 明確描述產(chǎn)品的功能豹绪，以及產(chǎn)品如何解決目標(biāo)客戶的問(wèn)題价淌。 例如，“最好的真空吸塵器”就沒有“呼吸更放心瞒津，去除99％的過(guò)敏原”表達(dá)清晰蝉衣。清晰的聯(lián)系方式包括簡(jiǎn)單，突出的形式和可見的電話號(hào)碼巷蚪，以便用戶不必費(fèi)力地找到如何聯(lián)系到你病毡。
讓用戶聚焦在產(chǎn)品以及購(gòu)買或聯(lián)系你的方式上。不要讓用戶分心屁柏，無(wú)論是從內(nèi)容或技術(shù)的角度啦膜，都有助于提高轉(zhuǎn)化率。
可惜的是前联，企業(yè)往往在設(shè)計(jì)著陸頁(yè)時(shí)沒有清楚地思考用戶將在什么情境中查看網(wǎng)頁(yè)功戚，包括用戶使用什么硬件設(shè)備。創(chuàng)建適配智能手機(jī)的網(wǎng)頁(yè)有助于提高使用智能手機(jī)用戶的轉(zhuǎn)化率似嗤。
1啸臀、選擇工具創(chuàng)建網(wǎng)站
首先需要選擇合適的工具來(lái)構(gòu)建和托管它。如果有會(huì)寫代碼的人，可以自己從0開始寫網(wǎng)頁(yè)乘粒。如果沒有的話豌注，以下是一些可選的創(chuàng)建網(wǎng)站的工具建議。
如果已經(jīng)有托管的服務(wù)器灯萍，那么WordPress是一個(gè)不錯(cuò)的建站工具轧铁，可以選擇有響應(yīng)式著陸頁(yè)的模板，如ThemeForest（https://themeforest.net/category/marketing/landing-pages）旦棉。
也有一些其他的工具提供創(chuàng)建和托管頁(yè)面服務(wù)齿风，比如Unbounce（http://unbounce.com）和Wishpond（https://www.wishpond.com）是兩個(gè)流行的平臺(tái)，不僅可以構(gòu)建頁(yè)面绑洛，還可以實(shí)現(xiàn)A / B測(cè)試救斑，我們將在最后一節(jié)中討論。 Neil Patel詳細(xì)介紹了目標(biāo)網(wǎng)頁(yè)的各種平臺(tái)真屯。
2脸候、確定內(nèi)容
2.1
Google搜索會(huì)為您提供數(shù)千篇推薦網(wǎng)頁(yè)最佳長(zhǎng)度文章，有的文章推薦包括至少500個(gè)詞绑蔫，而有的建議最多1000個(gè)詞运沦。實(shí)際上，理想的長(zhǎng)度取決于你賣什么配深，你的目標(biāo)用戶是誰(shuí)携添，你也可以通過(guò)測(cè)試，確定最好的長(zhǎng)度凉馆。 但是薪寓，一旦將網(wǎng)頁(yè)內(nèi)容縮小到智能手機(jī)屏幕寬度，就需要特別考慮用戶愿意閱讀的內(nèi)容澜共，以及用戶在失去興趣前肯花多長(zhǎng)時(shí)間瀏覽頁(yè)面向叉。可以使用A / B測(cè)試工具（稍后詳細(xì)討論）測(cè)試具有更多或更少內(nèi)容的網(wǎng)頁(yè)（例如嗦董，1000字母谎、500字的網(wǎng)頁(yè)），監(jiān)控轉(zhuǎn)化率來(lái)確定用戶到底是在內(nèi)容多的情況下聯(lián)系你京革，還是網(wǎng)頁(yè)內(nèi)容少的情況下聯(lián)系你奇唤。
要確定多少內(nèi)容長(zhǎng)度適合您的用戶，您可以查看他們平均滾動(dòng)瀏覽內(nèi)容的時(shí)間長(zhǎng)度匹摇。 除了滾動(dòng)頁(yè)面之外咬扇，您還應(yīng)考慮用戶被觀看視頻，點(diǎn)擊鏈接或填寫表單這些行為吸引的程度廊勃⌒负兀可以使用眼動(dòng)儀工具測(cè)量這些活動(dòng)经窖，我們將在本文后面更深入地討論。
2.2
此外梭灿，您可以從一些假設(shè)開始画侣，比如先認(rèn)為大多數(shù)移動(dòng)用戶不會(huì)滑動(dòng)頁(yè)面向下瀏覽，然而堡妒，幾項(xiàng)研究表明配乱，大多數(shù)網(wǎng)站訪問(wèn)者會(huì)自然滑動(dòng)，只要頁(yè)面的內(nèi)容和操作方式比較友好皮迟。一篇“時(shí)代”文章認(rèn)為搬泥，頁(yè)面上66％的活動(dòng)發(fā)生在首屏》幔考慮到這一點(diǎn)佑钾，仍然保持重要的內(nèi)容和元素盡可能高的首頁(yè)可見性，但不要避免提供更多的細(xì)節(jié)在后面的頁(yè)面上烦粒。
如果你提供空調(diào)維修業(yè)務(wù)，那么你的客戶更有可能想直接打電話代赁。 如果有人的空調(diào)機(jī)在90華氏度的日子壞了扰她，他們可不想讀一個(gè)2000字的文章先了解下空調(diào)的運(yùn)行原理。這種情況下要為用戶提供顯眼的聯(lián)系方式芭碍，用戶進(jìn)入頁(yè)面徒役，直接就能聯(lián)系到你們很重要。
如果你的產(chǎn)品是每件5000美元的奢侈金表馆匿，你可能需要一個(gè)詳細(xì)的介紹葬馋，介紹這個(gè)手表好在哪里粘昨，獨(dú)特的地方是什么。目標(biāo)受眾是特定富裕人群鸳吸，他們想要閱讀和看到產(chǎn)品詳情和細(xì)節(jié)，以便做出購(gòu)買決定速勇。他們不太可能在信息不充分的情況下做出購(gòu)買決定晌砾，他們想看到顯示豪華手表所有角度的圖片，手表的選材烦磁、手工制作的視頻等等养匈，還有終身保證之類的。
2.3
無(wú)論內(nèi)容的長(zhǎng)度是多長(zhǎng)都伪，都要注意呕乎，當(dāng)在移動(dòng)設(shè)備上查看頁(yè)面時(shí)，各個(gè)段落不要變得過(guò)長(zhǎng)陨晶。 雖然段落可以在電腦屏幕上延伸到僅四行文本猬仁，但同一段落在壓縮到移動(dòng)屏幕大小時(shí)可能占用十行。 更頻繁的段落斷點(diǎn)將提高易讀性。
3逐虚、關(guān)注轉(zhuǎn)化率
無(wú)論是通過(guò)付費(fèi)搜索還是社交媒體廣告系列宣傳聋溜，目標(biāo)網(wǎng)頁(yè)都應(yīng)該把重點(diǎn)放在將用戶轉(zhuǎn)化為銷售或潛在客戶。特別是在移動(dòng)設(shè)備上可用的有限空間中叭爱，一定要吸引用戶的注意力撮躁，并最終讓他們進(jìn)行轉(zhuǎn)換。
對(duì)于為潛在客戶提供服務(wù)類型的業(yè)務(wù)（例如空調(diào)維修示例）买雾，您應(yīng)該在所有寬度的頁(yè)面上突出顯示電話號(hào)碼把曼。當(dāng)用戶希望立即能解決問(wèn)題時(shí)，尤其是在手機(jī)上瀏覽你的網(wǎng)頁(yè)時(shí)漓穿，他們通常更喜歡撥打電話進(jìn)行服務(wù)嗤军。請(qǐng)確保在移動(dòng)版網(wǎng)頁(yè)上添加點(diǎn)擊通話功能。
例如晃危，上圖用于比較價(jià)格的著陸頁(yè)叙赚。 在電腦版的網(wǎng)頁(yè)中，唯一可點(diǎn)擊的選項(xiàng)是報(bào)價(jià)表單僚饭。 但是震叮，一旦頁(yè)面寬度縮小到移動(dòng)尺寸，右上角就會(huì)出現(xiàn)一個(gè)電話圖標(biāo)鳍鸵，提供點(diǎn)擊通話選項(xiàng)苇瓣。這個(gè)設(shè)計(jì)為移動(dòng)設(shè)備提供了積極的轉(zhuǎn)化重點(diǎn)，因?yàn)閺闹悄苁謾C(jī)搜索保險(xiǎn)的用戶可能想要與代理商交談偿乖。
除了電話號(hào)碼击罪，請(qǐng)確保表單在移動(dòng)設(shè)備上突出顯示。 一些包含表單的響應(yīng)式設(shè)計(jì)模板可能會(huì)把表單縮的太小贪薪，沒法輸入媳禁。這將失去部分潛在客戶。
確保表單的輸入框足夠大画切，可以用手指輕松選中损话。雖然表單可能在電腦寬度下工作正常，但輸入框可能會(huì)縮小成難以在手機(jī)上選擇的點(diǎn)槽唾。有關(guān)提高移動(dòng)設(shè)備轉(zhuǎn)化率的表單設(shè)計(jì)詳情丧枪，請(qǐng)參閱UserTesting的文章，其中包含表單可用性資源（https://www.usertesting.com/blog/2013/04/04/42-form-usability-resources/）庞萍。
4拧烦、避免用戶體驗(yàn)障礙
在創(chuàng)建移動(dòng)著陸頁(yè)時(shí)，營(yíng)銷思維模式往往會(huì)導(dǎo)致忽略用戶體驗(yàn)钝计。 在介紹所有可能的內(nèi)容或展示注冊(cè)表單的過(guò)程中恋博，您可能會(huì)因?yàn)楹鲆暳艘云渌绞介喿x網(wǎng)頁(yè)齐佳，而失去一些用戶。 在正式發(fā)布前债沮，請(qǐng)先在多個(gè)設(shè)備上測(cè)試多個(gè)用戶的目標(biāo)網(wǎng)頁(yè)炼吴，以確定可能需要解決的問(wèn)題。 以下是一些潛在障礙的例子疫衩。
4.1彈窗
彈窗是“強(qiáng)制”用戶進(jìn)行轉(zhuǎn)換的誘人選項(xiàng)硅蹦。然而，他們傾向于惹惱用戶而不是轉(zhuǎn)化用戶闷煤，特別是在移動(dòng)網(wǎng)頁(yè)上童芹。例如，Google的一項(xiàng)研究顯示鲤拿，宣傳Google+應(yīng)用下載的插頁(yè)式廣告導(dǎo)致69％的用戶立即離開該網(wǎng)頁(yè)假褪。
雖然帶有輸入注冊(cè)郵箱的彈窗在電腦上可能很容易關(guān)閉，但手機(jī)上的同一個(gè)彈出式窗口可能會(huì)縮小到關(guān)閉按鈕很難點(diǎn)擊的程度近顷，這對(duì)于移動(dòng)用戶來(lái)說(shuō)是一個(gè)令人沮喪的障礙生音。根據(jù)VentureBeat中引用的一項(xiàng)研究，“觀看者對(duì)整個(gè)頁(yè)面插頁(yè)式廣告比對(duì)獎(jiǎng)勵(lì)的選擇性廣告可能會(huì)有2倍的負(fù)面情緒反應(yīng)窒升【米叮”另外，請(qǐng)注意异剥，Google最近開始懲罰網(wǎng)站一些突顯的插頁(yè)式廣告格式（譯者注：會(huì)影響網(wǎng)頁(yè)在搜索結(jié)果中的排名）。
4.2響應(yīng)設(shè)計(jì)規(guī)范
此外絮重，想想如何響應(yīng)設(shè)計(jì)因素到移動(dòng)體驗(yàn)冤寿。 在理論上，響應(yīng)地堆疊元素以適合屏幕大小的想法工作良好青伤。 然而督怜，這種設(shè)置可能導(dǎo)致用戶必須滾動(dòng)過(guò)度以獲得表單，如果你不仔細(xì)計(jì)劃如何元素將堆棧在手機(jī)大小狠角。 模板網(wǎng)站可能會(huì)在底部堆疊一個(gè)表單号杠，但是您應(yīng)該重新調(diào)整布局，將表單放在頁(yè)面上更高的位置丰歌，或者包含一個(gè)清晰的“聯(lián)系人”按鈕姨蟋，該按鈕會(huì)與用戶的活動(dòng)一起滾動(dòng)，并在點(diǎn)擊時(shí)直接轉(zhuǎn)到表單立帖。
