前端開發(fā)工程師不僅需要與可視化設(shè)計師和交互設(shè)計師合作，完美地恢復(fù)設(shè)計圖紙，還需要編寫與主要瀏覽器兼容的頁面，加載速度快，用戶體驗好。現(xiàn)在您需要與SEO人員一起調(diào)整頁面的代碼結(jié)構(gòu)和標記。有些復(fù)雜的渠道，在早期的開發(fā)階段沒有考慮優(yōu)化問題，所以網(wǎng)頁制作，即使角色是炫目的，強大的，但對搜索引擎很不友好。
任何一個成熟的網(wǎng)站，后面的頁面都是上百萬次的，此時要調(diào)整結(jié)構(gòu)，既費時又費力，最怕會影響排名和收錄。所以從源頭上解決這個問題比以后再調(diào)整好。我還從事前端開發(fā)工作，下面將是我的作業(yè)流程，積累在幾個開發(fā)流程中需要做好SEO優(yōu)化技術(shù)，與大家分享。簡化代碼結(jié)構(gòu)，更有利于搜索引擎分析和抓取有用的內(nèi)容：頁面盡量選擇DIVCSS，當然表格的顯示形式比DIV要方便得多；所有JS、CSS都選擇外聯(lián)方式，圖片使用CSS向?qū)?，減少請求數(shù)。從下面相同的角度來看，很明顯DIV比Talbe布局簡潔得多。
重要內(nèi)容優(yōu)先加載（第一個鏈接是網(wǎng)站的主關(guān)鍵字，不是刻意要求的），可以用CSS處理，索引文章的長度也受到限制，必須是很重要的內(nèi)容，優(yōu)先顯示蜘蛛，在這方面，可以檢查一些較大的要驗證的網(wǎng)頁快照。
每頁只能出現(xiàn)一次h1標簽，h2標簽可以重復(fù)：h1權(quán)重很高，一般認為是僅次于標題的，一般信息詳情頁面標題，產(chǎn)品詳情頁面標題，都放在h1中。圖片必須添加alt功能，標題功能是可選的：spiders不知道圖片的內(nèi)容，只能通過alt功能判斷，如果是產(chǎn)品列表頁，所有產(chǎn)品都添加了alt和title，很容易形成疊加關(guān)鍵字，所以我一般只添加alt功能。
圖像大小說明：如果沒有定義圖片的大小，則需要重新呈現(xiàn)頁面，這將影響速度。鏈接可以根據(jù)實際需要添加標題功能和nofllow值；非特殊鏈接，鏈接地址必須寫入herf功能，一些前端開發(fā)人員為了省力，直接使用div+click事件作為鏈接，在視覺和使用上確實是完整的鏈接rol。但是做過SEO優(yōu)化的人都是。知道嗎，spiders現(xiàn)在對JS的支持非常差，基本上無法讀取內(nèi)部的鏈接地址。所以點擊事件絕對是不允許的，特別是一些重要的導(dǎo)航鏈接。
頁面內(nèi)容不應(yīng)制作成Flash、圖片或視頻，蜘蛛抓不到這些東西。即使有必要，也應(yīng)該相應(yīng)地生成靜態(tài)頁面。有很多企業(yè)站點看起來眼花繚亂，全站閃現(xiàn)，老板看起來很酷，做SEO優(yōu)化的人會發(fā)瘋，全站沒有鏈接。
盡量在主頁之外的其他頁面添加面包屑導(dǎo)航，并且導(dǎo)航結(jié)構(gòu)必須清晰。做好404頁的工作，一般會添加首頁鏈接和故障提示，并測試其返回狀態(tài)代碼為404:1，用戶體驗友情，可以留住用戶，不能直接關(guān)閉頁面；蜘蛛友情，可以回來抓取其他頁面。網(wǎng)站的結(jié)構(gòu)是一棵扁平的樹，目錄結(jié)構(gòu)不應(yīng)該太深。每頁點擊次數(shù)不應(yīng)超過主頁的三次，這不利于搜索引擎的抓取。
