我们正在为我们的客户开发一个SaaS,以VueJS的SPA的形式。
我们希望我们的应用程序出现在谷歌搜索项目的结果中。所以,如果你在google中搜索 "某品牌的物品",我们的app就会返回,因为你可以在上面购买该物品。最好是返回相应的物品网址。
由于基础设施的原因,我们的app中的链接不能依靠历史API。所以google机器人无法抓取我们的链接,这显然是一个不好的开始......
然而,我有一个想法,我们希望您的专业知识见解。
由于我们正在建立某种网络商店,将一个。最初 JSON-LD包含了一个数组的产品引用和各自的url工作,类似于.NET Framework 2.0。
{
"@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)谷歌网站管理员搜索控制台可能是你最好的朋友,解决SPA的问题,因为你可以。