gpt4 book ai didi

vue.js - 无需历史 API 即可动态更新 SPA 的 SEO 数据

转载 作者:行者123 更新时间:2023-12-04 16:33:34 26 4
gpt4 key购买 nike

我们正在为我们的客户开发一个带有 VueJS 的 SPA 形式的 SaaS。

我们希望我们的应用程序在搜索项目时出现在谷歌结果中。因此,如果您在 google 中搜索术语“某个品牌的商品”,我们的应用会返回,因为您可以在其上购买该商品。最好是返回对应的item url。

出于基础设施的原因,我们不能依赖历史 API 来获取应用程序中的链接。所以谷歌机器人无法抓取我们的链接,这显然是一个糟糕的开始......

但是,我想到了一个想法,我们希望您提供专业知识/见解。

由于我们正在建立某种网上商店,所以 初始 JSON-LD 包含对产品的引用数组及其各自的 url 工作?
就像是 :

{
"@context": "http://schema.org",
"@type": "someType",
"itemsOrWhatever": [
{
"@type": "itemOrWhatever",
"name": "Some item name",
"url": "https://my.app.com/#/item/myItemId"
},
{
"@type": "itemOrWhatever",
"name": "Some item name",
"url": "https://my.app.com/#/item/myItemId"
},
{
"@type": "itemOrWhatever",
"name": "Some item name",
"url": "https://my.app.com/#/item/myItemId"
}
]
}

如果对于每个页面,我们都更新页面头部的 SEO 标签,它也会起作用吗?尤其是 JSON-LD 部分?

最佳答案

由于 Google 和其他 SE 最终会改进他们的 SPA 爬取机制,因此您可以通过 Vue 解决一些没有历史模式的方法。

1) 动态 <head>路由问题,您可以使用 vue-meta 修复与您的 title 一起工作, description和其他元关键字以及您的路由

2) 通过 SSR,例如 NUXT(它是 Vue 和动态链接友好的一部分)

3) 谷歌网站管理员/搜索控制台可能是你最好的 friend 来解决/解决 SPA 的问题。

关于vue.js - 无需历史 API 即可动态更新 SPA 的 SEO 数据,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/62321209/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com