您應(yīng)該了解兩個基本知識。優(yōu)質(zhì)的網(wǎng)頁設(shè)計和獨特的內(nèi)容
網(wǎng)站的設(shè)計對轉(zhuǎn)換而言比您想象的要重要。一個在視覺上對訪問者沒有吸引力的網(wǎng)站很快就被留下了-內(nèi)容決定了其余部分!
例如,您是否知道意識在1/10秒內(nèi)對人產(chǎn)生了第一印象?-使用網(wǎng)站,您只需50毫秒即可!
您可以這樣想象:產(chǎn)品的設(shè)計和外觀取代了市區(qū)商店的櫥窗。有趣的產(chǎn)品以裝飾性方式展示,并應(yīng)鼓勵游客進(jìn)入商店。在網(wǎng)絡(luò)上,裝飾就是設(shè)計,產(chǎn)品就是內(nèi)容。因此,內(nèi)容和設(shè)計構(gòu)成了成功的網(wǎng)站。
為了使很多人都能找到商店,交易員更喜歡市中心的行人專用區(qū),在網(wǎng)絡(luò)上,它們被搜索引擎中的良好定位所取代,因此提供了大量的訪問量。
優(yōu)質(zhì)網(wǎng)頁設(shè)計的提示和技巧
視覺層次結(jié)構(gòu)使網(wǎng)頁設(shè)計更好
當(dāng)您的網(wǎng)站訪問者立即看到您網(wǎng)站最重要的內(nèi)容和功能以及在何處找到它們時,可以獲得良好的視覺層次結(jié)構(gòu)。
在此示例中,亞馬遜用更明顯的顏色突出顯示了“添加到購物車”按鈕,因為它比“添加到收藏夾列表”按鈕更重要。
通過位置,大小和顏色完成此內(nèi)容的增強。因此,重要內(nèi)容必須具有適當(dāng)?shù)拇笮?,顏色?yīng)突出并且乍一看即可。
因此,您需要確切了解網(wǎng)站追求的目標(biāo)。例如,如果是信息頁面,則應(yīng)突出顯示最重要的主題。另一方面,如果您提供產(chǎn)品,則必須設(shè)計網(wǎng)站,以便訪問者可以快速找到產(chǎn)品,其聯(lián)系方式并立即了解如何訂購。
根據(jù)目標(biāo),網(wǎng)站的某些部分比其他部分(文本,表單,購買按鈕,圖像等)更重要,這些部分應(yīng)比最不重要的部分引起更多關(guān)注。
公司目標(biāo)使網(wǎng)站設(shè)計更加清晰
做出的最重要的業(yè)務(wù)目標(biāo)清單。例如,如果目標(biāo)是利潤最大化,則突出顯示具有最高利潤的產(chǎn)品可能會很有用。如果要增加銷售額,則應(yīng)突出顯示最常購買的產(chǎn)品。
定期分析,監(jiān)視和優(yōu)化對于充分利用您的網(wǎng)站至關(guān)重要。
?
黃金比例φ
在照片上,您可以看到黃金比例φ或神圣比例的圖示:1.618
還有斐波那契數(shù)列,其中每個項都定義為前面兩個項的和:0、1、1、1、2、3、3、5、8、13、21等。有趣的是,我們有兩個看似獨立的主題,它們產(chǎn)生的數(shù)字完全相同。
許多藝術(shù)家和建筑師已經(jīng)按比例分配他們的作品以接近黃金分割。一個著名的例子是古希臘建造的萬神殿,可以在這里看到:
但是,這些數(shù)字或模型與網(wǎng)頁設(shè)計有什么關(guān)系?
因此,請看一下Twitter:
?這是Twitter首席創(chuàng)意官的評論:
“如果您對#NewTwitter的比例感興趣,請知道我們并沒有給這些比例帶來機會,而只是為用戶界面的最薄版本提供了機會如果瀏覽器窗口變寬,則細(xì)節(jié)區(qū)域?qū)⒎糯笠燥@示更大的視圖。這將刪除比例。但是,最窄的寬度顯示了我們的起點。
??怂苟?/h3>
??硕苫蛳?恕ずB墒且粋€模型,該模型根據(jù)用戶可用的選擇數(shù)量來描述用戶做出決策所需的時間。
每個其他選擇都會增加做出決定所需的時間。
該法律的效力例如在飯店中得到體現(xiàn)。大菜單使決策更加困難,選擇時間更長。這聽起來像是選擇的悖論-?您給人們的選擇越多,他們就越容易做出決定而不做任何決定。
想象一下正在尋找洗碗機。如果只有三個洗碗機可供選擇,則可以在很短的時間內(nèi)找出所有詳細(xì)信息,選擇一個洗碗機并訂購。但是,如果您在20臺洗碗機之間進(jìn)行選擇,則可以推遲購買,因為選擇范圍很廣,而且您擔(dān)心選擇錯誤,因此無法對所有這些機器進(jìn)行相同強度的處理。因此,是否在以后再次訪問同一網(wǎng)站以及是否在該網(wǎng)站進(jìn)行購買,存在疑問。
同樣,這對您的網(wǎng)站意味著:您為網(wǎng)站的訪問者提供的選擇越多,他們做出選擇的難度就越大。因此,為了防止訪問者快速離開您的站點,選擇范圍應(yīng)盡可能小。
那么后果是什么?
一個僅提供三種產(chǎn)品的網(wǎng)站?不幸的是,這并不是一件容易的事,畢竟,大量的選擇可以確保有盡可能多的不同人找到他們想要的產(chǎn)品。
解決方案是提供許多產(chǎn)品或內(nèi)容,但允許訪問者快速找到他們想要的東西。
一個很好的例子是autoscout24.com。在許多情況下,您不想要任何一輛汽車,因此您可以選擇自己選擇的品牌和型號,例如,可以選擇6000輛汽車。您不想看這6000輛車,對嗎?因此,您輸入更多詳細(xì)信息(最大KM級,初始注冊,燃油,變速器類型,價格范圍,顏色,設(shè)備,位置等),然后突然,只有五輛符合您所有條件的車輛顯示出來,并且選擇對您來說要容易得多。
在無休止的選擇時代,人們需要更好的過濾器!如果您銷售大量產(chǎn)品,請?zhí)砑痈玫倪^濾器以方便決策。
三分法則
早就知道圖像和圖形會使內(nèi)容更加生動,但是三分法則規(guī)定了如何以最佳方式排列它們:圖像必須分為九個相等的部分(通過它們相等的水平線和兩條相等的垂直線)。特殊的設(shè)計元素應(yīng)放在線條上或交叉點處,以使圖像更加平衡并吸引觀看者的注意。
實際上,人眼傾向于沿著這些線并更靠近它們的交點而不是圖像的中心。這些線也稱為力線,它們的交點定義為圖像的力。
除三分法則外,還有其他規(guī)則,例如菲茨定律,形式心理學(xué),對稱定律等。但是,為了不使此博客文章更長,我們在此將不對其進(jìn)行詳細(xì)介紹。要了解更多信息,您可以點擊鏈接。
現(xiàn)成的網(wǎng)頁設(shè)計:模板和主題
模板或主題是預(yù)制的隨時可用的網(wǎng)站模板??稍赥emplate Monster或Theme Forest等網(wǎng)站上購買,價格約為50歐元。
優(yōu)勢顯而易見:已經(jīng)預(yù)制了用于正確顯示主題網(wǎng)頁的Web設(shè)計和瀏覽器源代碼的開發(fā)。
在內(nèi)容管理系統(tǒng)上的安裝很簡單。安裝用于網(wǎng)站配置和配置的插件和模塊,然后構(gòu)成網(wǎng)站的功能。
定制網(wǎng)頁設(shè)計
定制網(wǎng)站的設(shè)計完全符合客戶要求。這些網(wǎng)站是獨特的作品,可讓客戶與競爭對手區(qū)分開來。
4個量身定制的網(wǎng)頁設(shè)計階段
模板和主題的優(yōu)缺點
好處
降低成本
圖形設(shè)計和HTML / CSS3集成已經(jīng)完成
SPEED
基于現(xiàn)成模板的網(wǎng)站可以快速上線,選擇主題或模板的客戶可以知道其限制。
缺點
缺乏個性
許多其他站點很可能具有相同的演示文稿。許多頁面是相似的。
剛性設(shè)計
頁面模板不一定適合客戶端的內(nèi)容和/或活動。
自定義網(wǎng)頁設(shè)計的優(yōu)缺點
好處
高效率
該網(wǎng)站在視覺呈現(xiàn)和內(nèi)容交流方面均100%適應(yīng)了客戶的需求。該演示文稿是原創(chuàng)且獨特的。這樣的展示會通過其專業(yè)和原創(chuàng)的展示(櫥窗購物)來增強公司的聲譽。
靈活的設(shè)計
設(shè)計是靈活的,它完美地適應(yīng)了所呈現(xiàn)的內(nèi)容,因為它是從要在網(wǎng)站上傳達(dá)的內(nèi)容,客戶的活動,徽標(biāo)和公司標(biāo)識演變而來的。
缺點
費用
圖形設(shè)計和HTML / CSS3集成已添加到網(wǎng)站預(yù)算中。
SPEED
一個單獨的網(wǎng)站需要更多的時間,因為創(chuàng)建階段是一個迭代過程,從某種意義上說,每個設(shè)計都必須由客戶驗證或可以更改。
內(nèi)容是SEO之王
如今,獨特而高質(zhì)量的內(nèi)容對于在Google等搜索引擎中獲得良好引用至關(guān)重要。
盡管在互聯(lián)網(wǎng)的早期,用關(guān)鍵字填充的簡單頁面可以實現(xiàn)良好的定位,但是Google通過Panda,Penguin和Hummingbird等新更新確保了高質(zhì)量文本的評級更高。
“ Google在網(wǎng)絡(luò)上不使用元關(guān)鍵字”?-Matt Cutts(Google傳播者)
谷歌蜂鳥
蜂鳥的主要目標(biāo)之一是將語義搜索的概念轉(zhuǎn)化為現(xiàn)實-希望它最終成為研究規(guī)范。
在該示例中,向用戶而不是泰國的站點提供許多餐館。
內(nèi)容豐富,搜索引擎優(yōu)化更好。
相關(guān)內(nèi)容基于高質(zhì)量的文本。
網(wǎng)絡(luò)上的優(yōu)質(zhì)文字符合許多標(biāo)準(zhǔn)。對于Google等搜索引擎而言,獨特的內(nèi)容是排名中最重要的因素之一。
獨特內(nèi)容與?重復(fù)內(nèi)容:
唯一內(nèi)容的對立是重復(fù)內(nèi)容。重復(fù)內(nèi)容是指在多個網(wǎng)站上未更改發(fā)布的相同內(nèi)容。這意味著Google只會對具有最高權(quán)限的網(wǎng)站(例如,最早的來源或訪問者最多的網(wǎng)站)進(jìn)行排名。但是,內(nèi)容相同的域名將退回到原地,甚至完全退回從索引中刪除,因此只有具有唯一內(nèi)容的網(wǎng)站才能在搜索結(jié)果列表中得到很好的引用。
背景是Google只希望向用戶提供每個內(nèi)容一次。因為只有網(wǎng)站向訪問者提供新的相關(guān)內(nèi)容,它才會在網(wǎng)站上停留更長時間,并更有可能在網(wǎng)絡(luò)上分發(fā)其內(nèi)容!
一目了然:
高品質(zhì)網(wǎng)站的提示
最后是一些建議
SEO
自然或非付費參考
在社交媒體(例如Google Business,F(xiàn)acebook,LinkedIn等)中使用公司資料。不僅可以提高知名度,還可以通過其存在來提高公司的知名度。通過使用社交媒體,您將有機會免費提高排名。
如果您有很多正面評論,則業(yè)務(wù)列表還提供了收集評論的可能性,因此這也會對您網(wǎng)站的排名產(chǎn)生積極影響。