iT邦幫忙

0

Web App可以如何做Google SEO?

Amy 2022-08-05 14:00:351455 瀏覽
  • 分享至 

  • xImage

我這邊WebUI是web app(html5開發),也就是使用vue2框架的vue.js技術做成,日後有可能採用vue3框架做Web UI,我有Google爬文,但好像Web UI做SEO很複雜…
這篇文章,說明vue要改造成nuxt項目,雖然是中國的文章,但不可否認學技術很多都是簡體字文章,有沒有更簡單的方式?還是有先進操作過能分享經驗?

看更多先前的討論...收起先前的討論...
froce iT邦大師 1 級 ‧ 2022-08-05 14:53:31 檢舉
沒有,你用js框架做SEO就是需要SSR。
Amy iT邦新手 4 級 ‧ 2022-08-05 15:40:47 檢舉
To froce:您意思是這網頁提到的SSR嗎?
https://www.seo-tea.com/javascript-seo/
然後Web APP的SEO等於Javascript網站的SEO?
froce iT邦大師 1 級 ‧ 2022-08-05 15:47:12 檢舉
SSR-Server Side Rendering。
nuxt就是來幫你做這技術的框架。

SEO因為爬蟲爬JS產生的動態網頁比較困難,所以叫你在Server上面做好內容渲染再吐出去,他幫你加分,大致就是這樣。
Amy iT邦新手 4 級 ‧ 2022-08-05 15:53:00 檢舉
疑?SSR是框架?那vue2、vue3不是框架嗎?
那Web APP的SEO等於Javascript網站的SEO嗎?
如果是的話,資料會比較多呢
froce iT邦大師 1 級 ‧ 2022-08-05 15:58:29 檢舉
不用對這些名詞吹毛求疵啦,你用vue就去學nuxt,就這樣。
基本觀念你可以看這篇。
https://vuejs.org/guide/scaling-up/ssr.html#rendering-an-app
Amy iT邦新手 4 級 ‧ 2022-08-05 16:13:45 檢舉
好的,那網站不是我架設,有前後端工程師的話,您提供的這篇文章我給他們看,然後請他們處理嗎?
F iT邦新手 2 級 ‧ 2022-08-05 17:36:51 檢舉
SSR是一項技術,Vue是基於Javascript的框架,Nuxt是基於Vue去實現SSR的框架。
有前後端工程師的話,應該把Nuxt官網貼給他們處理就好了..
https://nuxtjs.org/
Amy iT邦新手 4 級 ‧ 2022-08-08 09:18:36 檢舉
To F:感謝,您說的很簡單扼要,把SSR、Vue、Javascript、Nuxt的關聯敘述出來了
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

1 個回答

1

先說一個題外話。
真正要學技術的,最好不要直接看簡體文章。
簡體文的技術文,只是非常的多。但能用的比例非常的少。

就依你目前的發問來說好了,我相信你就是因為看了你所謂能學技術的地方。
然後確不懂的SSR這什麼的。
題外話到此就好。

回來正題。首先,你的名詞要先確定好。不要被沒用的技術文章術語將自已搞混。
什麼web app什麼WebUI....(雖然是真的有UI的名詞,但那是另外一回事了)
也不知道那些所謂的技術文章自創啥搞混的名詞。讓你現在都搞混了。
最害怕的是,你還不知道你搞混了。這才是最可怕的事。

最後總結一下。其實無論是VUE還是其它響應式的網頁。都一定存在著SEO的資料問題。
畢竟這些一種動態式的處理。一般搜尋引擎等爬蟲式的。它們只會來截取 html 的頁面內容。
但不會去動態式的去觸發原先動態的資料。
這會導致它們只會獲得一個沒資料的頁面。沒資料的頁面當然對SEO不好了。

早期的技術,會動態式的生成 html 頁。來提供給爬蟲去讀取應用。
後期的技術則是使用內部生成頁面的方式來給爬蟲資料。這就是所謂的SSR技術。
簡單來說,就VUE而言,使用nuxt是大多數的要求。主要是因為NEXT可以很接近VUE的寫法。但又能達到SEO的處理。

但後期來說,已經還有更好的技術了。
雖然也是SSR的技術一種。但不需要使用NUXT的設計了。
我就先講到這邊就好。我怕一口氣說太多你會吸收不了。

Amy iT邦新手 4 級 ‧ 2022-08-08 09:36:41 檢舉

因為我英文不好,才會看簡體字文章
您是說建議看英文的文章嗎?(官方、論壇、blog等)
但我用DeepL與Google翻譯有時候語意會很奇怪

WebUI是公司主管與同事的說法,他們是用這名詞溝通的(題外話)
Web App是我問別單位PD,雖然是PD,但是做類似PM的工作(題外話)
至少讓我知道他們溝通的WebUI就是所謂的WebAPP

對大多數公司來說,動態處理省事阿,開發時程可縮短
架設網站、開發APP是[比較快看的見的成果]
SEO是[緩慢但又不一定成功的成果]
所以比較沒辦法叫工程師配合SEO呢,除非工程師本身了解SEO

那最後除了NUXT外,您說的更好技術是什麼專有名詞?
相對比較下,優缺點有那些?

Amy iT邦新手 4 級 ‧ 2022-08-08 09:57:47 檢舉

我找到這文章
您說的更好技術,除了NUXT外,是JAMStack嗎?

我要發表回答

立即登入回答