DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁SEO優化 >> SEO優化集錦 >> 岳浩:網站制作人員必備的“SEO三大法寶”
岳浩:網站制作人員必備的“SEO三大法寶”
編輯:SEO優化集錦     

越來越多的中小企業現在開始重視到企業網站這塊營銷平台了,很多企業管理人員也都不斷了解到什麼是搜索引擎優化(SEO)以及SEO能為網站帶來的好處。作為一個網站制作人員,如果你制作的網站能夠符合SEO,將會大大增加你個人的競爭力和附加值,結果你既能在同行中脫穎而出,也能獲得比原來更高的薪水。因為很多中小企業都希望自己的員工是復合型人才,最好一個人能做兩個人的事情。

SEO涉及的方面非常廣泛,但就對於網站制作人員來說,主要是三個大的方面:

一、制作的網站要符合W3C標准

1、網站采用XHTML 1.0 標准進行編碼

W3C組織目前將XHTML 1.0標准作為建議標准。按照這個標准進行網頁制作的最大好處就是能夠實現網頁在IE、Firefox和Opera等多個浏覽器中的兼容。對於一些外貿公司的網站尤為重要,因為在國外像firefox和opera這樣的浏覽器還占有一個相當的比例。如果你的網站顯示錯位,將會使別人對你們網站乃至企業的印象大打折扣。

2、使用DIV+CSS對網頁進行布局

在前幾年,表格的布局方式非常流行。因為表格具有制作速度快,容易掌握等優勢。但是隨時網站制作技術的不斷發展,表格排版越來越不符合SEO的精神了。因為利用表格排版,往往為了實現一個效果需要進行表格的反復嵌套,這樣會大大降低搜索引擎對內容的抓取率。而使用DIV+CSS排版好處很多:

第一,對於搜索引擎非常友好,能夠大大提高搜索引擎的抓取速度和抓取量。

第二,使得網站修改和維護變得更加容易。常常只需要對某個CSS樣式進行修改就能實現整體效果的改變。

第三,網站的下載速度和浏覽速度更快。因為采用DIV+CSS編碼,代碼量相對較小。

第四,采用這種方式編碼的網站,手機等便攜式設備能夠正常訪問。岳浩認為隨著3G的不斷普及,以後通過手機上網浏覽網頁絕對是個趨勢。如果你的網站能夠在手機中正常訪問,並提供一些相關的個性化服務,網站的競爭力就會大大增強。

3、完全實現結構和表現的分離

所謂“結構”就是HTML代碼,所謂“表現”就是CSS樣式。搜索引擎在讀取網站的時候往往只讀取HTML代碼,而像CSS代碼和JS代碼,搜索引擎是根本不看的。如果把大量CSS代碼也寫在HTML文檔中,會大大降低搜索引擎的讀取效率。所以一般情況下,建議把CSS寫在單獨的樣式表文件裡,如 style.css 這種文件中。一個結構明晰的HTML文檔,既便於網站制作人員的修改和維護,也便於搜索引擎的讀取。

二、網頁標簽的使用技巧

網站制作人員在排版過程中往往要使用大量的HTML標簽,而其中有些標簽對於SEO來說是非常重要的。

1、title標簽、description標簽和keywords標簽

這三個標簽都是設置一些具體的文字內容,這些內容的選擇往往由營銷人員根據網站提供的服務和產品以及用戶的搜索習慣來確定。這三個標簽的優化對於SEO來說是非常重要的,但是這一步需要和相關的網絡營銷人員來溝通完成。

2、H1等標題標簽的使用

H1是傳統的標題標簽,在CSS普及後,就很少用到了,因為標題的文字效果完全可由CSS樣式來控制實現。但是H1等標題標簽在SEO中的重要性卻絲毫沒有降低。H1、H2和H3等等都是屬於標題標簽,在頁面中所具有的權重也最高。岳浩給大家舉個例子,當搜索引擎進入到一個網站的頁面後,發現到了H1標簽,他就會覺得這個標簽的內容非常重要,如果是超鏈接,就會迫不及待的順著鏈接進去看看到底有什麼重要的內容。所以說H1指向的內容對於搜索引擎來說就是網站的重點內容,當然搜索引擎也會更加重視。因此制作人員應該把網站的關鍵詞和鏈接到重要頁面的錨文字嵌套在H1、H2等標簽中。

關於H1和H2等標題標簽的使用,有以下注意事項:

第一,H1、H2和H3都是屬於“標題”標簽,一定不要用在大段的文章內容中作為強調,否則會被認為是作弊的。這些標題既可以是內容頁的文章標題,也可是主頁上不同欄目的小標題,甚至是新聞列表標題。

第二,H1作為大標題標簽,建議1個頁面最多出現1次。H2和H3等標簽根據需要可以多出現幾次。從H1到H5,標簽的重要性對於搜索引擎來說是依次降低的。

3、strong標簽和em標簽的使用

strong標簽和em標簽常常用於內容頁的文章中,目的是起到突出顯示的作用。在顯示效果上strong標簽表現為加粗顯示, em標簽表現為斜體顯示。而且他們在語意上也有著不同含義,搜索引擎相應地也會區別對待。em 表示內容的著重點,會改變所在句子的語義。strong 表示內容的重要性,不會改變所在句子的語意,而且具有更強烈的強調作用。給大家舉個例子:

例1
  <p><em>這個女孩</em>真漂亮</p>
  強調的是"這個女孩",討論的是一群人中哪個女孩漂亮
  例2
  <p>這個女孩<em>真漂亮</em></p>
  強調的是"真漂亮",討論的是這個女孩是漂亮呢還是長相一般
  例3
  <p><strong>危機公關</strong>是我們公司的主營業務<p>
強調“危機公關”這個詞在整段文字中的的重要性,主要是用來突出關鍵詞。

4、圖片標簽中alt屬性的使用

搜索引擎目前對於圖片和flash中的內容還無法讀取,因此在網站制作過程中不要大量使用圖片和flash來填充整個頁面。如果需要使用,也要對其進行一定的設置,從而便於搜索引擎的理解。對於圖片來說,最為重要的就是alt屬性的設置。例:<img src="laptop1.jpg" alt="某某型號筆記本"> alt中的文字就是對圖片內容的解釋,以方便搜索引擎對圖片進行理解。Alt一定不要濫用,如果在每個alt中都堆砌大量的關鍵詞,會被搜索引擎認為是作弊的,最終網站將會受到搜索引擎的懲罰。

三、網站制作中的SEO原則

1、網站的目錄結構要清晰

整個網站的架構和目錄設計要清晰,復雜的目錄有可能會使搜索引擎迷失方向,從而錯過一些網站信息。網站的目錄層級不要太深,岳浩建議網站上的所有頁面最多不要超過5次點擊就能達到。越重要的網頁放在越頂層的目錄裡,這樣既可以提高收錄速錄,也會提高相應頁面的權重。

2、網站的內部鏈接要形成網狀結構

一個好的內部鏈接網絡能夠提升網站的權重,也能夠提高搜索引擎對網站的收錄量和收錄速度。如何才是一個好的內部鏈接結構呢?

第一,每個頁面都應該出現指向主頁或重要頁面的鏈接。

很多網站頂部的logo往往會做成指向主頁的超鏈接。對於重要頁面,可以通過導航的形式或關鍵詞鏈接的形式進行指向。面包屑導航是一個非常好的手段,因為它既能使網頁所處的層級一目了然,優化了用戶體驗,還能使相關的目錄頁面和主頁得到鏈接。

第二,在文章內容頁,可以增加一些相關鏈接。

比如有一篇文章,是關於CK香水的介紹。那麼在文章的最後可以加上同一個網站中關於雅詩蘭黛、Dior等品牌香水文章的鏈接。這樣既豐富了用戶的閱讀體驗,也增加了搜索引擎對於網站“內容相關性”這一重要方面的認可。

3、網頁的命名要有一定的意義

建議使用與網頁內容或網頁關鍵詞相關的英文或拼音作為網頁的名稱。這樣有助於網站的關鍵詞排名。

4、給網站做一個網站地圖(Sitemap)

網站地圖實際上就是一個頁面,上面匯總了網站中各個頻道頁面和重要頁面的鏈接。對於結構比較復雜、頁面比較多的網站,這一點尤為重點。通過這樣一個網站地圖,能夠保證搜索引擎到達所有重要頁面並進行內容的抓取。有些搜索引擎需要網站提交xml格式的網站地圖,那麼網站制作人員可以用一些專業的xml生成工具制作相應的文件並提交至搜索引擎。

5、重要網頁避免使用大篇幅的flash和圖片

目前搜索引擎對於flash和圖片還無法讀取,所以應當根據實際情況適當使用,而不要用大篇幅的圖片或flash來代替文字信息。對於一些圖片鏈接,最好附上相應的文字說明或文字鏈接。

6、JS代碼和CSS代碼放在單獨的文件中

JS代碼和CSS代碼搜索引擎本身是不去讀取的,如果放在HTML文檔中,就會使原來的文檔結構變得復雜化,也大大增加了文件的體積,這些對於搜索引擎來說都是不友好的。所以建議將所有的JS代碼和和CSS代碼都寫在單獨的外部文件中。

我相信只要網站制作人員以上述原則作為指導思想來制作網站,那麼將會為後期的SEO優化打下堅實的基礎,畢竟SEO的工作是一個貫穿網站建設始終的工作。良好的網站架構加上優質的內容,再加上豐富的外鏈,就是一個完美的SEO工程。

作者信息:岳浩。文章來源:www.yuehao9.com  。

版權聲明:歡迎免費轉載,轉載時請保留原作者信息,謝謝合作!

岳浩

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved