[英]How to dynamically add meta tags for seo and social share in react js app
我目前正在使用 react js（后端快遞 js rest api）在新聞網站上工作。 該站點需要具有帖子圖像和標題的社交共享功能。 我使用頭盔添加元標記。 我也嘗試了預渲染包，即使共享時沒有顯示帖子的圖像。 我可以在沒有服務器端渲染的情況下使用 api 來實現這一點嗎？ 幫我做到這一點。
據我所知，雖然您可以使用 javascript 更改元標簽（請參閱此問題的答案，大多數元標簽消費者（Facebook、Twitter 等）從服務器請求文檔，但不要在該頁面上執行任何 ZDE9B9ED78D7E2E119DCEEFFEE780E2 . 這樣，scraper 消耗更少的資源，並減少攻擊向量的數量。這意味着您將需要一些方法來在<head>中為來自服務器的不同 URL 返回特定的動態值。SSR 可能是最好的方法那 - 在這一點上，應該有足夠不同的工具/選項，它不應該太難，你不需要運行兩個不同的系統來呈現標記，一個服務器端，如果你這樣做的話諸如動態更改索引頁面的內容之類的東西。
我使用next.js （反應框架）完成了這項工作。 這可以使 API 調用並在服務器中生成 html。 使用此 SEO 並與標題和圖像共享正常工作。
如何在靜態網站上動態呈現社交分享按鈕的元標記？
[英]How to dynamically render meta tags for social share button on a static site?
如何更改開放圖元標記以在社交媒體上共享自定義內容？
[英]How to change open graph meta tags to share custom content on social media?
對於 Astro.js，如何將頁面內容（seo 元標記）注入 Astro 布局的部分？
[英]For Astro.js, how do I inject page content (seo meta tags) into <head> section of an Astro layout?
如何生成動態<meta>使用 react.js 在 Apache 服務器上標記
[英]How to Generating Dynamic <meta> Tags on the Apache Server with react.js
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.
