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.
The title tag is the single most important on-page SEO element. It directly influences rankings (Google uses it to understand page topic) and CTR (users read it to decide whether to click).
Best practices: keep it under 60 characters (Google truncates longer titles), place the primary keyword near the beginning, make it unique per page, and write for humans — not just search engines. Avoid generic titles like "Home" or "Untitled".
In Next.js App Router, set the title via the `metadata` export or `generateMetadata()`. Use the template pattern (`"%s | Site Name"`) for consistent branding. Indxel validates title length, uniqueness, and presence across all pages.
Example
// Next.js App Router — layout.tsx
export const metadata = {
title: {
default: "Indxel — Developer-first SEO infrastructure",
template: "%s | Indxel",
},
};
// Page-level
export const metadata = {
title: "SEO Glossary — 35+ terms for developers",
};
// Renders: "SEO Glossary — 35+ terms for developers | Indxel"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.
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.
On-Page SEO
On-page SEO refers to the optimization of individual web page elements — content, HTML tags, structured data, and internal links — to improve search engine rankings and user experience.
Stop shipping broken SEO
Indxel validates your metadata, guards your CI/CD pipeline, and monitors indexation — so you never miss an SEO issue again.