本篇文章1143字，讀完約3分鐘
一些成熟的平臺(tái)在開發(fā)的早期階段沒有考慮優(yōu)化問題，因此制作的頁面非?？崆夜δ軓?qiáng)大，但它們對(duì)搜索引擎非常不友好。任何成熟的網(wǎng)站，帖子都是數(shù)百萬次。此時(shí)調(diào)整結(jié)構(gòu)既費(fèi)時(shí)又費(fèi)力。最可怕的是它會(huì)影響排名和包容性。
前端開發(fā)工程師不僅需要使用可視化設(shè)計(jì)器、交互式設(shè)計(jì)器來完美地恢復(fù)設(shè)計(jì)圖形，而且還要編寫一個(gè)與主流瀏覽器、兼容的頁面，加載速度快到、。現(xiàn)在您需要與SEO工作人員一起調(diào)整頁面的代碼結(jié)構(gòu)和標(biāo)簽。因此，在源頭解決問題比在以后調(diào)整問題更好。我也從事前端開發(fā)工作。我將分享我在開發(fā)過程中需要做的SEO優(yōu)化技能。
1、H1標(biāo)簽每頁只能出現(xiàn)一次，H2標(biāo)簽可以多次出現(xiàn)：H1權(quán)重非常高，一般認(rèn)為僅次于標(biāo)題，一般信息詳細(xì)頁面的標(biāo)題、產(chǎn)品詳細(xì)信息頁面的標(biāo)題是放在H1。
2、首先加載重要內(nèi)容（第一個(gè)鏈接最好是網(wǎng)站的主要關(guān)鍵字，不是刻意要求的），可以通過css處理，索引文章的長(zhǎng)度也是有限的，必須優(yōu)先考慮最重要的內(nèi)容顯示對(duì)于蜘蛛，您可以通過查看一些較大的網(wǎng)頁快照來驗(yàn)證這一點(diǎn)。
3、除主頁外，最好添加痕跡導(dǎo)航，導(dǎo)航結(jié)構(gòu)必須清晰。
4、圖片必須添加alt屬性，title屬性可選：spider不知道圖片的內(nèi)容，只能通過alt屬性判斷，如果是產(chǎn)品列表頁面，所有項(xiàng)目都加上alt和title，很容易使密鑰構(gòu)??建單詞，所以我一般只添加alt屬性。
5、圖像大小聲明：如果未定義圖像大小，則需要重新呈現(xiàn)頁面，這將影響速度。
6、鏈接可根據(jù)實(shí)際需要添加title屬性和nofllow值；非特定鏈接，鏈接地址必須寫入herf屬性，一些前端開發(fā)人員為了省事，直接使用div添加點(diǎn)擊事件作為鏈接，直觀地使用確實(shí)實(shí)現(xiàn)了鏈接效果，但是那些做過SEO優(yōu)化的人都知道蜘蛛目前對(duì)js的支持很差，而且基本上無法讀取里面的鏈接地址。所以絕對(duì)不允許使用click事件，特別是一些重要的導(dǎo)航鏈接。
7、頁面內(nèi)容盡量不要使flash、圖片為、視頻，這些東西蜘蛛抓不到，即使有必要，也會(huì)生成相應(yīng)的靜態(tài)頁面。有很多公司站著看很酷，全站一晃，老板看起來很酷，做SEO優(yōu)化的人會(huì)瘋狂，全站都沒有聯(lián)系。
8、簡(jiǎn)化代碼結(jié)構(gòu)，更有利于搜索引擎分析，抓取有用內(nèi)容：頁面應(yīng)盡可能使用DIV + CSS，當(dāng)然，表格顯示模式比div表格更方便；所有js、 css使用外展，圖片使用css sprite，減少請(qǐng)求數(shù)量。查看下面相同的內(nèi)容，比較div和talbe布局的代碼，很明顯使用div更簡(jiǎn)單。
9、做404頁面，一般添加主頁鏈接和錯(cuò)誤提示，并測(cè)試其返回狀態(tài)碼是404：1、用戶體驗(yàn)友好，可以保留用戶，不能直接關(guān)閉頁面； 2、蜘蛛友好，可以返回抓取其他頁面。
10、網(wǎng)站的結(jié)構(gòu)是扁平的，目錄結(jié)構(gòu)不應(yīng)太深。首頁的每頁最大點(diǎn)擊次數(shù)不超過3次。它不利于搜索引擎的爬行。
上一篇：寫軟文的這些禁忌你都避開了嗎？
下一篇：醫(yī)療類行業(yè)網(wǎng)站的SEO道路將如何走出陰霾？
標(biāo)題：針對(duì)前端開發(fā)人員的十大SEO優(yōu)化技巧
地址：http://www.td8fj2.cn/a/xinwenzixun/20180821/20802.html
免責(zé)聲明：文芳閣軟文營(yíng)銷平臺(tái)所轉(zhuǎn)載內(nèi)容均來自于網(wǎng)絡(luò)，不為其真實(shí)性負(fù)責(zé)，只為傳播網(wǎng)絡(luò)信息為目的，如有異議請(qǐng)及時(shí)聯(lián)系btr2030@163.com，本人將予以刪除。
