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