求助道面試題，在前端項(xiàng)目中，如何進(jìn)行seo優(yōu)化，你在哪些項(xiàng)目里有過(guò)seo優(yōu)化，效果如何？

前端需要注意哪些SEO

1. 合理的title、description、keywords：搜索對(duì)著三項(xiàng)的權(quán)重逐個(gè)減小，title值強(qiáng)調(diào)重點(diǎn)即可，重要關(guān)鍵詞出現(xiàn)不要超過(guò)2次，而且要靠前，不同頁(yè)面title要有所不同；description把頁(yè)面內(nèi)容高度概括，長(zhǎng)度合適，不可過(guò)分堆砌關(guān)鍵詞，不同頁(yè)面description有所不同；keywords列舉出重要關(guān)鍵詞即可
2. 語(yǔ)義化的HTML代碼，符合W3C規(guī)范：語(yǔ)義化代碼讓搜索引擎容易理解網(wǎng)頁(yè)
3. 重要內(nèi)容不要用js輸出：爬蟲(chóng)不會(huì)執(zhí)行js獲取內(nèi)容
4. 少用iframe：搜索引擎不會(huì)抓取iframe中的內(nèi)容
5. 非裝飾性圖片必須加alt
6. 提高網(wǎng)站速度：網(wǎng)站速度是搜索引擎排序的一個(gè)重要指標(biāo)
7. 重要內(nèi)容HTML代碼放在最前：搜索引擎抓取HTML順序是從上到下，有的搜索引擎對(duì)抓取長(zhǎng)度有限制，保證重要內(nèi)容一定會(huì)被抓取

https://github.com/Xieguoiang...

題主英文水品怎么樣，如果還可以的話(huà)，試試讀讀這個(gè)系列的文章，也許會(huì)有所幫助，這里。

如果是單純應(yīng)付面試的話(huà)，簡(jiǎn)單說(shuō)說(shuō)就可以了，畢竟這個(gè)東西要細(xì)聊，聊一天也聊不完，比如：

• 做 SPA 項(xiàng)目時(shí)，為解決 SEO 問(wèn)題，引入了 SSR 渲染引擎
• 在首頁(yè)加入 meta 標(biāo)簽提供一些元數(shù)據(jù)
• 使用簡(jiǎn)單、具有表意性的 title 以及使用 h5 提供的具有語(yǔ)義化的標(biāo)簽（不要一堆 div）
• 生成對(duì) search engine 友好的 sitemap
• 使用合理的 html 結(jié)構(gòu)（比如按標(biāo)題、內(nèi)容、頁(yè)腳這樣的順序、或者將重要的內(nèi)容放在 html 前，其他放在后）

現(xiàn)在讓我想，就大概能想這么多，當(dāng)然還有其他方式，但是我覺(jué)的面試回答這些應(yīng)該足夠了吧，畢竟也就是考察一下知識(shí)點(diǎn)而已。

另外也可以通過(guò)打開(kāi) devtool 的方式，看看一些流量比較大的網(wǎng)站的 html 以及頭標(biāo)簽是怎么寫(xiě)的，比如 segmentfault.com，我覺(jué)的 SF 這個(gè) SEO 優(yōu)化的真的是很好了，搜索關(guān)鍵字比較明了的話(huà)，一般前 5 個(gè)搜索結(jié)果必有一個(gè)是 SF 的。

以下內(nèi)容，純屬娛樂(lè)

其實(shí)最有效的方法應(yīng)該是給度娘（百度推廣）交錢(qián)，這個(gè)方法在國(guó)內(nèi)的話(huà)，基本完爆其他任何方法。

• title
• meta description
• meta keywords
• 標(biāo)簽語(yǔ)義化
• img的alt

先暫時(shí)做好這些，也比較好落地