Utilisation du Helmet avec React

17 Mai Utilisation du Helmet avec React

Pour avoir un bon référencement sur votre site web, il faut bien installer Helmet

Avec cet outil vous allez avoir la possibilité de mettre sur chaque page le contenu des balises nécessaire

1/ Installation du Helmet

npm install react-helmet

2/ Utilisation

Sur chaque Page / Component on doit importer Helmet from react-helmet

import { Helmet } from 'react-helmet';

Dans notre class on saisie

head() {
        return (
            <Helmet>
                <title>Page d'accueil</title>
                <meta name="description" content="Contenu de la page d'accueil" />
                <meta name="keywords" content="Contenu ,de ,la page, d'accueil" />
                <meta name="author" content="" />
            </Helmet>
        );
}

Et finalement dans la partie render()

render() {
        return (
            <div>
                { this.head() } 
                ...