react-better-seo v2.6.0

React Better SEO

Getting started

npm i --save react-better-seo

yarn add react-better-seo

Example

import './App.css';
import { DefaultHelmet } from 'react-better-seo'

const App = () => {
  return (
    <div className="App">
      <DefaultHelmet title="Hey" subTitle="cool" />
    </div>
  );
}

export default App;

Test SEO

import './App.css';
import React, { useEffect } from 'react'
import { DefaultHelmet, CheckSeo } from 'react-better-seo'

const App = () => {

  // Call checkSeo in useEffect
  useEffect(() => {
    CheckSeo();
  }, [])

  return (
    <div className="App">
      <DefaultHelmet
        title="Limeyfy"
        subTitle="App"
      >
        <meta name='og:country-name' content='NORWAY'>
      </DefaultHelmet>
    </div>
  );
}

export default App;

Another example

import './App.css';
import { DefaultHelmet } from 'react-better-seo'

const App = () => {
  return (
    <div className="App">
      <DefaultHelmet
        title="Limeyfy"
        subTitle="App"
      >
        <meta name='og:country-name' content='NORWAY'>
      </DefaultHelmet>
    </div>
  );
}

export default App;

• title?: string;
• subTitle?: string;
• title?: string;
• subTitle?: string;
• titleDivider?: string;
• keywords?: string;
• description?: string;
• subject?: string;
• copyright?: string;
• language?: string;
• robots?: string;
• revised?: string;
• topic?: string;
• summary?: string;
• Classification?: string;
• author?: string;
• replyTo?: string;
• owner?: string;
• url?: string;
• identifierURL?: string;
• image?: string;
• favIcon?: string;
• children?: React.ReactNode;