Svelte3 添加 <svelte:head> 而没有 Sapper?

Svelte3 adding <svelte:head> without Sapper?

在 google 兔子洞一整天之后,我仍然想知道 google/bing/etc 是否能够抓取 svelte 应用程序。我想将我的个人投资组合转换为 svelte,这将是一个 SPA。如果我在 svelte SPA 上为 header 数据添加标签,google 会选择它,还是我需要 ssr 才能 google 查看呈现的页面?

Google 抓取工具很可能会 运行 您的 JavaScript 以便抓取 <svelte:head> 中的标题等,但 Bing 和其他人会没有。

如果您使用 Sapper,您可以在您的站点上使用 sapper export 以获得 pre-rendered html/svelte 混合体,这将解决您的问题。

请注意将 svelte:head 用于基本元数据。开放图形图像或推特卡片之类的东西不会以这种方式工作!如果你需要在 mount 的头部注入一些东西,这只是有用的,但如果你必须处理 SEO 就不安全了。