從SEO的角度看網站設計
日期：2013-08-15 閱讀：1744
首先要明確的是：一個優秀網站必須擁有：視覺藝術設計、網站程序開發、搜索引擎優化、網頁內容撰寫與SEO優化、網站綜合維護等各項條件。通常，設計者一般注重的只是前面兩方面，而過多地忽略了后面部分。
好了，羅列下網站設計者的通病吧。
(1)網站導航
為了更炫的效果，用java script、flash或圖片來做導航。
對seo最重要的網站導航欄就這樣被糟蹋了，導航設計在整個網頁設計中導航占有著重要的地方，它攜帶這一個網站最重要的信息，一個好的導航可以更利于Sprider快速爬行，順著導航鏈接深層次的爬行網站，使網站的網頁盡可能多的送入到搜索引擎中去。
在這里強烈推薦文字導航，用div+css完全可以替代傳統的做法，也是可以做出比較炫麗的導航的，到網上搜搜學習下。如果真的不想用，那就用圖片，但要記得圖片要加alt屬性，千萬不要用java script和flash，因為搜索引擎找不到它們夾帶的url路徑。
另外整個頁面里特別是導航里要盡量用絕對路徑，而不要用相對路徑，我知道很多設計者一般為了方便在本地測試都是用相對路徑的，這樣的好處是增加域名的權重，更有利于搜索引擎抓取，當然還可以防止別人惡意地鏡像你的網站。
(2)頁面內容
大量的table嵌套，大量的css、js代碼，大量的圖片和flash，不僅使得頁面拖沓冗長、加載速度變慢、大大降低用戶體驗度，更重要的是影響Sprider高效的爬行，大大影響搜索引擎對網站內網頁的收錄數量。
因此網站設計者要做到：
盡量用符合web2.0的div+css制作頁面，頁面標題要用h1標簽，關鍵詞要用b標簽，而不是只注意title和keywords里的內容，當然頁面里能注意到關鍵詞密度和錨文本就更好了，還要注意產品圖片一定加alt屬性，鏈接加上title屬性，字數注意要簡明扼要。
頁面內的圖片GIF和JPEG格式不能亂用，從SEO和用戶體驗角度來說，適合對圖片按鈕或網頁結構上的圖片使用GIF格式，因為JPEG圖片加載時是逐行顯示，而GIF是先顯示圖片輪廓在逐漸清晰內容。建議那些做背景圖片，和一些不是影響大局的圖片，還是成GIF的比較好!
避免頁面內代碼的冗長拖沓的方法是要學會公共的頁面欄目用include引用，css、js代碼要做成文件引用，盡量使頁面內容小于100K，導出鏈接小于100個。
做完網站記得檢查鏈接是否損壞，并確保HTML格式正確。請使用Google網站管理員工具時刻檢查自己網站的鏈接，如有損壞，注意刪除或修正。
(3)網站地圖及友好頁面
你制作的網站是否有網站地圖，是否ie地址欄輸入了錯誤的頁面地址而會轉到404友好頁面，網站是否有個robots.txt(注意一定要小寫)。
總之這些對seo都有非常重要的作用，不可忽視。
注意以下細節：
網站地圖不要將404錯誤直接轉向到網站首頁，這將導致首頁不被收錄;
建一個html的404錯誤頁面，并把它(Error.html)放置在網站根目錄下;
/Error.html前面不要帶主域名，否者返回的狀態碼是302或200狀態碼;
在根目錄下建一個robots.txt頁面，讓后臺頁面不要被搜索引擎搜索。
(4)動態程序
以上講的是網頁表現層的一些問題，一個動態的網站還需要程序來實現，動態生成的網頁肯定是少不了“?”、“&”等符號，因此程序方面還要再多加點程序，把這些搜索引擎不喜歡的符號替換掉，改成.htm、.html的靜態頁面來提高引擎的抓取概率，具個人觀察，排在搜索引擎前面的大部分都是此類的網頁。
其次還有個重要的程序設置是在后臺給每個頁面設置標題、keywords、description的表單，也就是說讓每個頁面都有包含相關關鍵詞、長尾關鍵詞的標題，keywords、description里的內容則起到輔助標題的作用，以便更有利地讓搜索引擎來抓取。
(5)主機優化
下面兩條對于網站設計者的要求可能有點高，權當了解了解吧。
使用穩定的主機網站的訪問者希望被訪問的目標網站能夠被快速地打開。同樣，當網絡機器人或網絡蜘蛛正要光顧一個目標網站時，如果目標網站主機正處于癱瘓狀態，那么對于網站來說可能會有兩種后果：
一是失去被網絡蜘蛛獲取的機會，
二是網絡蜘蛛判斷此網站不存在，將從搜索引擎的索引數據庫中將網站的信息刪除，所以一定要使用穩定的網站托管主機。
(6)網站轉移
注意事項：更換網頁服務器前，要確保目標主機上的網頁目錄和文件和更換前的主機保持一致。在測試通過后，再進入域名管理系統，修改DNS，指向新主機的IP地址。域名解析一般需要幾小時甚至更長時間，在此期間用戶可以正常訪問網站的網頁內容，即使網絡蜘蛛此時訪問，也會抓取更新的網頁內容
暫時就說到這里吧，總之一句話，不管做什么都要對得起自己的職業操守，精益求精地提高自己的技術能力，力求做出的盈利網站要盡量考慮到老板是否能賺到錢、盡量考慮到用戶體驗是否滿意，而不是簡單地做出一個能看的網站而已。
好了，羅列下網站設計者的通病吧。
(1)網站導航
為了更炫的效果，用java script、flash或圖片來做導航。
對seo最重要的網站導航欄就這樣被糟蹋了，導航設計在整個網頁設計中導航占有著重要的地方，它攜帶這一個網站最重要的信息，一個好的導航可以更利于Sprider快速爬行，順著導航鏈接深層次的爬行網站，使網站的網頁盡可能多的送入到搜索引擎中去。
在這里強烈推薦文字導航，用div+css完全可以替代傳統的做法，也是可以做出比較炫麗的導航的，到網上搜搜學習下。如果真的不想用，那就用圖片，但要記得圖片要加alt屬性，千萬不要用java script和flash，因為搜索引擎找不到它們夾帶的url路徑。
另外整個頁面里特別是導航里要盡量用絕對路徑，而不要用相對路徑，我知道很多設計者一般為了方便在本地測試都是用相對路徑的，這樣的好處是增加域名的權重，更有利于搜索引擎抓取，當然還可以防止別人惡意地鏡像你的網站。
(2)頁面內容
大量的table嵌套，大量的css、js代碼，大量的圖片和flash，不僅使得頁面拖沓冗長、加載速度變慢、大大降低用戶體驗度，更重要的是影響Sprider高效的爬行，大大影響搜索引擎對網站內網頁的收錄數量。
因此網站設計者要做到：
盡量用符合web2.0的div+css制作頁面，頁面標題要用h1標簽，關鍵詞要用b標簽，而不是只注意title和keywords里的內容，當然頁面里能注意到關鍵詞密度和錨文本就更好了，還要注意產品圖片一定加alt屬性，鏈接加上title屬性，字數注意要簡明扼要。
頁面內的圖片GIF和JPEG格式不能亂用，從SEO和用戶體驗角度來說，適合對圖片按鈕或網頁結構上的圖片使用GIF格式，因為JPEG圖片加載時是逐行顯示，而GIF是先顯示圖片輪廓在逐漸清晰內容。建議那些做背景圖片，和一些不是影響大局的圖片，還是成GIF的比較好!
避免頁面內代碼的冗長拖沓的方法是要學會公共的頁面欄目用include引用，css、js代碼要做成文件引用，盡量使頁面內容小于100K，導出鏈接小于100個。
做完網站記得檢查鏈接是否損壞，并確保HTML格式正確。請使用Google網站管理員工具時刻檢查自己網站的鏈接，如有損壞，注意刪除或修正。
(3)網站地圖及友好頁面
你制作的網站是否有網站地圖，是否ie地址欄輸入了錯誤的頁面地址而會轉到404友好頁面，網站是否有個robots.txt(注意一定要小寫)。
總之這些對seo都有非常重要的作用，不可忽視。
注意以下細節：
網站地圖不要將404錯誤直接轉向到網站首頁，這將導致首頁不被收錄;
建一個html的404錯誤頁面，并把它(Error.html)放置在網站根目錄下;
/Error.html前面不要帶主域名，否者返回的狀態碼是302或200狀態碼;
在根目錄下建一個robots.txt頁面，讓后臺頁面不要被搜索引擎搜索。
(4)動態程序
以上講的是網頁表現層的一些問題，一個動態的網站還需要程序來實現，動態生成的網頁肯定是少不了“?”、“&”等符號，因此程序方面還要再多加點程序，把這些搜索引擎不喜歡的符號替換掉，改成.htm、.html的靜態頁面來提高引擎的抓取概率，具個人觀察，排在搜索引擎前面的大部分都是此類的網頁。
其次還有個重要的程序設置是在后臺給每個頁面設置標題、keywords、description的表單，也就是說讓每個頁面都有包含相關關鍵詞、長尾關鍵詞的標題，keywords、description里的內容則起到輔助標題的作用，以便更有利地讓搜索引擎來抓取。
(5)主機優化
下面兩條對于網站設計者的要求可能有點高，權當了解了解吧。
使用穩定的主機網站的訪問者希望被訪問的目標網站能夠被快速地打開。同樣，當網絡機器人或網絡蜘蛛正要光顧一個目標網站時，如果目標網站主機正處于癱瘓狀態，那么對于網站來說可能會有兩種后果：
一是失去被網絡蜘蛛獲取的機會，
二是網絡蜘蛛判斷此網站不存在，將從搜索引擎的索引數據庫中將網站的信息刪除，所以一定要使用穩定的網站托管主機。
(6)網站轉移
注意事項：更換網頁服務器前，要確保目標主機上的網頁目錄和文件和更換前的主機保持一致。在測試通過后，再進入域名管理系統，修改DNS，指向新主機的IP地址。域名解析一般需要幾小時甚至更長時間，在此期間用戶可以正常訪問網站的網頁內容，即使網絡蜘蛛此時訪問，也會抓取更新的網頁內容
暫時就說到這里吧，總之一句話，不管做什么都要對得起自己的職業操守，精益求精地提高自己的技術能力，力求做出的盈利網站要盡量考慮到老板是否能賺到錢、盡量考慮到用戶體驗是否滿意，而不是簡單地做出一個能看的網站而已。
