申永祥-SEO創業:網站設計越簡單越好
申永祥-SEO創業系列內容推薦:
在我們設計想通過SEO的方式來創造一個成功的網站需要,需要具備四個要素,第一個要素是用戶需求;第二個要素是網站程序;第三個要素是網站內容;第四個要素是懂SEO的運營。
那今天我們就來講的就是網站程序,那網站程序他在總體的策劃上,就是建議網站設計越簡單越好。
那從這三個方面來解釋什么叫做越簡單越好!
網站設計一、代碼精簡
1、 遠離那些太重的因素:flash、table、JavaScript等;
比如說flash,有一些傳統的企業她的首頁做得非常大氣,于是就放一個很大的flash動畫,那這種網站它對搜索引擎的優化性就非常差。
另外一個呢,就是在頁面上盡量少地采用table的方式來表達表格,那這種在代碼里面放table表格,對搜索引擎的友好性也會比較差。就是搜索引擎不容易抓取到頁面上的表格內的這個內容。
有一些大型的網站,為了頁面的功能非常的炫,會采用很多的JavaScript的js代碼,我們建議在頁面上js代碼盡量要少一些,盡量控制在八個之內。
2、 采用DIV+CSS來架構網站;
那一個網站,他的這個內容里面有代碼,里面往往包含著核心的內容和樣式,所謂樣式就是用來控制頁面上的文字內容和圖片,他們的呈現方式包括圖片的大小,字體的顏色,大小和間距等等這些樣式。
那如果說我們把一個頁面里面的內容和樣式,同時放在源代碼里面的話,就會讓我們那些核心的內容淹沒在大量的源代碼里,對搜索引擎抓取核心內容不是非常的便利。
所以為了讓搜索引擎更加的方便抓取到我們的網站的內容來分析,我們就建議把我們頁面里面的那些用來表現樣式的代碼,把它分離出去放到一個獨立的文件,叫做CSS的文件里,這種操作方式方法,我們在專業上就叫DIV+CSS。
采用DIV+CSS來架構網,它是指頁面里面的核心內容和樣式分離,這樣的話搜索引擎在抓取我們頁面的時候,它就重點看我們頁面的核心內容,然后來分析我們核心內容的關鍵字。
那我們來看一下,一個原代碼還好理解一下什么叫做這個CSS樣式比如說這是一個內容,這是一個頁面,然后我們從這里面查看元素,我們就可以看到它他的這個源代碼,那從這個源代碼里面,我們可以看到它里面一個獨立的文件叫CSS,現在是我們點開之后,我們看到這里面都是在寫下這個是字體的大小、間距等。
這個是位置你看這里面的一獨立的文件,他專門用來表征我們頁面上字體、圖片、相關內容,他們該如何呈現?那在我們的這個有代碼里面呢,他主要呈現的就是具體的內容,這就是常用DIV+CSS方式來呈現我們的頁面,這樣的話,我們這個有代碼就顯得比較簡潔。
那剛才我們前面提到的這個table表格就像這樣,這是一個表格那你看一個個table,然后里面有個表格,正確的做法應該是把這些表格等,這些樣式一起放入到CSS文件里,然后在這個有代碼里面看不出有個table這樣的一個字眼,這就是比較好的操作方式。
3、 遵循F型樹狀結構;
那網站的這個結構,盡量的要采用F型,F型樹狀結構是什么樣的呢?所謂F型值得就是一個網站的首頁看起來像F這個字母一樣,有一個上面一行導航,左側展示主要內容,右側在于相應的正文內容,就像我們舉著兩個網站的歷史一樣。
比如說這個網站,咱們說話的首頁就是F的上面,也很這是F的左側一豎,然后就是相應的右側的內容。那這個結構就是非常典型的F型的結果。
上面一行一般都是我們網站上面產品的分類,或者說文章的分類,或者說這是視頻,那就是視頻的分類,不管是列表頁面還是文章,頁面左側這個豎線的分類那保持不變的,那這樣的一個結構就是叫做F型樹狀結構。
那咱們很多朋友正在做的可能是一個普通企業網站,哪一個企業,一個工廠,它做一個網站的目的往往有兩個,一個是為了展示,有的時候出去開展會出去發傳單,或者出去發名片,需要在上面放一個單純只是為了展示這樣的網站,叫作展示型網站。
展展示型網站的客戶往往趁著我們的公司或者我們的域名來的,他對我們的網站是有忠誠度,但是如果說我們只是為了做SEO做的網站,這種網站叫做營銷型網站,營銷型網站帶來的這個用戶,他們是通過搜索引擎通過關鍵詞來到網站,他對我們的工作,對我們的這個網站是沒有任何忠誠度和和感知的。
他們通過搜索引擎來到我們的網站,只是非常直接的想要在我們網站上面找到他想要的產品或者服務,如果有他們就跟我們聯系,如果沒有他們就會在搜索你讓他去重新搜索,所以營銷型的網站,不要做的太復雜,應該考慮越簡單越好。
網站設計二、功能冗余
綜合建議,我們就建議說營銷型的網站可以把下面這些可有可無的功能把它隱藏掉。
1、登錄、注冊、設置為首頁
比如說登錄、注冊、設為首頁,剛才我們說了營銷型網站往往帶來的用戶對我們的網站,對我們的公司是沒有忠誠的。是的,所以他們一般不會在我們的網站上面注冊,登錄,更不可能把我們的網站設置為自己的瀏覽器首頁,所以這幾個功能放在我們的網站上面是在浪費,我們的位置或者說吸引用戶的注意點,要把它隱藏掉。
2、用戶留言評論、站內搜索
那至于用戶留言評論和站內搜索,要不要有呢?一般咱們國內的這種普通的企業網站,我們分析了咱們的那么多的文章,我們發現大部分網站的留言板,或者說產品留言上面的內容很多都是被人群發稍微質量比較低的內容,不是用戶真實的留言。
那如果我們發現我們網站上也有很多留言評論是低質量內容那這種情況下,我們就可以把這個評論產品、評論文章的評論功能給大家隱藏掉。
還有一個就是站內搜索,因為用戶同一個關鍵詞搜索來到我們的網站,它對我們的公司都我們的業務是沒有忠誠度的,他在網站上面如果不能很方便地看到我們的的產品的話,他可能就會走了,他不太可能在我們的網站上去搜索,可以從開發的這種成本的角度,如果說要節省成本,那就可以不用再做,在上面添加一個站內
搜索的,這樣我們的網站的代碼顯得更加簡潔,開發成本更低。
當然,如果你這個站內搜索做得非常簡易,非常的容易實現,當然你留著也沒有關系,綜合而言是一個不是那么干脆的功能。
網站設計三、程序簡單

那現在咱們想要做一個網站,該從何入手呢?那學了,咱們這個課程之后,你來重新做一個網站的時候就會變得非常簡單,以前我們想要做一個網站的時候,我們可能第一不會思考我們想要做這個網站,該具備哪些功能?該具備哪些模塊?應具備什么樣的額呈現方式?
那現在呢,我們決定做一個網站的時候就不用考慮的那么復雜,咱們只要想清楚咱們要做這個網站,他是屬于什么類型的?
我們要做的是一個企業網站,還是一個網店系統呢?我們是要做一個論壇,還是還是要做一個人才招聘網站呢?我們只要想清楚我們所有這個網站它屬于什么類型?然后呢,現在在互聯網上在市場上針對每一個比較成熟的類型的網站,都已經有非常完備的開源程序。
所謂開源程序,就是有一些公司,他的有一大半比較頂級的高級的程序員,他專門為某一類網站開發了,非常好的這個程序,然后免費開放出用代碼出來,大家可以直接下載安裝來使用,那這種下載安裝使用,一般都是免費的。
那么我們下載了某一個程序之后安裝起來就會是某一類的網站,只是這個網站,他現在看起來是一個比較普通樸素的一個模板,那我們如果說想要把它做得更加美觀的話,我們去學習只有在他們的官方網站或者說淘寶里面,或者說百度里面
去找這個開源程序的模板。
就好像我們在淘寶上開一個淘寶店,剛開始的時候界面非常簡單樸素,那我們可以通過裝修,把它做得非常美觀,那開通空間也是差不多類似這樣的道理,所以經常有些朋友說他不會建站,不懂得建站到底怎么回事?那我就會問,他說你覺得開阿里巴巴店鋪開淘寶店難度怎么樣?他說這個很容易,他都會裝修,那我就說你如果這個都覺得很容易的話,你自己去建一個網站,讓我們推薦你去看下程序去做的話也會覺得很簡單。
而且用自己獨立這個程序建的網站,那個能夠操作的地方,更加的多會做出來更滿足自己的需求的個性化的功能。
比如說企業網站,我們可以采用yiqicms,然后如果想要下載這個一起yiqicms就可以在百度上搜yiqicms。還看到下載的地方可以看到安裝的說明,還可以看到一些免費的模板,也可以看到一些用這個程序做的一些網站的案例。
同樣的道理,我們如果想要做一個個人博客,我們可以采用WordPress,可以說對搜索引擎最友好的一個程序的,所以我們如果剛剛開始建站,不知道要做什么的話,我就建議先從做一個個人的博客開始,我自己本人最開始學建站就是從做個人博客開始那我的配置這個開始程程序。
他對網站程序模板和插件的分離做得非常的優秀,通過研究就是我們能夠很好地來理解一個網站,它的構成形式是什么樣?把他搞明白了,以后了解其他的一些程序也都已經不再是問題了。
想要做網店系統就可以使用shopex系統,她想要做電子商務可以在淘寶里面開個店,但是這個店是淘寶上的,現在上面進行非常齊全,不是基本上不賺錢,大家價格都搞得很低,那現在百度有很多的時候,對產品的需求,于是他想要做一個網店放在百度上,讓人能夠搜索到這種情況下呢,就需要去注冊一個域名用需要,嚴格式這個開源程序來創建一個網店系統,它做出來的網站就像京東和當當一樣,那shopex和ecshop現在是同一家,他是在國內的這個獨立商城里面程序做的比較比較好的。
那剛才所說的這幾個開源程序我們安裝完了之后,可以在淘寶上面搜一下這些程序的名字,可以看到一些人開發的一些比較好的模板,然后很低的價格在銷售,所以我們可以給他買這樣的話,我們創建一個網站的成本就變得非常低。
那有些同學說用這些開源程序建站的流程,他還不太會那網上就有非常多的這種建造視頻都是免費的,有很多免費開源系統課程。
花上一天兩天的時間通過視頻就能夠把一個很好的這個網站搭建起來,那這些網站搭建起來之后呢?這些程序,她本身就非常滿足咱們所說的網站設計要越簡單越好的原則,所以我們現在建一個網站就變得非常的簡單,不需要我們去思考太多的功能。
我們需要做的只是學會安裝,學會選擇就可以了。