1 SEO的概念

SEO就是使用特定的技術使得網站的各種關鍵詞排名提升到搜索引擎的理想位置，從搜索引擎中獲得更多的免費流量，以及更好地展現網站形象。

2 SEO優化

設置合理的title、description、keywords

重要的關鍵詞不要超過2次，而且要靠前，不同頁面的title要不同

使用語義化的html代碼，符合w3c規范，語義化代碼讓搜索引擎容易理解網頁

重要的內容放在html代碼最前，搜索引擎抓取頁面是自上而下的，有的搜索引擎對抓取的長度有限制

重要的內容不要通過JS輸出，搜索引擎不會執行JS獲取內容

少用iframe，搜索引擎不會抓取iframe

非裝飾性圖片必須加上alt

提高網站速度

3 前后端分離的項目怎么SEO

使用預渲染，prerender需要由nodejs的支持，而且需要路由使用history模式，hash模式會失效。預渲染的本質就是在打包的時候通過插件將js提前執行，將由內容的html放到服務器上，這樣就能被爬蟲抓到。

var PrerenderSpaPlugin = require('prerender-spa-plugin')var webpackConfig = merge(baseWebpackConfig, {plugins: [//這段代碼意思是拷貝static文件至根目錄使得渲染的文件可以找到js、cssnew CopyWebpackPlugin([{from: 'static'}]),new PrerenderSpaPlugin(//將渲染的文件放到dist目錄下path.join(__dirname, '../dist'), //需要預渲染的路由信息[ '/','/introduct','/culture','/Chairman','/president','/fund','/news','/honor' ],{//在一定時間后再捕獲頁面信息，使得頁面數據信息加載完成captureAfterTime: 50000,//忽略打包錯誤ignoreJSErrors: true,phantomOptions: '--web-security=false',maxAttempts: 10,}),

服務端渲染SSR，前端耗時少，有利于SEO，網絡傳輸量大，占用服務端運算資源

總結

以上是生活随笔為你收集整理的【HTML/CSS】SEO的概念和实现的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。