【问题标题】:How to dynamically add meta tags for seo and social share in react js app如何在 React js 应用程序中为 seo 和社交共享动态添加元标记
【发布时间】:2021-02-14 16:12:55
【问题描述】:

我目前正在使用 react js(后端 express js rest api)开发新闻网站。该站点需要具有帖子图像和标题的社交共享功能。我使用头盔添加元标记。我也尝试了预渲染包,即使共享时没有显示帖子的图像。我可以在没有服务器端渲染的情况下使用 api 来实现这一点吗?帮我做这件事。

【问题讨论】:

    标签: javascript node.js reactjs server-side-rendering


    【解决方案1】:

    我使用next.js(反应框架)完成了这项工作。这可以进行 API 调用并在服务器中生成 html。使用此 SEO 并与标题和图像共享正常工作。

    【讨论】:

      【解决方案2】:

      据我所知,虽然您可以使用 javascript 更改元标记(请参阅this question 的答案@大多数元标记消费者(Facebook、Twitter 等)从服务器请求文档,但不执行任何javascript 在那个页面上。这样,scraper 消耗更少的资源,并减少攻击向量的数量。这意味着你需要一些方法来在<head> 中为来自服务器的不同 URL 返回特定的动态值。SSR 可能是最好的方法——在这一点上,应该有足够多不同的工具/选项,它不应该太难,你不需要运行两个不同的系统来呈现标记,一个服务器端,你的方式如果您执行了动态更改索引页内容之类的操作。

      【讨论】:

        猜你喜欢
        • 2020-08-17
        • 2018-01-19
        • 1970-01-01
        • 1970-01-01
        • 2013-08-27
        • 2015-12-29
        • 2018-11-10
        • 1970-01-01
        • 1970-01-01
        相关资源
        最近更新 更多