SEO Referencement Naturel
https://yuzu-hendaye.fr/

Comment implémenter un breadcrumb schema sur un site en React ?
https://yuzu-hendaye.fr/viewtopic.php?t=50
Page 1 sur 1

Auteur :  thomas [ sam. mars 01, 2025 2:49 pm ]
Sujet du message :  Comment implémenter un breadcrumb schema sur un site en React ?

Yo les devs ! Je galère à faire fonctionner le breadcrumb schema sur un SPA React. Le Testing Tool me renvoie des erreurs alors que le JSON-LD semble correct. Des idées ?

Auteur :  marion35 [ sam. mars 01, 2025 3:49 pm ]
Sujet du message :  Re: Comment implémenter un breadcrumb schema sur un site en React ?

C'est classique avec les apps JS. T'utilises Next.js ou un autre framework ? Il faut souvent injecter le JSON-LD via useEffect ou avec next/script.

Auteur :  pixel.v [ sam. mars 01, 2025 6:49 pm ]
Sujet du message :  Re: Comment implémenter un breadcrumb schema sur un site en React ?

J'ai eu le même problème sur Gatsby. Solution : utiliser react-helmet et s'assurer que le JSON est bien render côté serveur. Sinon Google ne le voit pas.

Auteur :  thomas [ sam. mars 01, 2025 11:49 pm ]
Sujet du message :  Re: Comment implémenter un breadcrumb schema sur un site en React ?

Merci @89 ! Je suis sur Next justement. Tu aurais un snippet exemple pour le SSR ? J'ai peur de mal formater les ItemList...

Auteur :  marion35 [ dim. mars 02, 2025 1:49 am ]
Sujet du message :  Re: Comment implémenter un breadcrumb schema sur un site en React ?

Je te fais ça :
```javascript
import Script from 'next/script';
<Script
id="breadcrumb-jsonld"
type="application/ld+json"
dangerouslySetInnerHTML={{ __html: JSON.stringify(yourBreadcrumbData) }}
/>
```
Et vérifie que chaque item a bien @id, name et position !

Page 1 sur 1 Fuseau horaire sur UTC

Développé par phpBB® Forum Software © phpBB Limited

Traduction française officielle © Qiaeru