這個(gè)問(wèn)題經(jīng)常出現(xiàn)。當(dāng)然，答案會(huì)有所不同。我們10多年前建的網(wǎng)站現(xiàn)在還在運(yùn)行。我們不建議讓你的網(wǎng)站達(dá)到10年，但是，你絕對(duì)可以得到你的錢(qián)的價(jià)值與一個(gè)良好的網(wǎng)站建設(shè)。

我去尋找關(guān)于網(wǎng)站平均保質(zhì)期的資源來(lái)分享。答案到處都是，所以從我們的經(jīng)歷中分享更有意義。

網(wǎng)站基礎(chǔ)設(shè)施和機(jī)制

HTML / CSS框架

一個(gè)網(wǎng)站長(zhǎng)壽的因素之一是它內(nèi)部的質(zhì)量，也就是內(nèi)臟。所有的網(wǎng)站都以HTML/CSS開(kāi)始。這是組成網(wǎng)站視覺(jué)效果和界面元素的樣式和結(jié)構(gòu)的代碼。

CSS框架，如Bootstrap，是一個(gè)預(yù)構(gòu)建的CSS, JavaScript和HTML代碼的集合，可以操縱來(lái)實(shí)現(xiàn)設(shè)計(jì)和功能元素，你想從一個(gè)網(wǎng)站。隨著瀏覽器的改進(jìn)，框架也在進(jìn)步。

你的網(wǎng)站可能是建立在舊版本的Bootstrap或其他框架，這意味著你的網(wǎng)站不是最佳的用戶(hù)體驗(yàn)?？蚣芨峦ǔ?huì)使網(wǎng)站性能更好，特別是在多種分辨率和多種設(shè)備類(lèi)型下。

這些更新還可以使您的站點(diǎn)更快，因?yàn)椴樵?xún)數(shù)量有限，因?yàn)楦?，更快的編碼技術(shù)。

PHP和JavaScript框架

就像HTML/CSS框架，PHP和JavaScript框架將推出定期更新。例如，我們將經(jīng)常使用一個(gè)名為L(zhǎng)aravel的PHP框架。Laravel是一個(gè)開(kāi)源框架，這意味著任何人都可以下載并使用它來(lái)構(gòu)建網(wǎng)站和定制應(yīng)用程序。

使用Laravel或Cake等框架，甚至是JQuery等JavaScript框架構(gòu)建的系統(tǒng)和網(wǎng)站將在幾年內(nèi)過(guò)時(shí)。運(yùn)行過(guò)時(shí)的框架可能意味著存在安全漏洞，而且肯定意味著性能低下。

大多數(shù)營(yíng)銷(xiāo)人員并不關(guān)心這些框架和/或如何創(chuàng)建一個(gè)網(wǎng)站。但是，您應(yīng)該關(guān)心安全性和性能。你知道為什么嗎?因?yàn)楣雀杩隙ㄔ诤?。網(wǎng)站的表現(xiàn)也會(huì)影響其排名。

你知道還有誰(shuí)在乎嗎?你的目標(biāo)讀者!他們并不關(guān)心你的網(wǎng)站是否使用了最新的框架，但是如果你的網(wǎng)站沒(méi)有填滿(mǎn)空間并表現(xiàn)得像你競(jìng)爭(zhēng)對(duì)手的更現(xiàn)代的網(wǎng)站，他們會(huì)注意到的。

內(nèi)容管理系統(tǒng)、插件和其他軟件

內(nèi)容管理系統(tǒng)(CMS)在當(dāng)前的數(shù)字營(yíng)銷(xiāo)環(huán)境中至關(guān)重要。如果沒(méi)有CMS，你要么是在一個(gè)內(nèi)部編碼員上花了太多錢(qián)，要么就是依賴(lài)于像我們這樣的公司來(lái)對(duì)你的網(wǎng)站進(jìn)行每一次修改。

我和公司內(nèi)部的程序員沒(méi)有矛盾。我們當(dāng)然不會(huì)拒絕任何需要修改網(wǎng)站的人。但是，在這樣做的時(shí)候，我們總是提到對(duì)CMS的需要。

你絕對(duì)不想讓內(nèi)容編輯變得困難。

內(nèi)容對(duì)于SEO和UX仍然很重要。這是價(jià)值所在，是任何優(yōu)秀網(wǎng)站的秘密武器。

CMS和框架一樣，也是一種軟件。軟件也需要升級(jí)。我們是一個(gè)開(kāi)源商店，這意味著我們?cè)陂_(kāi)源CMS上建立網(wǎng)站，比如WordPress或Drupal。還有其他的，但這些已被證明是最可靠和最容易與我們的終端和我們的客戶(hù)工作。

運(yùn)行舊版本的CMS可能意味著，是的，你猜對(duì)了，功能退化，安全漏洞和網(wǎng)站性能。這將影響你的SEO、UX和轉(zhuǎn)化率。所以，讓你的CMS與時(shí)俱進(jìn)吧!

但是，網(wǎng)站的設(shè)計(jì)呢?

所以，現(xiàn)在我們已經(jīng)解決了所有無(wú)聊但重要的代碼問(wèn)題，讓我們來(lái)談?wù)動(dòng)腥さ臇|西，即“外觀(guān)和感覺(jué)”。“俗話(huà)怎么說(shuō)?”

你永遠(yuǎn)不會(huì)有第二次機(jī)會(huì)給人留下第一印象!

所以正確的。而這種印象是在幾秒鐘(甚至幾毫秒)內(nèi)產(chǎn)生的。在點(diǎn)擊單個(gè)鏈接或閱讀一個(gè)單詞之前，您的組織將被判斷。別相信我的話(huà)……

“用戶(hù)大約需要50毫秒(0.05秒)就能對(duì)你的網(wǎng)站形成看法，決定他們是否喜歡你的網(wǎng)站，決定他們會(huì)留下還是離開(kāi)。”——https://www.sweor.com/firstimpressions

想想你自己的上網(wǎng)經(jīng)歷。有多少次你從搜索結(jié)果中的一個(gè)鏈接或列表進(jìn)入一個(gè)網(wǎng)站，然后立即點(diǎn)擊離開(kāi)?你為什么要這么做?這里有一些可能的原因…

它沒(méi)有正確加載或根本沒(méi)有加載(見(jiàn)上文)

你用的是移動(dòng)設(shè)備，但網(wǎng)站卻停留在2005年

有太多讓人分心的事情或者信息超載

只是感覺(jué)不安全

我是說(shuō)，這很丑，無(wú)意冒犯

有時(shí)候，所有這些原因在你意識(shí)到你已經(jīng)選擇了后退按鈕之前就已經(jīng)在你的腦海中跳躍了。

你可以把設(shè)計(jì)分成兩類(lèi)…

視覺(jué)驗(yàn)證

UI / UX

視覺(jué)驗(yàn)證(快速判斷)

我來(lái)對(duì)地方了嗎?顏色、圖像和布局可以直接影響用戶(hù)的去留決定。我們總是使用視覺(jué)線(xiàn)索來(lái)知道去哪里和做什么:停車(chē)標(biāo)志，紅燈/綠燈，等等。

網(wǎng)站的設(shè)計(jì)也不例外。

色彩和意象為主題奠定了基礎(chǔ)。顏色也可以很時(shí)髦。例如，看看我們2010年和2014年的網(wǎng)站。太多的不同。兩個(gè)版本都得到了很多稱(chēng)贊。

較深的舊版本使用了大量的深大地色調(diào)和紋理。這在當(dāng)時(shí)非常流行?，F(xiàn)在，沒(méi)有那么多了。但是，也許這種趨勢(shì)很快就會(huì)卷土重來(lái)，這樣我們就可以為自己節(jié)省一點(diǎn)設(shè)計(jì)時(shí)間。