網(wǎng)站優(yōu)化之用戶體驗(yàn)和SEO講義

1、網(wǎng)站優(yōu)化用戶體驗(yàn)和SEO網(wǎng)站優(yōu)化 全站檢查 網(wǎng)站代碼編碼的標(biāo)準(zhǔn)性 網(wǎng)站的可訪問(wèn)性 網(wǎng)站的結(jié)構(gòu)和導(dǎo)航 網(wǎng)站的功能單元 頁(yè)面檢查 頁(yè)面的標(biāo)題和內(nèi)容 頁(yè)面上的功能單元 功能單元目錄全站檢查全站檢查 很多潛在機(jī)會(huì)因?yàn)榫W(wǎng)站設(shè)計(jì)不標(biāo)準(zhǔn)而流失 用幾種瀏覽器打開網(wǎng)頁(yè)(IE6, IE7, Firefox, Safari)觀察網(wǎng)頁(yè)可讀性網(wǎng)站代碼編碼的標(biāo)準(zhǔn)性標(biāo)準(zhǔn)的代碼50%的SEO工作 檢查代碼標(biāo)準(zhǔn)性(/)網(wǎng)站代碼編碼的標(biāo)準(zhǔn)性很容易看到錯(cuò)誤列表并提供給客戶中文站: gb2312或者gbk英文站: ISO-8859網(wǎng)站的可訪問(wèn)性 測(cè)試網(wǎng)站在全世界的反應(yīng)反應(yīng)時(shí)間使用在線工具h(yuǎn)

2、ttp:/host- Sec 網(wǎng)站下載下載速度對(duì)客戶很重要。加速網(wǎng)站的訪問(wèn)速度，找到軟板并檢查內(nèi)容的文件大小和正確性網(wǎng)站的可訪問(wèn)性安裝Firefox上的YSlow插件就可以看到網(wǎng)頁(yè)表現(xiàn)報(bào)告Yslow - Components網(wǎng)站的可訪問(wèn)性找到網(wǎng)站那些元素訪問(wèn)速度慢(總和大于8000ms)，刪除或者修改察看網(wǎng)站上那些文件較大（超過(guò)50K），可以推薦客戶用gzip進(jìn)行壓縮網(wǎng)站的可訪問(wèn)性查看文件大小和下載時(shí)間，要求不變：50K和8秒。推薦客戶進(jìn)行壓縮 可訪問(wèn)的多語(yǔ)言的版本 網(wǎng)站包含合適的多語(yǔ)言版本 標(biāo)示不應(yīng)該藏在菜單里面，應(yīng)該設(shè)置在頂欄 不同語(yǔ)言的網(wǎng)頁(yè)版式應(yīng)該一致網(wǎng)站的可訪問(wèn)性網(wǎng)站的服務(wù)器位置網(wǎng)站的

3、安全可靠 其他網(wǎng)站整體設(shè)計(jì)原則： 文字：字體和大小一致性：中文用黑體和宋體，英文用Arial 多媒體內(nèi)容都有詳細(xì)的文字說(shuō)明，視頻不會(huì)自動(dòng)播放 所有鏈接都：用下劃線標(biāo)明，樣式統(tǒng)一 頁(yè)面上最主要的主題顏色，不超過(guò)3種 從主頁(yè)到產(chǎn)品描述頁(yè)，不需要超過(guò)3次點(diǎn)擊，否則網(wǎng)站結(jié)構(gòu)需要修改的更簡(jiǎn)單 每個(gè)月至少更新一次網(wǎng)站網(wǎng)站的界面整體設(shè)計(jì)網(wǎng)站的結(jié)構(gòu)和導(dǎo)航 最基本的網(wǎng)頁(yè)結(jié)構(gòu)：網(wǎng)站的結(jié)構(gòu)和導(dǎo)航內(nèi)容頂欄側(cè)欄頁(yè)腳重要內(nèi)容 網(wǎng)站導(dǎo)航 頂欄 全局導(dǎo)航，清晰明確網(wǎng)站的結(jié)構(gòu)和導(dǎo)航內(nèi)容頂欄側(cè)欄頁(yè)腳隨時(shí)知道自己所在的欄目，并有子欄目 網(wǎng)站導(dǎo)航 側(cè)欄 本地導(dǎo)航的側(cè)欄網(wǎng)站的結(jié)構(gòu)和導(dǎo)航內(nèi)容頂欄側(cè)欄頁(yè)腳 網(wǎng)站導(dǎo)航 內(nèi)容 使用“面包屑鏈接

4、導(dǎo)航”，隨時(shí)可以后退到上一層或更上層網(wǎng)站的結(jié)構(gòu)和導(dǎo)航內(nèi)容頂欄側(cè)欄頁(yè)腳面包屑導(dǎo)航是在網(wǎng)頁(yè)的頂端放置一行內(nèi)部鏈接，使得用戶可以隨時(shí)很容易的回到上一層網(wǎng)頁(yè)或者主頁(yè) 網(wǎng)站導(dǎo)航 頁(yè)腳 清晰明確，可以給用戶方便網(wǎng)站的結(jié)構(gòu)和導(dǎo)航內(nèi)容頂欄側(cè)欄頁(yè)腳1. 與正文對(duì)比區(qū)分2. 內(nèi)容邏輯清晰3. 給用戶帶來(lái)價(jià)值但不會(huì)過(guò)長(zhǎng) 添加網(wǎng)頁(yè)形式的網(wǎng)站地圖，可以有利于搜索引擎和用戶找到內(nèi)容網(wǎng)站的結(jié)構(gòu)和導(dǎo)航 網(wǎng)站功能可用網(wǎng)站的功能單元 包含必要的內(nèi)容：公司介紹，聯(lián)絡(luò)方式，復(fù)雜功復(fù)雜功能說(shuō)明，常見(jiàn)問(wèn)題回答能說(shuō)明，常見(jiàn)問(wèn)題回答等。網(wǎng)站的功能單元常見(jiàn)問(wèn)題解答功能可以：1. 提升企業(yè)服務(wù)形象2. 用內(nèi)容留住客戶3. 提高搜索引擎排名和流量

5、網(wǎng)頁(yè)網(wǎng)頁(yè)(廣告登陸頁(yè)廣告登陸頁(yè))檢查檢查1找到最獨(dú)特的網(wǎng)頁(yè)主題1) 別的網(wǎng)站或者企業(yè)因?yàn)橘Y源限制，無(wú)法提供的東西2) 與本站別的網(wǎng)頁(yè)最不同的地方2用最簡(jiǎn)單的語(yǔ)言，將主題寫下來(lái)。應(yīng)該是一句話而不是幾個(gè)詞3找出該網(wǎng)頁(yè)最主要的至少3個(gè)關(guān)鍵字4先檢查網(wǎng)頁(yè)內(nèi)容是否圍繞這個(gè)主題展開，是否有分段和邏輯層次5最后進(jìn)入后面的步驟網(wǎng)頁(yè)內(nèi)容優(yōu)化步驟 創(chuàng)建獨(dú)特，準(zhǔn)確的頁(yè)面標(biāo)題 準(zhǔn)備好的主題 察看網(wǎng)頁(yè)源代碼，找到后面的內(nèi)容網(wǎng)頁(yè)的標(biāo)題應(yīng)強(qiáng)調(diào)頁(yè)面獨(dú)特內(nèi)容：應(yīng)強(qiáng)調(diào)頁(yè)面獨(dú)特內(nèi)容：“無(wú)錫慧特焊割機(jī)械有無(wú)錫慧特焊割機(jī)械有限公司限公司 HGS系列數(shù)系列數(shù)控火焰切割機(jī)控火焰切割機(jī)” 每頁(yè)使用描述元標(biāo)簽，描述頁(yè)面獨(dú)特內(nèi)容 察看網(wǎng)頁(yè)源代碼

6、，找到和”content”后面的內(nèi)容網(wǎng)頁(yè)的標(biāo)題應(yīng)該合理的對(duì)網(wǎng)頁(yè)的內(nèi)應(yīng)該合理的對(duì)網(wǎng)頁(yè)的內(nèi)容進(jìn)行描述容進(jìn)行描述，有利于搜有利于搜索引擎對(duì)頁(yè)面的理解索引擎對(duì)頁(yè)面的理解 產(chǎn)品文字介紹詳細(xì)，重點(diǎn)在頁(yè)面左上角突出網(wǎng)頁(yè)的版式重點(diǎn)內(nèi)容在頁(yè)面角落處，沒(méi)有突出重點(diǎn)，也沒(méi)有文字介紹 產(chǎn)品介紹詳細(xì)，重點(diǎn)在頁(yè)面左上角突出網(wǎng)頁(yè)的版式介紹內(nèi)容詳細(xì)，且重點(diǎn)突出頁(yè)面優(yōu)化在搜索引擎上的作用都是混亂的文字，根本沒(méi)有辦法參加排名，也無(wú)法傳遞信息頁(yè)面優(yōu)化在搜索引擎上的作用每一行都完全相同，搜索引擎無(wú)法判斷網(wǎng)頁(yè)的內(nèi)容頁(yè)面優(yōu)化在搜索引擎上的作用每條描述都不相同，而且強(qiáng)調(diào)了頁(yè)面的主題，可以將信息準(zhǔn)確的傳遞給用戶和搜索引擎網(wǎng)頁(yè)的標(biāo)題和內(nèi)容 最

7、理想的結(jié)構(gòu)頁(yè)面單元的優(yōu)化頁(yè)面單元的優(yōu)化 頁(yè)面頂欄 圖片 注冊(cè)和提交表單 購(gòu)物車 聯(lián)絡(luò)我們/聯(lián)系我們/關(guān)于我們頁(yè)面上的功能單元頁(yè)面頂欄頁(yè)面頂欄清晰簡(jiǎn)單重點(diǎn)突出 菜單不簡(jiǎn)潔，內(nèi)容和顏色都混亂頁(yè)面頂欄簡(jiǎn)潔，有口號(hào): 鉆石珠寶教育指南聯(lián)系方式清晰，菜單簡(jiǎn)單 針對(duì)用戶體驗(yàn)的優(yōu)化 圖片的周圍有針對(duì)圖片內(nèi)容的詳細(xì)說(shuō)明 如果圖片是鏈接的話，應(yīng)該在旁邊擺放文字鏈接 圖片的讀取時(shí)間不會(huì)過(guò)長(zhǎng)- 使用壓縮格式的圖片:文件擴(kuò)展名為jpg, gif, png盡量不用bmp- 源圖片文件下載打開，和網(wǎng)頁(yè)上看到的差不多大小，不會(huì)過(guò)大 針對(duì)搜索引擎的優(yōu)化 圖片的文件名要有明確的含義，而非類似”1.jpg” 圖片的alt tex

8、t應(yīng)該明確的描述圖片的內(nèi)容圖片的優(yōu)化圖片的優(yōu)化文件名: cp-18.jpg源代碼中無(wú)alt屬性 圖片的優(yōu)化詳細(xì)說(shuō)明圖片的Alt text 詳細(xì)全面 表格格式整齊，表格的題目和表格都對(duì)齊 表格的填寫內(nèi)容充足但是不會(huì)過(guò)多- (1)寫清楚表格每項(xiàng)的題目和填寫幫助;- (2)必須填寫和選擇填寫的指示區(qū)分;- (3)標(biāo)明注冊(cè)和登陸的鏈接; 重新檢查每一項(xiàng)內(nèi)容，是否是生意必要的，如: 收集信息的表單，只需一種聯(lián)系方式(email) 注冊(cè)表單，只需要email和密碼 對(duì)于在線購(gòu)買的網(wǎng)站，先要求用戶簡(jiǎn)單注冊(cè)(email地址即可)，具體聯(lián)絡(luò)和送貨地址在結(jié)算時(shí)填寫注冊(cè)和提交信息的表單優(yōu)化注冊(cè)和提交信息的表單優(yōu)化需要填寫的內(nèi)容過(guò)多：包括email，密碼，性別，姓氏，名字，電話，傳真，地址，城市，州/省份，郵編，國(guó)家！購(gòu)買前的注冊(cè)其實(shí)只需要：email和密碼。其余都可以是選擇性填寫。 嘗試購(gòu)物流程： 購(gòu)物流程短，進(jìn)入購(gòu)物車到結(jié)算付款不超過(guò)五步 進(jìn)入購(gòu)物車不需要用戶輸入結(jié)算信息(姓名地址等) 每一步都有清晰的標(biāo)志提示進(jìn)入下一步 購(gòu)物車的內(nèi)容可以隨時(shí)被修改，可以隨時(shí)跳回產(chǎn)品頁(yè)面 用戶在購(gòu)物流程的每一步行動(dòng)，應(yīng)該被準(zhǔn)確跟蹤。定期挽回購(gòu)物車流失的客戶(發(fā)email給折扣等) 網(wǎng)站上明確的標(biāo)示銀行或者付款方式的圖標(biāo)，以及第三方安全認(rèn)證的標(biāo)志(如果有)購(gòu)物車的優(yōu)化購(gòu)物車的優(yōu)化清晰指示下一步內(nèi)容，購(gòu)物步