Open Graph
Open Graph (OG) is a protocol created by Facebook that uses meta tags to control how URLs are displayed when shared on social media platforms.
When someone shares a link on Twitter, LinkedIn, Slack, or Discord, the platform reads Open Graph tags to render a preview card. The key tags are `og:title`, `og:description`, `og:image`, and `og:url`.
Twitter also supports its own `twitter:card` meta tags for additional control (summary, summary_large_image). Both protocols should be set for complete coverage.
In Next.js App Router, Open Graph is configured through the `openGraph` and `twitter` properties in your metadata export. Indxel validates that OG tags are present, that images are the correct dimensions (1200x630 for og:image), and that titles stay under 60 characters.
Example
// Next.js App Router
export const metadata = {
openGraph: {
type: "website",
title: "Indxel — Developer-first SEO",
description: "Validate and guard your SEO from the terminal.",
images: [{ url: "/og-image.png", width: 1200, height: 630 }],
},
twitter: {
card: "summary_large_image",
title: "Indxel — Developer-first SEO",
},
};Related terms
Meta Description
A meta description is an HTML meta tag that provides a brief summary of a web page's content. Search engines often display it as the snippet below the title in search results.
Title Tag
The title tag is an HTML element (`<title>`) that specifies the title of a web page. It appears in search engine results, browser tabs, and social media shares as the primary clickable headline.
Structured Data
Structured data is a standardized format (typically JSON-LD using schema.org vocabulary) embedded in your HTML that explicitly describes the content of a page to search engines.
Stop shipping broken SEO
Indxel validates your metadata, guards your CI/CD pipeline, and monitors indexation — so you never miss an SEO issue again.