如何解决社交媒体的 Angular Meta 标签无法抓取
我正在开发 angular 9 应用程序。我添加了动态元标记。标签正在动态地改变页面,但是当我们在浏览器上看到页面源代码时,它会显示 index.html 页面默认元标签。我正在更改标题、描述、关键字和规范标签。
您可以在两个页面上看到每个页面都有不同的元标记,但是当我们在浏览器上查找页面源 (CTRL+ u) 时,它显示的是 index.html 默认元标记。
解决方法
您正在逐页(动态)更改元标记,但这种更改只能在实际浏览器中看到,因为这仅在页面在浏览器中呈现后才会发生。
问题是大多数社交媒体网络(例如 Twitter 或 Facebook 等)用来获取元标记的机器人无法正确呈现 Java 脚本
所以他们唯一能得到的就是index.html
如果您想为每个页面动态获取元标记,您需要使用 SSR(服务器端渲染)技术,例如 @GaurangDhorda 在评论中所说的 Angular Universal。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。