1. 程式人生 > >vue單頁應用實現優化seo區分tdk

vue單頁應用實現優化seo區分tdk

由於做的活動有tdk的需求,而且並不只有一個頁面,所以就需要區分不同路由的tdk檢索了很多方式開始嘗試了一種智慧實現title的替換,外掛名字我忘記了,最後沒有用他我現在使用的是 vue-meta-info但是查閱了資料以後好像更優的話還需要其他設定,但是現在基本滿足需求了~~而且我原來修改以後發現都配置完了以後居然只有什麼都是undfine,所以很懵逼參考地址:這個講的還是很細的,然後我按照這個設定不是沒出來嗎差點沒有找到他再github上面的專案地址然後按照它的decription下面的更多使用介紹 

https://zhuanlan.zhihu.com/p/29148760?group_id=890298677627879424

進入這個地址以後 頂頭有句話 vue-meta-info官方地址然後我把專案down下來了發現我的metaInfo的物件還是啥寫在了data裡面結果沒有被識別出來當然我還很精細的發現這個裡面不僅能配置tdk還可以設定針對單獨頁面的樣式表等等~~然後我的配置main.jsxx.vue檔案下的處理然後效果出來了,檢視原始碼的時候只有你再html檔案下設定的title另外再補充一點如果你在入口 index.html頁面中設定了 description及keywords的話,那麼單獨的.vue檔案裡面的會被覆蓋掉,注意~~由於爬蟲爬取的是頁面,你使用開發者模式可是檢視到該頁面下的tdk已經是需求的了~