最后修改： 2020年5月21日
閱讀時(shí)間：
信息圖
網(wǎng)站可以通過(guò)多種方式幫助您的企業(yè)發(fā)展。 但是僅僅擁有一個(gè)網(wǎng)站并不能保證會(huì)有更多的顧客。 知名企業(yè)知道，他們的網(wǎng)站應(yīng)該變成銷售機(jī)器，以吸引和轉(zhuǎn)化客戶。 根據(jù)HubSpot的最新調(diào)查：
前五秒 頁(yè)面加載時(shí)間對(duì)轉(zhuǎn)化率的影響最大。 網(wǎng)站轉(zhuǎn)換率平均下降4。42％的負(fù)載時(shí)間每增加一秒。
沒(méi)有第一印象的第二次機(jī)會(huì)， 他們說(shuō)。 網(wǎng)站的設(shè)計(jì)應(yīng)該從一開(kāi)始就吸引住訪問(wèn)者，并且在他們轉(zhuǎn)換之前永遠(yuǎn)不要讓他們離開(kāi)。 但是，您將如何打造自己的網(wǎng)站？ “工作” 這樣給你？ 讓我們向您展示設(shè)計(jì)基礎(chǔ)。
單擊以查看完整尺寸。 向下滾動(dòng)以閱讀整篇文章。
首先， 您需要了解本教程中討論的一些關(guān)鍵術(shù)語(yǔ)，以便您對(duì)該主題有更好的理解。
A / B測(cè)試或拆分測(cè)試是比較網(wǎng)頁(yè)的兩個(gè)版本（A和B）以確定哪個(gè)版本轉(zhuǎn)換效果更好的科學(xué)過(guò)程。 您可以測(cè)試標(biāo)題 圖片， 號(hào)召性用語(yǔ)按鈕， 和顏色僅舉幾例。
號(hào)召性用語(yǔ)（CTA）是一個(gè)按鈕或一行文字，促使您的訪問(wèn)者采取行動(dòng)。 它告訴他們?cè)L問(wèn)他們的網(wǎng)站時(shí)該怎么做。 例如， 網(wǎng)頁(yè)上的“注冊(cè)”按鈕， 電子商務(wù)商店上的“購(gòu)買我”按鈕和應(yīng)用程序上的“下載”按鈕。
轉(zhuǎn)換當(dāng)訪客或潛在客戶完成所需的操作時(shí)發(fā)生。 這意味著訪問(wèn)者成功注冊(cè)了您的網(wǎng)站或在您的商店中簽出了商品。
兌換率是在您的網(wǎng)站上采取所需操作的訪問(wèn)者的百分比。 您可以通過(guò)將轉(zhuǎn)換總數(shù)除以網(wǎng)站上的訪問(wèn)者總數(shù)來(lái)獲得轉(zhuǎn)換率。
轉(zhuǎn)化優(yōu)化或轉(zhuǎn)化率優(yōu)化（CRO） 是一種完善您網(wǎng)站的系統(tǒng)方法，因此它將增加采取所需措施的網(wǎng)站訪問(wèn)者數(shù)量。 如果您的目標(biāo)是增加電子郵件訂閱者， 那么您將希望您的訪客注冊(cè)您的新聞通訊。 或者，如果您想增加銷量， 那么您應(yīng)該讓他們點(diǎn)擊該購(gòu)買按鈕。
著陸頁(yè)通常是網(wǎng)站的主頁(yè)， 但可以是您網(wǎng)站上訪問(wèn)者可以將其轉(zhuǎn)換為潛在客戶或客戶的任何頁(yè)面。
多變量或多變量測(cè)試（MVT）是同時(shí)測(cè)試特定頁(yè)面上的多個(gè)變量的過(guò)程。 它涉及創(chuàng)建不同的元素，以找出哪種組合轉(zhuǎn)化最多。
如果您要?jiǎng)?chuàng)建或重新設(shè)計(jì)您的網(wǎng)站， 在制作具有視覺(jué)吸引力的網(wǎng)站進(jìn)行轉(zhuǎn)換時(shí)，您應(yīng)該考慮以下幾點(diǎn)：
圖片在每個(gè)網(wǎng)站中都扮演著重要角色。 它們是用來(lái)輕松吸引和吸引訪問(wèn)者的， 盡管并非總是如此。 您應(yīng)該知道如何正確使用圖像，以最大程度地發(fā)揮其潛力。
以下是在您的網(wǎng)站上有效使用圖像的一些技巧：
當(dāng)您在網(wǎng)站上使用某人的圖片時(shí)， 它給您的訪客同理心和牢固的聯(lián)系。
“當(dāng)我們看到一張臉時(shí)， 我們會(huì)被自動(dòng)觸發(fā)，以感覺(jué)到某種東西或?qū)υ撊水a(chǎn)生同情。 如果我們識(shí)別網(wǎng)站上的內(nèi)容（例如問(wèn)題）， 困境， 習(xí)慣或其他任何方式-我們感到聯(lián)系和理解。”（不僅僅是漂亮：Sabina Idler的將情感融入您的網(wǎng)站中）
在其目標(biāo)網(wǎng)頁(yè)上看看PayPal如何使用此技術(shù)：
創(chuàng)建網(wǎng)站時(shí)， 優(yōu)化您使用的圖像很重要，這樣它們就不會(huì)影響網(wǎng)站的加載速度。 而且， 研究表明，即使頁(yè)面響應(yīng)延遲了一秒鐘可以將您的轉(zhuǎn)化率降低7％。
優(yōu)化圖像的想法是通過(guò)壓縮圖像使圖像變亮而不影響其質(zhì)量。 您可以使用的某些圖像優(yōu)化工具 免費(fèi)的是：
- 小PNG
- 壓縮機(jī)。io
- JPEG優(yōu)化器
- 最適
- 海妖io
- 輕松排名
- 調(diào)整照片大小
- 壓縮照片
- 轉(zhuǎn)換影像
為了清楚起見(jiàn)， 英雄圖像不是超級(jí)英雄的圖像。 英雄圖片是放置在網(wǎng)站頂部的大型網(wǎng)絡(luò)橫幅圖片。 它們通常通過(guò)一行文本或號(hào)召性用語(yǔ)放置在背景中。
這是一個(gè)例子：
獎(jiǎng)金提示： 確保您使用的圖像具有響應(yīng)性，以為訪問(wèn)者提供良好的用戶體驗(yàn)。
根據(jù)維基百科， 版式 是安排類型以使書(shū)面語(yǔ)言清晰易懂的技術(shù)和技巧， 顯示時(shí)可讀性和吸引力。 它涉及字體的使用， 點(diǎn)大小， 線長(zhǎng) 行間距， 和字母間距 并調(diào)整字母對(duì)之間的間距。
該視頻說(shuō)明了排版是如何從紙張演變?yōu)槠聊坏模?/p>
你知道那有多少種字體嗎？ 答案-沒(méi)有人知道。 這就是為什么選擇正確的字體組合并非易事的原因。
所以， 以下是一些字體配對(duì)工具，可幫助您確定應(yīng)使用哪種組合：
- 類型連接
- Google類型
- 字體對(duì)
- 天才型
- 狼型
- 美麗的網(wǎng)頁(yè)類型
- 使用的字體
- 只是我的類型
- 典型值io
- 攪拌機(jī)
- 字體組合器
- 錯(cuò)覺(jué)
- Adobe Typekit
- 匹配器
- 打字呼吸
如何為您的網(wǎng)站選擇最佳字體
您是否曾經(jīng)想過(guò)Google為什么沒(méi)有最大化其網(wǎng)站的空間？ 那是因?yàn)樗麄冋谑褂每瞻椎牧α俊?/p>
空格 也稱為負(fù)空間 是網(wǎng)站的一部分，空白或空白。 您可以在目標(biāo)網(wǎng)頁(yè)上使用它，以便訪問(wèn)者可以專注于號(hào)召性用語(yǔ)并提高轉(zhuǎn)化率。 空格不一定表示您網(wǎng)站的背景應(yīng)為白色。 您可以使用顏色進(jìn)行播放，甚至可以將圖像用作背景。 目的是使其簡(jiǎn)單易用，并提供最佳的用戶體驗(yàn)。
記?。?/strong> 一個(gè)整潔的網(wǎng)站吸引了您的訪問(wèn)者的注意力。 瀏覽整潔且井井有條的網(wǎng)站對(duì)他們來(lái)說(shuō)是一種愉快的經(jīng)歷。
創(chuàng)建網(wǎng)站時(shí)要考慮的另一個(gè)重要元素是顏色。 請(qǐng)記住，顏色具有含義，因此，無(wú)論選擇哪種顏色，都應(yīng)反映您想要傳達(dá)給受眾的信息。
例如， 美國(guó)大多數(shù)銀行都使用藍(lán)色來(lái)表示信任。
圖片來(lái)源：大紀(jì)元
選擇正確的顏色組合時(shí)，請(qǐng)注意顏色代表的一些積極和消極的感覺(jué)。
- 黑色的 –在物理學(xué)中 黑色不是顏色， 盡管它也會(huì)對(duì)一個(gè)人產(chǎn)生心理影響。 它象征著力量和力量，但也可以代表死亡， 不快樂(lè) 和邪惡。
- 白色的 - 一般來(lái)說(shuō)， 白色代表純潔和純真。 醫(yī)院使用白色來(lái)營(yíng)造一種無(wú)菌感。 然而， 它也可能代表冷的東西， 平淡而孤立。
- 紅色的 –這種顏色引起我們的情緒。 它可以與愛(ài)相關(guān)聯(lián)， 激動(dòng)， 和信心。 在消極的一面， 它象征著進(jìn)取和憤怒。
- 藍(lán)色 –這是天空的顏色， 海洋，是男性最喜歡的地方。 藍(lán)色象征著平靜， 寧?kù)o， 穩(wěn)定， 和可靠性。 然而， 它也可能代表悲傷，因此術(shù)語(yǔ)“感覺(jué)憂郁。”
- 綠色的 –它是森林的顏色，通常代表自然。 綠色意味著安寧， 樂(lè)觀， 還有祝你好運(yùn)。
- 黃色的 –就像太陽(yáng)一樣， 黃色代表亮度和溫暖度。 這是最受關(guān)注的變色，這就是為什么它通常在路標(biāo)中使用。 然而， 由于它反射的光量，它也會(huì)造成眼睛疲勞。
- 紫色的 –這是薰衣草的顏色。 紫色象征著皇室和財(cái)富， 盡管有些人可能將其解釋為異國(guó)情調(diào)或人造的。
- 棕色的 –它是土黃色和自然色。 它表示彈性， 可靠性 和安全。 這也可能意味著悲傷和孤立。
- 橘子 –與黃色類似， 橙色也用于引起注意。 它代表著溫暖， 激動(dòng)， 和能量。 它通常與萬(wàn)圣節(jié)有關(guān)。
- 粉色的 –此顏色具有鎮(zhèn)定效果。 它與善良相關(guān)， 培育 和女性氣質(zhì)。 如果您不希望自己的品牌看起來(lái)太女性化，則應(yīng)避免使用這種顏色。
獎(jiǎng)金提示：當(dāng)您無(wú)法決定哪種顏色最適合您的網(wǎng)頁(yè)設(shè)計(jì)時(shí)， 您可以使用A / B測(cè)試或多變量測(cè)試。 它將幫助您了解哪種顏色轉(zhuǎn)換效果更好。
為了最大限度地提高您網(wǎng)站上的轉(zhuǎn)化率， 它應(yīng)該是移動(dòng)友好的，這一點(diǎn)非常重要。 由于使用智能手機(jī)的興起， 如今，人們可以通過(guò)多個(gè)屏幕訪問(wèn)網(wǎng)站-桌面， 平板電腦 和手機(jī)。 請(qǐng)記住，十分之八的人通過(guò)智能手機(jī)使用互聯(lián)網(wǎng)。
如何針對(duì)移動(dòng)流量?jī)?yōu)化WordPress布局
使用以下工具了解您網(wǎng)站的不同屏幕尺寸的響應(yīng)能力：
- Google Search Console進(jìn)行的移動(dòng)設(shè)備適合性測(cè)試
- MobileTest。我
- 必應(yīng)的移動(dòng)友好測(cè)試工具
- MobiReady移動(dòng)友好檢查器
- Urlitor
- 瀏覽器堆棧
- 排名觀察
- Google的PageSpeed Insights
記?。?/strong>適合移動(dòng)設(shè)備瀏覽的網(wǎng)站排名高于不適合移動(dòng)網(wǎng)站的網(wǎng)站。
在進(jìn)行轉(zhuǎn)化率優(yōu)化時(shí)， 您應(yīng)該記住，網(wǎng)頁(yè)設(shè)計(jì)在將流量轉(zhuǎn)化為利潤(rùn)方面發(fā)揮著重要作用。 請(qǐng)按照上面提供的提示操作，以防止您的網(wǎng)站出現(xiàn)較高的跳出率。
也許是時(shí)候重新設(shè)計(jì)您的網(wǎng)站了。 DevriX可以幫助您根據(jù)技術(shù)規(guī)范構(gòu)建定制的定制解決方案。 提交您的提案或請(qǐng)求一個(gè)完整的發(fā)現(xiàn)會(huì)話，以確定您的要求并評(píng)估您的業(yè)務(wù)需求。
瀏覽更多：開(kāi)發(fā)市場(chǎng)營(yíng)銷教程WordPress開(kāi)發(fā)
博客寫作與內(nèi)容創(chuàng)作
我們的營(yíng)銷團(tuán)隊(duì)負(fù)責(zé)在DevriX網(wǎng)站和社交媒體資料上創(chuàng)建內(nèi)容。 我們可以為您提供內(nèi)容制作和營(yíng)銷服務(wù)， 太：鏈接。 聯(lián)系我們以立即啟動(dòng)您的入站營(yíng)銷保持器。
