OPENGRAPH GENERATOR & PREVIEW

import type { Metadata } from "next";

export const metadata: Metadata = {
  title: "Your Page Title - 100% Client-Side Fast & Secure",
  description: "Detailed meta description explaining your web page's primary features and value proposition.",
  alternates: {
    canonical: "https://example.com/my-tool",
  },
  openGraph: {
    title: "Your Page Title - 100% Client-Side Fast & Secure",
    description: "Detailed meta description explaining your web page's primary features and value proposition.",
    url: "https://example.com/my-tool",
    siteName: "My Awesome Platform",
    images: [
      {
        url: "https://images.unsplash.com/photo-1618005182384-a83a8bd57fbe?w=1200&auto=format&fit=crop&q=80",
        width: 1200,
        height: 630,
        alt: "Your Page Title - 100% Client-Side Fast & Secure",
      },
    ],
    type: "website",
  },
  twitter: {
    card: "summary_large_image",
    title: "Your Page Title - 100% Client-Side Fast & Secure",
    description: "Detailed meta description explaining your web page's primary features and value proposition.",
    images: ["https://images.unsplash.com/photo-1618005182384-a83a8bd57fbe?w=1200&auto=format&fit=crop&q=80"],
    creator: "@username",
  },
};