{"id":51334,"date":"2022-01-20T10:50:32","date_gmt":"2022-01-20T09:50:32","guid":{"rendered":"https:\/\/www.codeur.com\/blog\/?p=51334"},"modified":"2025-09-11T16:32:56","modified_gmt":"2025-09-11T14:32:56","slug":"react-seo","status":"publish","type":"post","link":"https:\/\/www.codeur.com\/blog\/react-seo\/","title":{"rendered":"5 bonnes pratiques React pour le SEO"},"content":{"rendered":"

Bien que React soit l\u2019un des frameworks les plus populaires sur le march\u00e9<\/a>, il est assez difficile de r\u00e9f\u00e9rencer un site l\u2019utilisant.
\nDans cet article, nous allons voir comment cr\u00e9er un site adapt\u00e9 au r\u00e9f\u00e9rencement. Vous y apprendrez les principaux obstacles qui emp\u00eachent React d’\u00eatre adapt\u00e9 au r\u00e9f\u00e9rencement et vous vous familiariserez avec les bonnes pratiques pour rendre votre application Web attrayante aux yeux de Google.<\/p>\n

\u00c0 lire aussi :<\/strong> Javascript SEO : les bonnes pratiques pour am\u00e9liorer votre r\u00e9f\u00e9rencement<\/a><\/p><\/blockquote>\n

Comment fonctionnent les robots de Google<\/h2>\n

Pour r\u00e9soudre le probl\u00e8me de r\u00e9f\u00e9rencement des applications React, nous devons comprendre le fonctionnement des robots de Google<\/a> et les probl\u00e8mes courants auxquels React est confront\u00e9.
\nGoogle utilise des robots pour classer les sites Web. Ces robots explorent les pages de votre site pour en trouver de nouvelles. Lors de la cr\u00e9ation d’un site Web, vous pouvez choisir les pages que vous souhaitez faire explorer en les r\u00e9pertoriant dans le fichier Sitemap. Pour \u00e9viter de surcharger votre site de requ\u00eates de robots, et \u00e9conomiser votre \u00ab\u00a0budget crawl\u00a0\u00bb, vous pouvez \u00e9galement demander \u00e0 ne pas explorer certaines pages.
\nL’\u00e9tape suivante effectu\u00e9e par les robots de Google est l’indexation. Au cours de ce processus, un robot Google analyse le contenu d’une page Web pour comprendre de quoi il s’agit\u00a0: les r\u00e9sultats de ce processus sont stock\u00e9s dans l’index de Google.
\nL’indexation des pages Web \u00e9tant automatis\u00e9e, il est important de structurer et de formater le contenu de mani\u00e8re \u00e0 ce qu’il soit compr\u00e9hensible pour une machine.
\nLa derni\u00e8re \u00e9tape comprend les processus de diffusion et de classement. Lorsqu’un utilisateur effectue une recherche, Google consulte son index pour trouver les r\u00e9sultats les plus pertinents.
\nAlors quel est le probl\u00e8me avec les applications web React ?
\n\"Comment<\/p>\n

Pourquoi est-il difficile d’optimiser React pour le r\u00e9f\u00e9rencement\u00a0?<\/h2>\n

Les d\u00e9veloppeurs doivent identifier les probl\u00e8mes rencontr\u00e9s par les moteurs de recherche qui tentent d’explorer et d’indexer les pages React.
\nVoyons cela de plus pr\u00e8s\u00a0: qu\u2019est-ce qui ce qui rend le r\u00e9f\u00e9rencement de React difficile et que peuvent faire les d\u00e9veloppeurs peuvent faire pour surmonter ce d\u00e9fi.<\/p>\n

1. Contenu vide<\/h3>\n

Nous savons que les applications React s’appuient sur JavaScript, et qu’elles rencontrent souvent des probl\u00e8mes avec les moteurs de recherche. Cela est d\u00fb au fait que React emploie un mod\u00e8le de coquille d’application par d\u00e9faut. Le HTML initial ne contient aucun contenu significatif, un utilisateur (ou un robot) devant ex\u00e9cuter JavaScript pour voir le contenu de la page.
\nCette approche implique que Googlebot d\u00e9tecte une page vide lors de son premier passage. Pour voir le contenu, il faut attendre que la page soit rendue. Cela retarde l’indexation du contenu surtout lorsqu’il s’agit de dizaines (centaines\u00a0?) de pages.<\/p>\n

2. Temps de chargement et exp\u00e9rience utilisateur<\/h3>\n

L’extraction, l’analyse et l’ex\u00e9cution de JavaScript prennent du temps. De plus, JavaScript peut avoir besoin d’effectuer des appels r\u00e9seau pour r\u00e9cup\u00e9rer le contenu, et l’utilisateur peut devoir attendre un certain temps avant de pouvoir visualiser les informations demand\u00e9es.
\nGoogle a d\u00e9fini un ensemble d’indicateurs web li\u00e9s \u00e0 l’exp\u00e9rience de l’utilisateur<\/a>, utilis\u00e9s dans ses crit\u00e8res de classement. Un temps de chargement long peut affecter le score de l’exp\u00e9rience utilisateur, incitant Google \u00e0 moins bien classer un site.
\n\"Temps<\/p>\n

3. M\u00e9tadonn\u00e9es<\/h3>\n

Les balises <meta><\/a> sont utiles\u00a0: elles permettent \u00e0 Google et aux sites de r\u00e9seaux sociaux d’afficher des titres, des vignettes et des descriptions pour chaque page. Pour obtenir ces informations, ils s’appuient sur la balise <head> de la page Web. Ces sites n’ex\u00e9cutent donc pas de JavaScript pour la page cible.
\nReact rend tout le contenu, y compris les balises m\u00e9ta, sur le client. Comme le shell de l’application est le m\u00eame pour l’ensemble du site web\/de l’application, il peut \u00eatre difficile d’adapter les m\u00e9tadonn\u00e9es pour les pages individuelles.<\/p>\n

Comment rendre votre site web React adapt\u00e9 au r\u00e9f\u00e9rencement ?<\/h2>\n

4. Pr\u00e9-rendering<\/h3>\n

Le pr\u00e9-rendu une approche courante pour rendre une application adapt\u00e9e aux moteurs de recherche.
\nLe pr\u00e9-rendu est utilis\u00e9 lorsque les robots de recherche ne peuvent pas rendre vos pages correctement. Dans ce cas, vous pouvez utiliser des programmes sp\u00e9ciaux qui interceptent les demandes adress\u00e9es \u00e0 votre site web et, si la demande provient d’un robot, ils envoient une version HTML statique (en cache) de votre site web. Si la demande provient d’un utilisateur, la page habituelle est charg\u00e9e.<\/p>\n

Avantage : Les programmes de pr\u00e9-rendu sont capables d’ex\u00e9cuter tous les types de JavaScript modernes et de les transformer en HTML statique. Ils prennent en charge toutes les derni\u00e8res nouveaut\u00e9s du Web, et ne demandent que des modifications minimes, voire aucune modification.<\/p><\/blockquote>\n

Inconv\u00e9nients : Cependant, le pr\u00e9-rendering n’est pas adapt\u00e9 aux pages qui affichent des donn\u00e9es changeant fr\u00e9quemment, et peut prendre beaucoup de temps si le site Web est volumineux et contient beaucoup de pages. De plus, vous devez reconstruire votre page pr\u00e9-rendue chaque fois que vous modifiez son contenu. Pour finir, c\u2019est payant.<\/p><\/blockquote>\n

5. Rendu c\u00f4t\u00e9 serveur<\/h3>\n

Si vous envisagez de cr\u00e9er une application web React, vous devez conna\u00eetre la diff\u00e9rence entre le rendu c\u00f4t\u00e9 client et le rendu c\u00f4t\u00e9 serveur.
\nLe rendu c\u00f4t\u00e9 client signifie qu’un navigateur et un robot Google obtiennent des fichiers HTML vides ou des fichiers avec peu de contenu. Ensuite, le code JavaScript t\u00e9l\u00e9charge le contenu depuis le serveur et les utilisateurs le voient sur leurs \u00e9crans.
\nEn termes de SEO, le rendu c\u00f4t\u00e9 client pose probl\u00e8me, les robots de Google ne recevant aucun contenu ou recevant un contenu limit\u00e9 qu’ils ne peuvent pas indexer correctement.
\nAvec le rendu c\u00f4t\u00e9 serveur, ils re\u00e7oivent des fichiers HTML contenant tout le contenu. Les robots de Google peuvent indexer la page correctement et la classer.
\nLe rendu c\u00f4t\u00e9 serveur est le moyen le plus simple de cr\u00e9er un site React adapt\u00e9 au r\u00e9f\u00e9rencement.<\/p>\n

Besoin d’aide pour optimiser votre site React pour le SEO ? Trouvez un d\u00e9veloppeur React<\/a> rapidement en postant votre projet gratuit sur Codeur.com<\/a> !<\/p>\n","protected":false},"excerpt":{"rendered":"

Bien que React soit l\u2019un des frameworks les plus populaires sur le march\u00e9, il est assez difficile de r\u00e9f\u00e9rencer un site l\u2019utilisant. Dans cet article, nous allons voir comment cr\u00e9er un site adapt\u00e9 au r\u00e9f\u00e9rencement. Vous y apprendrez les principaux obstacles qui emp\u00eachent React d’\u00eatre adapt\u00e9 au r\u00e9f\u00e9rencement et vous vous familiariserez avec les bonnes […]<\/p>\n","protected":false},"author":67,"featured_media":51339,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"inline_featured_image":false,"footnotes":""},"categories":[19],"tags":[39],"class_list":["post-51334","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-referencement-naturel","tag-conseils"],"acf":[],"yoast_head":"\n5 bonnes pratiques React pour le SEO<\/title>\n<meta name=\"description\" content=\"Bien que React soit l\u2019un des frameworks les plus populaires sur le march\u00e9, il est assez difficile de r\u00e9f\u00e9rencer un site l\u2019utilisant. Dans cet article,\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.codeur.com\/blog\/react-seo\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"5 bonnes pratiques React pour le SEO\" \/>\n<meta property=\"og:description\" content=\"Bien que React soit l\u2019un des frameworks les plus populaires sur le march\u00e9, il est assez difficile de r\u00e9f\u00e9rencer un site l\u2019utilisant. Dans cet article,\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.codeur.com\/blog\/react-seo\/\" \/>\n<meta property=\"og:site_name\" content=\"Codeur.com\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/fr-fr.facebook.com\/codeurfreelance\/\" \/>\n<meta property=\"article:published_time\" content=\"2022-01-20T09:50:32+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-09-11T14:32:56+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2021\/06\/image-react-1.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1024\" \/>\n\t<meta property=\"og:image:height\" content=\"618\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Aude Marty\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@codeur\" \/>\n<meta name=\"twitter:site\" content=\"@codeur\" \/>\n<meta name=\"twitter:label1\" content=\"\u00c9crit par\" \/>\n\t<meta name=\"twitter:data1\" content=\"Aude Marty\" \/>\n\t<meta name=\"twitter:label2\" content=\"Dur\u00e9e de lecture estim\u00e9e\" \/>\n\t<meta name=\"twitter:data2\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.codeur.com\/blog\/react-seo\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.codeur.com\/blog\/react-seo\/\"},\"author\":{\"name\":\"Aude Marty\",\"@id\":\"https:\/\/www.codeur.com\/blog\/#\/schema\/person\/110c0feb0ab60432e89d27f5fa2da617\"},\"headline\":\"5 bonnes pratiques React pour le SEO\",\"datePublished\":\"2022-01-20T09:50:32+00:00\",\"dateModified\":\"2025-09-11T14:32:56+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.codeur.com\/blog\/react-seo\/\"},\"wordCount\":1104,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/www.codeur.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/www.codeur.com\/blog\/react-seo\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2021\/06\/image-react-1.jpg\",\"keywords\":[\"Conseils\"],\"articleSection\":[\"SEO\"],\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/www.codeur.com\/blog\/react-seo\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.codeur.com\/blog\/react-seo\/\",\"url\":\"https:\/\/www.codeur.com\/blog\/react-seo\/\",\"name\":\"5 bonnes pratiques React pour le SEO\",\"isPartOf\":{\"@id\":\"https:\/\/www.codeur.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.codeur.com\/blog\/react-seo\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.codeur.com\/blog\/react-seo\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2021\/06\/image-react-1.jpg\",\"datePublished\":\"2022-01-20T09:50:32+00:00\",\"dateModified\":\"2025-09-11T14:32:56+00:00\",\"description\":\"Bien que React soit l\u2019un des frameworks les plus populaires sur le march\u00e9, il est assez difficile de r\u00e9f\u00e9rencer un site l\u2019utilisant. Dans cet article,\",\"breadcrumb\":{\"@id\":\"https:\/\/www.codeur.com\/blog\/react-seo\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.codeur.com\/blog\/react-seo\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/www.codeur.com\/blog\/react-seo\/#primaryimage\",\"url\":\"https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2021\/06\/image-react-1.jpg\",\"contentUrl\":\"https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2021\/06\/image-react-1.jpg\",\"width\":1024,\"height\":618,\"caption\":\"5 bonnes pratiques React pour le SEO\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.codeur.com\/blog\/react-seo\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Blog\",\"item\":\"https:\/\/www.codeur.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Marketing\",\"item\":\"https:\/\/www.codeur.com\/blog\/marketing-digital\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"SEO\",\"item\":\"https:\/\/www.codeur.com\/blog\/marketing-digital\/referencement-naturel\/\"},{\"@type\":\"ListItem\",\"position\":4,\"name\":\"5 bonnes pratiques React pour le SEO\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.codeur.com\/blog\/#website\",\"url\":\"https:\/\/www.codeur.com\/blog\/\",\"name\":\"Codeur.com\",\"description\":\"codeur\",\"publisher\":{\"@id\":\"https:\/\/www.codeur.com\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.codeur.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"fr-FR\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.codeur.com\/blog\/#organization\",\"name\":\"Codeur.com\",\"url\":\"https:\/\/www.codeur.com\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/www.codeur.com\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2022\/04\/logo-codeur-com.png\",\"contentUrl\":\"https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2022\/04\/logo-codeur-com.png\",\"width\":2560,\"height\":465,\"caption\":\"Codeur.com\"},\"image\":{\"@id\":\"https:\/\/www.codeur.com\/blog\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/fr-fr.facebook.com\/codeurfreelance\/\",\"https:\/\/x.com\/codeur\",\"https:\/\/www.linkedin.com\/company\/codeur\/\",\"https:\/\/www.youtube.com\/channel\/UCgj9ySM9xy3gdL8qBafl9Uw\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.codeur.com\/blog\/#\/schema\/person\/110c0feb0ab60432e89d27f5fa2da617\",\"name\":\"Aude Marty\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/www.codeur.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/ae918d51b377a3b9585cfdc38b3d7078fa61c40e14449af59264a7b44e51f153?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/ae918d51b377a3b9585cfdc38b3d7078fa61c40e14449af59264a7b44e51f153?s=96&d=mm&r=g\",\"caption\":\"Aude Marty\"},\"description\":\"V\u00e9ritable touche-\u00e0-tout du web, Aude est toujours au courant des derni\u00e8res nouveaut\u00e9s et des nouveaux outils pour freelances.\",\"sameAs\":[\"https:\/\/www.linkedin.com\/in\/martyaude\/\"],\"url\":\"https:\/\/www.codeur.com\/blog\/author\/aude\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"5 bonnes pratiques React pour le SEO","description":"Bien que React soit l\u2019un des frameworks les plus populaires sur le march\u00e9, il est assez difficile de r\u00e9f\u00e9rencer un site l\u2019utilisant. Dans cet article,","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.codeur.com\/blog\/react-seo\/","og_locale":"fr_FR","og_type":"article","og_title":"5 bonnes pratiques React pour le SEO","og_description":"Bien que React soit l\u2019un des frameworks les plus populaires sur le march\u00e9, il est assez difficile de r\u00e9f\u00e9rencer un site l\u2019utilisant. Dans cet article,","og_url":"https:\/\/www.codeur.com\/blog\/react-seo\/","og_site_name":"Codeur.com","article_publisher":"https:\/\/fr-fr.facebook.com\/codeurfreelance\/","article_published_time":"2022-01-20T09:50:32+00:00","article_modified_time":"2025-09-11T14:32:56+00:00","og_image":[{"width":1024,"height":618,"url":"https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2021\/06\/image-react-1.jpg","type":"image\/jpeg"}],"author":"Aude Marty","twitter_card":"summary_large_image","twitter_creator":"@codeur","twitter_site":"@codeur","twitter_misc":{"\u00c9crit par":"Aude Marty","Dur\u00e9e de lecture estim\u00e9e":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.codeur.com\/blog\/react-seo\/#article","isPartOf":{"@id":"https:\/\/www.codeur.com\/blog\/react-seo\/"},"author":{"name":"Aude Marty","@id":"https:\/\/www.codeur.com\/blog\/#\/schema\/person\/110c0feb0ab60432e89d27f5fa2da617"},"headline":"5 bonnes pratiques React pour le SEO","datePublished":"2022-01-20T09:50:32+00:00","dateModified":"2025-09-11T14:32:56+00:00","mainEntityOfPage":{"@id":"https:\/\/www.codeur.com\/blog\/react-seo\/"},"wordCount":1104,"commentCount":0,"publisher":{"@id":"https:\/\/www.codeur.com\/blog\/#organization"},"image":{"@id":"https:\/\/www.codeur.com\/blog\/react-seo\/#primaryimage"},"thumbnailUrl":"https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2021\/06\/image-react-1.jpg","keywords":["Conseils"],"articleSection":["SEO"],"inLanguage":"fr-FR","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.codeur.com\/blog\/react-seo\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.codeur.com\/blog\/react-seo\/","url":"https:\/\/www.codeur.com\/blog\/react-seo\/","name":"5 bonnes pratiques React pour le SEO","isPartOf":{"@id":"https:\/\/www.codeur.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.codeur.com\/blog\/react-seo\/#primaryimage"},"image":{"@id":"https:\/\/www.codeur.com\/blog\/react-seo\/#primaryimage"},"thumbnailUrl":"https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2021\/06\/image-react-1.jpg","datePublished":"2022-01-20T09:50:32+00:00","dateModified":"2025-09-11T14:32:56+00:00","description":"Bien que React soit l\u2019un des frameworks les plus populaires sur le march\u00e9, il est assez difficile de r\u00e9f\u00e9rencer un site l\u2019utilisant. Dans cet article,","breadcrumb":{"@id":"https:\/\/www.codeur.com\/blog\/react-seo\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.codeur.com\/blog\/react-seo\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/www.codeur.com\/blog\/react-seo\/#primaryimage","url":"https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2021\/06\/image-react-1.jpg","contentUrl":"https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2021\/06\/image-react-1.jpg","width":1024,"height":618,"caption":"5 bonnes pratiques React pour le SEO"},{"@type":"BreadcrumbList","@id":"https:\/\/www.codeur.com\/blog\/react-seo\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Blog","item":"https:\/\/www.codeur.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Marketing","item":"https:\/\/www.codeur.com\/blog\/marketing-digital\/"},{"@type":"ListItem","position":3,"name":"SEO","item":"https:\/\/www.codeur.com\/blog\/marketing-digital\/referencement-naturel\/"},{"@type":"ListItem","position":4,"name":"5 bonnes pratiques React pour le SEO"}]},{"@type":"WebSite","@id":"https:\/\/www.codeur.com\/blog\/#website","url":"https:\/\/www.codeur.com\/blog\/","name":"Codeur.com","description":"codeur","publisher":{"@id":"https:\/\/www.codeur.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.codeur.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-FR"},{"@type":"Organization","@id":"https:\/\/www.codeur.com\/blog\/#organization","name":"Codeur.com","url":"https:\/\/www.codeur.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/www.codeur.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2022\/04\/logo-codeur-com.png","contentUrl":"https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2022\/04\/logo-codeur-com.png","width":2560,"height":465,"caption":"Codeur.com"},"image":{"@id":"https:\/\/www.codeur.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/fr-fr.facebook.com\/codeurfreelance\/","https:\/\/x.com\/codeur","https:\/\/www.linkedin.com\/company\/codeur\/","https:\/\/www.youtube.com\/channel\/UCgj9ySM9xy3gdL8qBafl9Uw"]},{"@type":"Person","@id":"https:\/\/www.codeur.com\/blog\/#\/schema\/person\/110c0feb0ab60432e89d27f5fa2da617","name":"Aude Marty","image":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/www.codeur.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/ae918d51b377a3b9585cfdc38b3d7078fa61c40e14449af59264a7b44e51f153?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/ae918d51b377a3b9585cfdc38b3d7078fa61c40e14449af59264a7b44e51f153?s=96&d=mm&r=g","caption":"Aude Marty"},"description":"V\u00e9ritable touche-\u00e0-tout du web, Aude est toujours au courant des derni\u00e8res nouveaut\u00e9s et des nouveaux outils pour freelances.","sameAs":["https:\/\/www.linkedin.com\/in\/martyaude\/"],"url":"https:\/\/www.codeur.com\/blog\/author\/aude\/"}]}},"_links":{"self":[{"href":"https:\/\/www.codeur.com\/blog\/wp-json\/wp\/v2\/posts\/51334","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.codeur.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.codeur.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.codeur.com\/blog\/wp-json\/wp\/v2\/users\/67"}],"replies":[{"embeddable":true,"href":"https:\/\/www.codeur.com\/blog\/wp-json\/wp\/v2\/comments?post=51334"}],"version-history":[{"count":0,"href":"https:\/\/www.codeur.com\/blog\/wp-json\/wp\/v2\/posts\/51334\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.codeur.com\/blog\/wp-json\/wp\/v2\/media\/51339"}],"wp:attachment":[{"href":"https:\/\/www.codeur.com\/blog\/wp-json\/wp\/v2\/media?parent=51334"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.codeur.com\/blog\/wp-json\/wp\/v2\/categories?post=51334"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.codeur.com\/blog\/wp-json\/wp\/v2\/tags?post=51334"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}