在不使用ssr的情況下解決Vue單頁(yè)面SEO問(wèn)題

TerryCai 發(fā)布于2019-07-25 14:29 / 1082人閱讀

摘要：遇到的問(wèn)題近來(lái)在寫(xiě)個(gè)人博客的時(shí)候遇到了大家可能都會(huì)遇到的問(wèn)題單頁(yè)面在時(shí)顯得很無(wú)力，尤其是百度不會(huì)抓取動(dòng)態(tài)腳本配合前后端分離無(wú)法讓標(biāo)簽在蜘蛛抓取時(shí)動(dòng)態(tài)填充單頁(yè)面又是大勢(shì)所趨，寫(xiě)起來(lái)也不止是一個(gè)爽，當(dāng)然也可以選擇多頁(yè)面但即使是多頁(yè)面在面對(duì)文章

遇到的問(wèn)題:

近來(lái)在寫(xiě)個(gè)人博客的時(shí)候遇到了大家可能都會(huì)遇到的問(wèn)題

Vue單頁(yè)面在SEO時(shí)顯得很無(wú)力，尤其是百度不會(huì)抓取動(dòng)態(tài)腳本

Vue-Router配合前后端分離無(wú)法讓meta標(biāo)簽在蜘蛛抓取時(shí)動(dòng)態(tài)填充

Vue單頁(yè)面又是大勢(shì)所趨，寫(xiě)起來(lái)也不止是一個(gè)爽，當(dāng)然也可以選擇多頁(yè)面

但即使是多頁(yè)面在面對(duì)文章和文檔時(shí)候也不可能說(shuō)給每篇文章生成個(gè)Vue頁(yè)面

SSR當(dāng)然能解決這個(gè)問(wèn)題，但是仔細(xì)想想SSR不就跟以前的.php頁(yè)面一樣了么

都是預(yù)先拉取所有數(shù)據(jù)然后填充返回給瀏覽器，需要多消耗服務(wù)器資源，而且配置繁瑣

當(dāng)然預(yù)渲染也不能解決這個(gè)問(wèn)題

那么問(wèn)題來(lái)了，我只是想讓百度抓取下我的動(dòng)態(tài)文章，但是配置個(gè)繁瑣的SSR并不是最好選擇

我的解決辦法:

既然只是想讓百度抓取下我的動(dòng)態(tài)文章，其實(shí)就是讓蜘蛛抓取我的靜態(tài)頁(yè)面時(shí)候，html的meta標(biāo)簽是已經(jīng)填充好的

那么就很簡(jiǎn)單了，我們只需要實(shí)現(xiàn)一個(gè)極其簡(jiǎn)單的閹割版的SSR不就好了么

PS：我百度了很久沒(méi)有找到相關(guān)的文章，不知道是不是我百度的姿勢(shì)不對(duì)

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/40163.html

相關(guān)文章

在不使用ssr的情況下解決Vue單頁(yè)面SEO問(wèn)題

摘要：遇到的問(wèn)題近來(lái)在寫(xiě)個(gè)人博客的時(shí)候遇到了大家可能都會(huì)遇到的問(wèn)題單頁(yè)面在時(shí)顯得很無(wú)力，尤其是百度不會(huì)抓取動(dòng)態(tài)腳本配合前后端分離無(wú)法讓標(biāo)簽在蜘蛛抓取時(shí)動(dòng)態(tài)填充單頁(yè)面又是大勢(shì)所趨，寫(xiě)起來(lái)也不止是一個(gè)爽，當(dāng)然也可以選擇多頁(yè)面但即使是多頁(yè)面在面對(duì)文章遇到的問(wèn)題: 近來(lái)在寫(xiě)個(gè)人博客的時(shí)候遇到了大家可能都會(huì)遇到的問(wèn)題 Vue單頁(yè)面在SEO時(shí)顯得很無(wú)力，尤其是百度不會(huì)抓取動(dòng)態(tài)腳本 Vue-Router...

Aceyclee 2019-07-01 10:51 評(píng)論0 收藏0
在不使用ssr的情況下解決Vue單頁(yè)面SEO問(wèn)題

摘要：遇到的問(wèn)題近來(lái)在寫(xiě)個(gè)人博客的時(shí)候遇到了大家可能都會(huì)遇到的問(wèn)題單頁(yè)面在時(shí)顯得很無(wú)力，尤其是百度不會(huì)抓取動(dòng)態(tài)腳本配合前后端分離無(wú)法讓標(biāo)簽在蜘蛛抓取時(shí)動(dòng)態(tài)填充單頁(yè)面又是大勢(shì)所趨，寫(xiě)起來(lái)也不止是一個(gè)爽，當(dāng)然也可以選擇多頁(yè)面但即使是多頁(yè)面在面對(duì)文章遇到的問(wèn)題: 近來(lái)在寫(xiě)個(gè)人博客的時(shí)候遇到了大家可能都會(huì)遇到的問(wèn)題 Vue單頁(yè)面在SEO時(shí)顯得很無(wú)力，尤其是百度不會(huì)抓取動(dòng)態(tài)腳本 Vue-Router...

gxyz 2019-08-23 12:27 評(píng)論0 收藏0
在不使用ssr的情況下解決Vue單頁(yè)面SEO問(wèn)題(2)

摘要：上一篇說(shuō)了單頁(yè)面解決解決的問(wèn)題只是用預(yù)處理了標(biāo)簽但是依然沒(méi)有內(nèi)容填充所以對(duì)于內(nèi)容抓取依然有些乏力只是解決了從無(wú)到有的問(wèn)題那接下來(lái)可以更進(jìn)一步的預(yù)填充內(nèi)容了預(yù)填充內(nèi)容這里依然使用來(lái)實(shí)現(xiàn)首先在中拉取需要填充的數(shù)據(jù)列表或是具體內(nèi)容修改拉取數(shù)據(jù)部分上一篇說(shuō)了vue單頁(yè)面解決解決SEO的問(wèn)題只是用php預(yù)處理了meta標(biāo)簽但是依然沒(méi)有內(nèi)容填充,所以對(duì)于內(nèi)容抓取依然有些乏力,只是解決了從無(wú)...

AlphaWallet 2019-08-23 12:55 評(píng)論0 收藏0
在不使用ssr的情況下解決Vue單頁(yè)面SEO問(wèn)題(2)

摘要：上一篇說(shuō)了單頁(yè)面解決解決的問(wèn)題只是用預(yù)處理了標(biāo)簽但是依然沒(méi)有內(nèi)容填充所以對(duì)于內(nèi)容抓取依然有些乏力只是解決了從無(wú)到有的問(wèn)題那接下來(lái)可以更進(jìn)一步的預(yù)填充內(nèi)容了預(yù)填充內(nèi)容這里依然使用來(lái)實(shí)現(xiàn)首先在中拉取需要填充的數(shù)據(jù)列表或是具體內(nèi)容修改拉取數(shù)據(jù)部分上一篇說(shuō)了vue單頁(yè)面解決解決SEO的問(wèn)題只是用php預(yù)處理了meta標(biāo)簽但是依然沒(méi)有內(nèi)容填充,所以對(duì)于內(nèi)容抓取依然有些乏力,只是解決了從無(wú)...

tomorrowwu 2019-07-01 10:54 評(píng)論0 收藏0
在不使用ssr的情況下解決Vue單頁(yè)面SEO問(wèn)題(3)

摘要：先說(shuō)明下上一篇的方法存在作弊行為孤陋寡聞了以前沒(méi)接觸過(guò)這些果然不能投機(jī)取巧啊替代方法將原來(lái)放入隱藏標(biāo)簽的內(nèi)容放到骨架屏中用預(yù)渲染這樣頁(yè)面就會(huì)先展示重要的內(nèi)容然后再顯示其他部分麻煩點(diǎn)的就是如果想要好看的話需要將相關(guān)的樣式都粘過(guò)來(lái)寫(xiě)在最后雖然隱先說(shuō)明下,上一篇的方法存在作弊行為孤陋寡聞了,以前沒(méi)接觸過(guò)這些,果然不能投機(jī)取巧啊替代方法將原來(lái)放入隱藏標(biāo)簽的內(nèi)容放到骨架屏中用php...

fuchenxuan 2019-08-23 12:59 評(píng)論0 收藏0