Title within band
- Input
- Guia de cache HTTP: ETag, Cache-Control e CDN
- Expected output
- 45 caracteres — provável exibição completa
Below ~60 characters the truncation risk is low.
meta description generator
The search snippet is built from the title and the meta description. This page helps you write both within the truncation bands and shows an approximate preview of how the result appears on the SERP.
Below ~60 characters the truncation risk is low.
Above ~160 characters the SERP usually adds an ellipsis.
The <title> lives in the <head> and sets the browser tab text and the search snippet title; it is a whole-page signal. The <h1> is the visible heading inside the content. They can have different text: the title is usually more concise and tuned for the SERP, while the h1 speaks directly to someone already on the page. Do not conflate them or repeat the exact same text without reason.
Not directly. It influences the click-through rate on the result, which can benefit traffic indirectly. Ranking depends mostly on content, links and page experience, but an honest, specific description still helps win the click.
Avoid it. Mass-duplicated descriptions dilute snippet value and may be replaced by the engine. Each page deserves its own description that reflects its content and the specific search intent.

<title>Guia completo de SSR no Next.js</title> <meta name="description" content="Aprenda quando usar renderização no servidor, streaming e cache no Next.js, com exemplos práticos e armadilhas comuns de performance." /> <link rel="canonical" href="https://exemplo.com.br/blog/ssr-next-js" /> <meta name="robots" content="index, follow" /> <meta property="og:title" content="Guia completo de SSR no Next.js" /> <meta property="og:description" content="Aprenda quando usar renderização no servidor, streaming e cache no Next.js, com exemplos práticos e armadilhas comuns de performance." /> <meta property="og:type" content="article" /> <meta property="og:url" content="https://exemplo.com.br/blog/ssr-next-js" /> <meta property="og:image" content="https://exemplo.com.br/og/ssr-next-js.png" /> <meta property="og:image:alt" content="Diagrama de renderização no servidor com Next.js" /> <meta property="og:site_name" content="Exemplo" /> <meta property="og:locale" content="pt_BR" /> <meta name="twitter:card" content="summary_large_image" /> <meta name="twitter:site" content="@exemplo" /> <meta name="twitter:creator" content="@exemplo" /> <meta name="twitter:title" content="Guia completo de SSR no Next.js" /> <meta name="twitter:description" content="Aprenda quando usar renderização no servidor, streaming e cache no Next.js, com exemplos práticos e armadilhas comuns de performance." /> <meta name="twitter:image" content="https://exemplo.com.br/og/ssr-next-js.png" />
Everything runs in the browser. Nothing you type is sent to any server, stored in logs or used in analytics.