1 SEO的概念

SEO就是使用特定的技術(shù)使得網(wǎng)站的各種關(guān)鍵詞排名提升到搜索引擎的理想位置，從搜索引擎中獲得更多的免費(fèi)流量，以及更好地展現(xiàn)網(wǎng)站形象。

2 SEO優(yōu)化

設(shè)置合理的title、description、keywords

重要的關(guān)鍵詞不要超過(guò)2次，而且要靠前，不同頁(yè)面的title要不同

使用語(yǔ)義化的html代碼，符合w3c規(guī)范，語(yǔ)義化代碼讓搜索引擎容易理解網(wǎng)頁(yè)

重要的內(nèi)容放在html代碼最前，搜索引擎抓取頁(yè)面是自上而下的，有的搜索引擎對(duì)抓取的長(zhǎng)度有限制

重要的內(nèi)容不要通過(guò)JS輸出，搜索引擎不會(huì)執(zhí)行JS獲取內(nèi)容

少用iframe，搜索引擎不會(huì)抓取iframe

非裝飾性圖片必須加上alt

提高網(wǎng)站速度

3 前后端分離的項(xiàng)目怎么SEO

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

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

服務(wù)端渲染SSR，前端耗時(shí)少，有利于SEO，網(wǎng)絡(luò)傳輸量大，占用服務(wù)端運(yùn)算資源

總結(jié)

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

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。