<SEOHead/> GeneratorComponent
import Head from "next/head";
function SEOHead({
title,
description,
path,
ogPath = "/og.png",
}: {
title: string;
description: string;
path: string;
ogPath: string;
}) {
return (
<Head>
<title>{title}</title>
<meta name="description" content={description} />
<meta name="robots" content="index,follow" />
<link rel="canonical" href="https://typit.in" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link rel="icon" href="/favicon.ico" />
{/* Facebook Meta Tags */}
<meta property="og:site_name" content={title} />
<meta property="og:url" content={`https://typit.in${path}`} />
<meta property="og:type" content="website" />
<meta property="og:title" content={title} />
<meta property="og:description" content={description} />
<meta property="og:image" content={`https://typit.in${ogPath}`} />
{/* Twitter Meta Tags */}
<meta name="twitter:creator" content="@afrieirham_" />
<meta name="twitter:site" content="@typit.in" />
<meta name="twitter:card" content="summary_large_image" />
<meta property="twitter:domain" content="typit.in" />
<meta property="twitter:url" content={`https://typit.in${path}`} />
<meta name="twitter:title" content={title} />
<meta name="twitter:description" content={description} />
<meta name="twitter:image" content={`https://typit.in${ogPath}`} />
{/* Meta Tags Generated via https://tools.afrieirham.com/seohead-generator */}
</Head>
);
}
export default SEOHead;Usage
<SEOHead
title="My website title"
description="My website description"
path="/"
ogPath="/og.png"
/>