Meta Tag Generator & Social Previewer.

Configure Tags

import type { Metadata } from "next";

export const metadata: Metadata = {
  title: "My Awesome SaaS · Automated Invoices for Freelancers",
  description: "Automate recurring invoices, track Stripe payments, and eliminate manual contractor billing in under 60 seconds.",
  alternates: {
    canonical: "https://myproduct.com",
  },
  openGraph: {
    title: "My Awesome SaaS · Automated Invoices for Freelancers",
    description: "Automate recurring invoices, track Stripe payments, and eliminate manual contractor billing in under 60 seconds.",
    url: "https://myproduct.com",
    siteName: "Hauntboard",
    images: [
      {
        url: "https://myproduct.com/og.png",
        width: 1200,
        height: 630,
        alt: "My Awesome SaaS · Automated Invoices for Freelancers",
      },
    ],
    locale: "en_US",
    type: "website",
  },
  twitter: {
    card: "summary_large_image",
    title: "My Awesome SaaS · Automated Invoices for Freelancers",
    description: "Automate recurring invoices, track Stripe payments, and eliminate manual contractor billing in under 60 seconds.",
    images: ["https://myproduct.com/og.png"],
  },
};