前端開發(fā)工程師不僅需要與視覺設計師和交互設計師合作，仔細還原設計圖紙，還需要編寫與主流瀏覽器兼容的頁面，加載速度快，用戶體驗好。現(xiàn)在，您需要與SEO人員一起調(diào)整頁面的代碼結(jié)構(gòu)和標記。一些復雜的渠道在開發(fā)初期沒有考慮優(yōu)化問題，所以網(wǎng)頁制作，即使角色炫目而強大，對搜索引擎來說也是非常不友好的

任何一個成熟的網(wǎng)站，后面的頁面都是數(shù)百萬次的。此時，調(diào)整結(jié)構(gòu)既費時又費力，以免影響排名和收藏。因此，最好從源頭上解決這個問題，而不是以后再進行調(diào)整。我還從事前端開發(fā)。以下是我的工作流程。我需要做好seo優(yōu)化技術中的幾個開發(fā)流程，與大家分享。簡化代碼結(jié)構(gòu)更有利于搜索引擎分析和捕獲有用的內(nèi)容：應在頁面上盡可能多地選擇divcss。當然，表格的顯示形式比div方便得多；所有的JS和CSS都選擇外展的方式。CSS向?qū)в糜趫D片以減少請求數(shù)。從下面相同的角度來看，很明顯div布局比talbe布局簡單得多

重要內(nèi)容首先加載（鏈接是網(wǎng)站的主要關鍵字，這不是故意要求的）。它可以用CSS處理，并且索引文章的長度也受到限制。這一定是非常重要的內(nèi)容，蜘蛛首先顯示出來。在這方面，您可以檢查一些要驗證的大型網(wǎng)頁快照

H1標記每頁只能出現(xiàn)一次，H2標記可以重復：H1的權重很高，通常認為它僅次于標題。一般信息詳細頁面的標題和產(chǎn)品詳細頁面的標題放在H1中。必須將ALT函數(shù)添加到圖片中，標題函數(shù)是可選的：爬行器不知道圖片的內(nèi)容，只能通過ALT函數(shù)進行判斷。如果是產(chǎn)品列表頁面，所有產(chǎn)品都添加了ALT和title，這很容易形成疊加的關鍵字，所以我一般只添加ALT函數(shù)

圖像大小描述：如果圖像的大小沒有定義，頁面需要重新渲染，這會影響速度。Link可以根據(jù)實際需要添加Title函數(shù)和nofllow值；對于非特殊鏈接，鏈接地址必須寫入herf函數(shù)。為了省力，一些前端開發(fā)人員直接使用div+click事件作為鏈接，這在vision和use中確實是一個完整的鏈接rol。但是做過SEO優(yōu)化的人都是。你知道，爬行器對JS的支持很差，基本上無法讀取內(nèi)部鏈接地址。因此，不允許點擊事件，尤其是一些重要的導航鏈接；頁面內(nèi)容不應制作成flash、圖片或視頻。蜘蛛抓不到這些東西。即使必要，也應相應地生成靜態(tài)頁面。許多企業(yè)網(wǎng)站看起來令人眼花繚亂。整個網(wǎng)站都在閃爍。老板看起來很酷。做SEO優(yōu)化的人會發(fā)瘋。整個網(wǎng)站沒有鏈接

嘗試將面包屑導航添加到主頁以外的其他頁面，導航結(jié)構(gòu)必須清晰。做好404頁的工作。通常，您將添加主頁鏈接和故障提示，并測試返回狀態(tài)代碼是否為404:1。用戶可以體驗友誼和留住用戶，但不能直接關閉頁面；蜘蛛友誼，你可以回來抓取其他頁面。網(wǎng)站的結(jié)構(gòu)是一棵扁平的樹，目錄結(jié)構(gòu)不應該太深。每頁的點擊次數(shù)不應超過主頁的三倍，這不利于搜索引擎的捕獲。