在不使用ssr的情況下解決Vue單頁面SEO問題
- 先說明下,上一篇的方法存在作弊行為
- 孤陋寡聞了,以前沒接觸過這些,果然不能投機取巧啊
替代方法
- 將原來放入隱藏標簽的內容放到骨架屏中用php預渲染
- 這樣頁面就會先展示重要的內容然後再顯示其他部分
- 麻煩點的就是如果想要好看的話需要將相關的樣式都粘過來
寫在最後
- 雖然隱藏標簽有涉及到作弊,但是內容沒有太多關鍵字應該不會有太大影響
- 當然還是將內容優先展示出來是最好的
- 或許將來還能想到更好的方法
原文地址:https://segmentfault.com/a/1190000016959328
在不使用ssr的情況下解決Vue單頁面SEO問題
相關推薦
在不使用ssr的情況下解決Vue單頁面SEO問題
最好的 但是 標簽 原來 .com 最好 問題 優先 存在 先說明下,上一篇的方法存在作弊行為 孤陋寡聞了,以前沒接觸過這些,果然不能投機取巧啊 替代方法 將原來放入隱藏標簽的內容放到骨架屏中用php預渲染 這樣頁面就會先展示重要的內容然後再顯示其他部分 麻煩點的就是
解決vue單頁面跳轉返回後頁面不重新整理的問題
一、問題:在vue專案中通過location.href跳轉到第三方頁面,然後點選瀏覽器返回按鈕回到自己的頁面,用nginx起服務頁面不重新整理,在用node起服務中頁面是正常重新整理的; 二、產生該問題的原因:微信瀏覽器對頁面進行快取; 三、解決方案: 1 window.onpage
解決vue單頁面跳轉返回後頁面不刷新的問題
() function -h null 頁面 margin 我們 col cati 一、問題:在vue項目中通過location.href跳轉到第三方頁面,然後點擊瀏覽器返回按鈕回到自己的頁面,用nginx起服務頁面不刷新,在用node起服務中頁面是正常刷新的; 二、產生該
vue單頁面SEO優化
1.1 安裝prerender-spa-plugin vue.config.js: const path = require('path') const PrerenderSPAPlugin = require('prerender-spa-plugin') modul
vue單頁面條件下添加類似瀏覽器的標簽頁切換功能
mage destroy troy 應用 -1 不知道 同學 his image 在用vue開發的時候,單頁面應用程序,而又有標簽頁這種需求,各種方式實現不了, 從這個 到這個,然後再返回上面那個 因為每個標簽頁的route不一樣,導致組件重新渲染的問題,怎麽
nignx部署Vue單頁面刷新路由404問題解決
oca stat 通配 not found ati str 路由 wrap tail 在linux下搭建nginx測試網頁的時候,正常打開可以訪問,當刷新後頁面出現404 not found的問題 說明: vue-router 默認 hash 模式 —— 使用
SQL Profiles的force_match引數在不改變程式碼的情況下解決沒有使用繫結變數的問題
How To Use SQL Profiles for Queries Using Different Literals Using the Force_Match Parameter of DBMS_SQLTUNE.ACCEPT_SQL_PROFILE (Doc ID 1253696.1)
nginx 配置解決 ---react 、vue 單頁面路由之後重新整理404---問題
nginx中文文件:http://www.nginx.cn/doc/ nginx官網:http://nginx.org/en/docs/ Nginx開發從入門到精通:http://tengine.taobao.org/book/index.html 1、問題現象? 答:在瀏覽器中直接
[轉] 2017-11-20 發布 另辟蹊徑:vue單頁面,多路由,前進刷新,後退不刷新
word 根據 class con 原因 無奈 子函數 設置變量 des 目的:vue-cli構建的vue單頁面應用,某些特定的頁面,實現前進刷新,後退不刷新,類似app般的用戶體驗。註: 此處的刷新特指當進入此頁面時,觸發ajax請求,向服務器獲取數據。不刷新特指當進
不一樣的下拉菜單
-1 ges nbsp common comm com https 技術分享 pan 在bootstrap又加入的全新的下拉式菜單和上拉式菜單,很大方面解決的二級菜單繁多的css樣式定義,只需引用外部樣式表即刻完成,下面請看實列代碼: 不一樣的下拉菜單
在密碼過期的情況下,使用Web頁面更改密碼
使用Web頁面更改密碼使用前提:公司內部安裝Exchange Server 2007 SP3或者Exchange Server 2010 SP1下文以Exchange Server 2007 SP3 為例:本主題說明如何使用註冊表編輯器啟用 Microsoft Exchange Server 2007 密碼重
不互信情況下 A機器scp一個文件到B機器 無需密碼操作方法
Linux這個問題如果理解不深入的話很容易答錯,正確答案應該為:將A機器的id_rsa.pub(公鑰)輸出到B機器的authorized_keys中。操作步驟:(假設hadoop000為A hadoop001為B) 1.兩臺機器執行 [root@hadoop000 ~]# rm -rf ~/.ssh [roo
linux在不關機情況下新增硬盤的方法
span -s centos 沒有 space 註意 can 使用 echo 開機狀態插入硬盤 不關機執行命令 echo "- - -" > /sys/class/scsi_host/host0/scan 註意 echo "- - -" - 中間有空格
Vue單頁面在ios10系統上出現白屏的bug
怎麽辦 pan js文件 所有 單頁面應用 ios config gin 簡單 一個bug 你用Vue做了一個單頁面應用,它在一切設備上都工作正常,但是突然有一天,你的測試和你說,這個網站在iOS 10上跑不起來,怎麽辦? 於是你打開你電腦上的Chrome瀏覽器,工作正
教你怎樣快速建立Vue單頁面應用
教你怎樣快速建立Vue單頁面應用 Vue.js是一套目前比較流行的構建使用者介面的漸進式框架,Vue 能夠為複雜的單頁應用程式提供驅動。廢話不多說,進入正題。 1.安裝: 首先您需要安裝npm,如何安裝npm,請參考node.js相關內容。 安裝vue $ npm install
vue單頁面套嵌路由
在一個單頁面應用裡使用二級套嵌路由 目錄結構如下: 其中main.js為全域性配置檔案,App.vue為專案入口。 main.js中路由配置如下 import Vue from 'vue'//引入vue import App from './App'//引入主模板 impo
關於處理移動端Vue單頁面及其內嵌相容問題
關於處理移動端Vue單頁面及其內嵌相容問題 question:由於最近轉移了以前的H5專案,重構使用Vue單頁面,導致部分手機內嵌或在微信瀏覽器中無法瀏覽,或者無法使用ajax請求;手機機型千變萬化,系統版本也各種各樣,通宵優化上線後成功處理問題 ,也只是相容大部分主流手機,雖然解決方案並不是很突出,但是查
在Vue 單頁面中做錨點定位
公司專案中,有個儲存表單的頁面有很多必填欄位校驗。而現在增加需求,點選儲存的時候,自動跳轉到必填的地方。擼起袖子幹起來 將要跳轉的HTML頁面 加個ref <template> <div class="app-container calend
關於Vue單頁面實現微信分享的Bug
// 問題描述在微信中分享到朋友圈或好友時,分享出去的路由被破壞,開啟分享的連結,路由中的“#”會被去掉並追加?from= & Timeline= 之類的字尾引數,這就造成了分享出去的連結只能進入首頁,無法正常跳轉到其他路由。 //該問題產生的原因可能是由於vue的hash模式,微信瀏覽器只記錄了第
H5 vue單頁面 活體檢測
<template> <div> <div class="face"> <audio id="audio" ref="audioPlay" :src="videoImg ? faceStep[cu