What is the best proper way to create the meta data for your page

Question

With the help of code can you tell me What is the best proper way to create the meta data for your page?

Answer 1

Best Way to Set Metadata in a React Page

1. Using <Helmet> from react-helmet-async (Recommended)

Allows dynamic updates to <title>, <meta>, and other head elements.

Installation:

npm install react-helmet-async

Usage:

import { Helmet } from "react-helmet-async";

const MyPage = () => {

  return (

    <>

      <Helmet>

        <title>My Awesome Page</title>

        <meta name="description" content="This is a detailed description of my page." />

        <meta property="og:title" content="My Awesome Page" />

        <meta property="og:description" content="Check out this amazing page!" />

      </Helmet>

      <h1>Welcome to My Page</h1>

    </>

  );

};

export default MyPage;