web-dev-qa-db-fra.com

React Casque: Facebook Open Graph

J'ai donc react helmet travailler sur mon application côté client pour restituer les balises facebookog dans l'en-tête en fonction de la page active dans l'application.

cependant, le débogueur facebook et facebook lui-même ne saisissent rien de tout cela. manque-t-il quelque chose? est-ce possible uniquement avec les pages rendues côté serveur?

j'espère pas car je vais devoir apprendre node.js!

 <Helmet>
    <title>{props.title}</title>
    <meta property="og:url" content={ogUrl} />
    <meta property="og:type" content={props.type} />
    <meta property="og:title" content={props.title} />
    <meta property="og:description" content={props.desc} />
    <meta property="og:image" content={ogImg} />
 </Helmet>
9
Timmy Lee

La plupart des moteurs de recherche et des robots d'exploration utilisent directement la réponse du serveur, ne vous permettant pas de la modifier avec javascript. Alors oui, ce dont vous avez besoin est un rendu côté serveur.

Ou, vous pouvez utiliser des outils tels que gatsbyjs , react-static . Fondamentalement, ils rendent vos composants en fichiers HTML au préalable.

13
Gokhan Sari