申永祥-SEO創(chuàng)業(yè)：網(wǎng)站設(shè)計(jì)越簡單越好
申永祥-SEO創(chuàng)業(yè)系列內(nèi)容推薦：
- 申永祥-SEO創(chuàng)業(yè)：準(zhǔn)備工作和內(nèi)容來源
- 申永祥-SEO創(chuàng)業(yè)：域名注冊
- 申永祥-SEO創(chuàng)業(yè)：通過SEO創(chuàng)造一個成功網(wǎng)站的條件
- 申永祥-SEO創(chuàng)業(yè)：網(wǎng)站設(shè)計(jì)越簡單越好
在我們設(shè)計(jì)想通過SEO的方式來創(chuàng)造一個成功的網(wǎng)站需要，需要具備四個要素，第一個要素是用戶需求;第二個要素是網(wǎng)站程序;第三個要素是網(wǎng)站內(nèi)容;第四個要素是懂SEO的運(yùn)營。
那今天我們就來講的就是網(wǎng)站程序，那網(wǎng)站程序他在總體的策劃上，就是建議網(wǎng)站設(shè)計(jì)越簡單越好。
那從這三個方面來解釋什么叫做越簡單越好!
網(wǎng)站設(shè)計(jì)一、代碼精簡
1、 遠(yuǎn)離那些太重的因素：flash、table、JavaScript等;
比如說flash，有一些傳統(tǒng)的企業(yè)她的首頁做得非常大氣，于是就放一個很大的flash動畫，那這種網(wǎng)站它對搜索引擎的優(yōu)化性就非常差。
另外一個呢，就是在頁面上盡量少地采用table的方式來表達(dá)表格，那這種在代碼里面放table表格，對搜索引擎的友好性也會比較差。就是搜索引擎不容易抓取到頁面上的表格內(nèi)的這個內(nèi)容。
有一些大型的網(wǎng)站，為了頁面的功能非常的炫，會采用很多的JavaScript的js代碼，我們建議在頁面上js代碼盡量要少一些，盡量控制在八個之內(nèi)。
2、 采用DIV+CSS來架構(gòu)網(wǎng)站;
那一個網(wǎng)站，他的這個內(nèi)容里面有代碼，里面往往包含著核心的內(nèi)容和樣式，所謂樣式就是用來控制頁面上的文字內(nèi)容和圖片，他們的呈現(xiàn)方式包括圖片的大小，字體的顏色，大小和間距等等這些樣式。
那如果說我們把一個頁面里面的內(nèi)容和樣式，同時放在源代碼里面的話，就會讓我們那些核心的內(nèi)容淹沒在大量的源代碼里，對搜索引擎抓取核心內(nèi)容不是非常的便利。
所以為了讓搜索引擎更加的方便抓取到我們的網(wǎng)站的內(nèi)容來分析，我們就建議把我們頁面里面的那些用來表現(xiàn)樣式的代碼，把它分離出去放到一個獨(dú)立的文件，叫做CSS的文件里，這種操作方式方法，我們在專業(yè)上就叫DIV+CSS。
采用DIV+CSS來架構(gòu)網(wǎng)，它是指頁面里面的核心內(nèi)容和樣式分離，這樣的話搜索引擎在抓取我們頁面的時候，它就重點(diǎn)看我們頁面的核心內(nèi)容，然后來分析我們核心內(nèi)容的關(guān)鍵字。
那我們來看一下，一個原代碼還好理解一下什么叫做這個CSS樣式比如說這是一個內(nèi)容，這是一個頁面，然后我們從這里面查看元素，我們就可以看到它他的這個源代碼，那從這個源代碼里面，我們可以看到它里面一個獨(dú)立的文件叫CSS，現(xiàn)在是我們點(diǎn)開之后，我們看到這里面都是在寫下這個是字體的大小、間距等。
這個是位置你看這里面的一獨(dú)立的文件，他專門用來表征我們頁面上字體、圖片、相關(guān)內(nèi)容，他們該如何呈現(xiàn)?那在我們的這個有代碼里面呢，他主要呈現(xiàn)的就是具體的內(nèi)容，這就是常用DIV+CSS方式來呈現(xiàn)我們的頁面，這樣的話，我們這個有代碼就顯得比較簡潔。
那剛才我們前面提到的這個table表格就像這樣，這是一個表格那你看一個個table，然后里面有個表格，正確的做法應(yīng)該是把這些表格等，這些樣式一起放入到CSS文件里，然后在這個有代碼里面看不出有個table這樣的一個字眼，這就是比較好的操作方式。
3、 遵循F型樹狀結(jié)構(gòu);
那網(wǎng)站的這個結(jié)構(gòu)，盡量的要采用F型，F(xiàn)型樹狀結(jié)構(gòu)是什么樣的呢?所謂F型值得就是一個網(wǎng)站的首頁看起來像F這個字母一樣，有一個上面一行導(dǎo)航，左側(cè)展示主要內(nèi)容，右側(cè)在于相應(yīng)的正文內(nèi)容，就像我們舉著兩個網(wǎng)站的歷史一樣。
比如說這個網(wǎng)站，咱們說話的首頁就是F的上面，也很這是F的左側(cè)一豎，然后就是相應(yīng)的右側(cè)的內(nèi)容。那這個結(jié)構(gòu)就是非常典型的F型的結(jié)果。
上面一行一般都是我們網(wǎng)站上面產(chǎn)品的分類，或者說文章的分類，或者說這是視頻，那就是視頻的分類，不管是列表頁面還是文章，頁面左側(cè)這個豎線的分類那保持不變的，那這樣的一個結(jié)構(gòu)就是叫做F型樹狀結(jié)構(gòu)。
那咱們很多朋友正在做的可能是一個普通企業(yè)網(wǎng)站，哪一個企業(yè)，一個工廠，它做一個網(wǎng)站的目的往往有兩個，一個是為了展示，有的時候出去開展會出去發(fā)傳單，或者出去發(fā)名片，需要在上面放一個單純只是為了展示這樣的網(wǎng)站，叫作展示型網(wǎng)站。
展展示型網(wǎng)站的客戶往往趁著我們的公司或者我們的域名來的，他對我們的網(wǎng)站是有忠誠度，但是如果說我們只是為了做SEO做的網(wǎng)站，這種網(wǎng)站叫做營銷型網(wǎng)站，營銷型網(wǎng)站帶來的這個用戶，他們是通過搜索引擎通過關(guān)鍵詞來到網(wǎng)站，他對我們的工作，對我們的這個網(wǎng)站是沒有任何忠誠度和和感知的。
他們通過搜索引擎來到我們的網(wǎng)站，只是非常直接的想要在我們網(wǎng)站上面找到他想要的產(chǎn)品或者服務(wù)，如果有他們就跟我們聯(lián)系，如果沒有他們就會在搜索你讓他去重新搜索，所以營銷型的網(wǎng)站，不要做的太復(fù)雜，應(yīng)該考慮越簡單越好。
網(wǎng)站設(shè)計(jì)二、功能冗余
綜合建議，我們就建議說營銷型的網(wǎng)站可以把下面這些可有可無的功能把它隱藏掉。
1、登錄、注冊、設(shè)置為首頁
比如說登錄、注冊、設(shè)為首頁，剛才我們說了營銷型網(wǎng)站往往帶來的用戶對我們的網(wǎng)站，對我們的公司是沒有忠誠的。是的，所以他們一般不會在我們的網(wǎng)站上面注冊，登錄，更不可能把我們的網(wǎng)站設(shè)置為自己的瀏覽器首頁，所以這幾個功能放在我們的網(wǎng)站上面是在浪費(fèi)，我們的位置或者說吸引用戶的注意點(diǎn)，要把它隱藏掉。
2、用戶留言評論、站內(nèi)搜索
那至于用戶留言評論和站內(nèi)搜索，要不要有呢?一般咱們國內(nèi)的這種普通的企業(yè)網(wǎng)站，我們分析了咱們的那么多的文章，我們發(fā)現(xiàn)大部分網(wǎng)站的留言板，或者說產(chǎn)品留言上面的內(nèi)容很多都是被人群發(fā)稍微質(zhì)量比較低的內(nèi)容，不是用戶真實(shí)的留言。
那如果我們發(fā)現(xiàn)我們網(wǎng)站上也有很多留言評論是低質(zhì)量內(nèi)容那這種情況下，我們就可以把這個評論產(chǎn)品、評論文章的評論功能給大家隱藏掉。
還有一個就是站內(nèi)搜索，因?yàn)橛脩敉粋€關(guān)鍵詞搜索來到我們的網(wǎng)站，它對我們的公司都我們的業(yè)務(wù)是沒有忠誠度的，他在網(wǎng)站上面如果不能很方便地看到我們的的產(chǎn)品的話，他可能就會走了，他不太可能在我們的網(wǎng)站上去搜索，可以從開發(fā)的這種成本的角度，如果說要節(jié)省成本，那就可以不用再做，在上面添加一個站內(nèi)
搜索的，這樣我們的網(wǎng)站的代碼顯得更加簡潔，開發(fā)成本更低。
當(dāng)然，如果你這個站內(nèi)搜索做得非常簡易，非常的容易實(shí)現(xiàn)，當(dāng)然你留著也沒有關(guān)系，綜合而言是一個不是那么干脆的功能。
網(wǎng)站設(shè)計(jì)三、程序簡單
那現(xiàn)在咱們想要做一個網(wǎng)站，該從何入手呢?那學(xué)了，咱們這個課程之后，你來重新做一個網(wǎng)站的時候就會變得非常簡單，以前我們想要做一個網(wǎng)站的時候，我們可能第一不會思考我們想要做這個網(wǎng)站，該具備哪些功能?該具備哪些模塊?應(yīng)具備什么樣的額呈現(xiàn)方式?
那現(xiàn)在呢，我們決定做一個網(wǎng)站的時候就不用考慮的那么復(fù)雜，咱們只要想清楚咱們要做這個網(wǎng)站，他是屬于什么類型的?
我們要做的是一個企業(yè)網(wǎng)站，還是一個網(wǎng)店系統(tǒng)呢?我們是要做一個論壇，還是還是要做一個人才招聘網(wǎng)站呢?我們只要想清楚我們所有這個網(wǎng)站它屬于什么類型?然后呢，現(xiàn)在在互聯(lián)網(wǎng)上在市場上針對每一個比較成熟的類型的網(wǎng)站，都已經(jīng)有非常完備的開源程序。
所謂開源程序，就是有一些公司，他的有一大半比較頂級的高級的程序員，他專門為某一類網(wǎng)站開發(fā)了，非常好的這個程序，然后免費(fèi)開放出用代碼出來，大家可以直接下載安裝來使用，那這種下載安裝使用，一般都是免費(fèi)的。
那么我們下載了某一個程序之后安裝起來就會是某一類的網(wǎng)站，只是這個網(wǎng)站，他現(xiàn)在看起來是一個比較普通樸素的一個模板，那我們?nèi)绻f想要把它做得更加美觀的話，我們?nèi)W(xué)習(xí)只有在他們的官方網(wǎng)站或者說淘寶里面，或者說百度里面
去找這個開源程序的模板。
就好像我們在淘寶上開一個淘寶店，剛開始的時候界面非常簡單樸素，那我們可以通過裝修，把它做得非常美觀，那開通空間也是差不多類似這樣的道理，所以經(jīng)常有些朋友說他不會建站，不懂得建站到底怎么回事?那我就會問，他說你覺得開阿里巴巴店鋪開淘寶店難度怎么樣?他說這個很容易，他都會裝修，那我就說你如果這個都覺得很容易的話，你自己去建一個網(wǎng)站，讓我們推薦你去看下程序去做的話也會覺得很簡單。
而且用自己獨(dú)立這個程序建的網(wǎng)站，那個能夠操作的地方，更加的多會做出來更滿足自己的需求的個性化的功能。
比如說企業(yè)網(wǎng)站，我們可以采用yiqicms，然后如果想要下載這個一起yiqicms就可以在百度上搜yiqicms。還看到下載的地方可以看到安裝的說明，還可以看到一些免費(fèi)的模板，也可以看到一些用這個程序做的一些網(wǎng)站的案例。
同樣的道理，我們?nèi)绻胍鲆粋€個人博客，我們可以采用WordPress，可以說對搜索引擎最友好的一個程序的，所以我們?nèi)绻麆倓傞_始建站，不知道要做什么的話，我就建議先從做一個個人的博客開始，我自己本人最開始學(xué)建站就是從做個人博客開始那我的配置這個開始程程序。
他對網(wǎng)站程序模板和插件的分離做得非常的優(yōu)秀，通過研究就是我們能夠很好地來理解一個網(wǎng)站，它的構(gòu)成形式是什么樣?把他搞明白了，以后了解其他的一些程序也都已經(jīng)不再是問題了。
想要做網(wǎng)店系統(tǒng)就可以使用shopex系統(tǒng)，她想要做電子商務(wù)可以在淘寶里面開個店，但是這個店是淘寶上的，現(xiàn)在上面進(jìn)行非常齊全，不是基本上不賺錢，大家價格都搞得很低，那現(xiàn)在百度有很多的時候，對產(chǎn)品的需求，于是他想要做一個網(wǎng)店放在百度上，讓人能夠搜索到這種情況下呢，就需要去注冊一個域名用需要，嚴(yán)格式這個開源程序來創(chuàng)建一個網(wǎng)店系統(tǒng)，它做出來的網(wǎng)站就像京東和當(dāng)當(dāng)一樣，那shopex和ecshop現(xiàn)在是同一家，他是在國內(nèi)的這個獨(dú)立商城里面程序做的比較比較好的。
那剛才所說的這幾個開源程序我們安裝完了之后，可以在淘寶上面搜一下這些程序的名字，可以看到一些人開發(fā)的一些比較好的模板，然后很低的價格在銷售，所以我們可以給他買這樣的話，我們創(chuàng)建一個網(wǎng)站的成本就變得非常低。
那有些同學(xué)說用這些開源程序建站的流程，他還不太會那網(wǎng)上就有非常多的這種建造視頻都是免費(fèi)的，有很多免費(fèi)開源系統(tǒng)課程。
花上一天兩天的時間通過視頻就能夠把一個很好的這個網(wǎng)站搭建起來，那這些網(wǎng)站搭建起來之后呢?這些程序，她本身就非常滿足咱們所說的網(wǎng)站設(shè)計(jì)要越簡單越好的原則，所以我們現(xiàn)在建一個網(wǎng)站就變得非常的簡單，不需要我們?nèi)ニ伎继嗟墓δ堋?/p>
我們需要做的只是學(xué)會安裝，學(xué)會選擇就可以了。
