javascript - 如何在 React js 应用程序中为 seo 和社交共享动态添加元标记
问题描述
我目前正在使用 react js（后端快速 js rest api）在新闻网站上工作。该站点需要具有帖子图像和标题的社交共享功能。我使用头盔添加元标记。我也尝试了预渲染包，即使共享时没有显示帖子的图像。我可以在没有服务器端渲染的情况下使用 api 来实现这一点吗？帮我做到这一点。
解决方案
据我所知，虽然您可以使用 javascript 更改元标记（请参阅此问题的答案，大多数元标记消费者（Facebook、Twitter 等）从服务器请求文档，但不要在该页面上执行任何 javascript . 这样，scraper 消耗更少的资源，并减少攻击向量的数量。这意味着您将需要一些方法来<head>从服务器返回不同 URL 中的特定动态值。SSR 可能是最好的方法 - 在在这一点上，应该有足够多不同的工具/选项，它不应该太难，你不需要运行两个不同的系统来呈现标记，一个服务器端，如果你做类似动态的事情你会这样做更改索引页的内容。
推荐阅读
- anaconda - 将 Anaconda 环境克隆到不同的机器
- azure - 为 Windows VM 调用 AzureRMVMRunCommand
- java - 如果对具体类进行更改，是否依赖接口而不是具体类会减少 Java 中的编译时间？
- python - Can't import module from subdirectory
- sql - SQL - 特定名称字段的响应时间计数范围
- java - What does the statement Object[][] data = new Object [][] mean?
- sql - Physical Pkey in Fact table
- github - 当我使用 git add 'sampleFile.txt' 时，Git 给了我'Permission Denied'
- java - 获取2个字符串的重复值并计算它们
- haskell - 在 Haskell 中执行断言