angular - 有没有办法在不使用angular universal的情况下在angular app中添加元标记。?

标签 angular seo meta-tags angular-universal

我开始了一个 Angular 项目并做了很多工作,但现在我意识到 Angular 元标记的问题。 我使用不同的模块添加了 og tags 和 meta 标签,但根据我的研究,它们对 SEO 不友好.解决方案说 Angular 通用。是否有任何其他方法可以添加元标记和 og 标记,因为使用基本元服务,标记在检查元素上可见,但在查看源页面中可见在查看源页面上。

最佳答案

Schema 结构化数据是一种提供额外元数据的方法,用于描述我们页面上的内容。然后,Google 等搜索引擎可以使用此元数据为用户提供丰富的 SEO 片段

要使用 JSON-LD,我们必须使用 Angular DOMSanitizer 服务来绕过 Angular 以允许在我们的模板中使用脚本标签。

有关更多详细信息,请查看:https://coryrylan.com/blog/angular-seo-with-schema-and-json-ld

关于angular - 有没有办法在不使用angular universal的情况下在angular app中添加元标记。?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/51373410/

相关文章:

HTML5 标签顺序

node.js - 如何在 Judo 中设置 maxBuffer

html - WhatsApp 链接预览不适用于安卓手机

facebook - OpenGraph - 选择 og :url points/redirect user and keep tags working

angular - 如何防止在单击取消按钮时调用 onSubmit() 函数

Angular 6 Firebase 快照返回未定义

具有相似页面的 SEO

meta-tags - Twitter 卡无法使用

angular - 当 Cypress E2E 中的任何一个测试失败时,Azure 构建就会失败

javascript - Angular - 高度和宽度的属性绑定(bind)不适用于图像