Title dentro da faixa
- Entrada
- Guia de cache HTTP: ETag, Cache-Control e CDN
- Saída esperada
- 45 caracteres — provável exibição completa
Abaixo de ~60 caracteres o risco de truncamento é baixo.
gerar meta description
O snippet de busca é montado a partir do title e da meta description. Esta página ajuda a escrever os dois dentro das faixas de truncamento e mostra um preview aproximado de como o resultado aparece na SERP.
Abaixo de ~60 caracteres o risco de truncamento é baixo.
Acima de ~160 caracteres a SERP costuma adicionar reticências.
O <title> vive no <head> e define o texto da aba do navegador e o título do snippet de busca; é um sinal de página inteira. O <h1> é o cabeçalho visível dentro do conteúdo. Eles podem ter textos diferentes: o title costuma ser mais conciso e otimizado para a SERP, enquanto o h1 fala diretamente com quem já está na página. Não confunda os dois nem repita exatamente o mesmo texto sem necessidade.
Não diretamente. Ela influencia a taxa de clique no resultado, o que pode beneficiar o tráfego de forma indireta. O ranking depende sobretudo de conteúdo, links e experiência da página, mas uma descrição honesta e específica ainda ajuda a ganhar o clique.
Evite. Descrições duplicadas em massa diluem o valor do snippet e podem ser substituídas pelo buscador. Cada página merece uma descrição própria que reflita seu conteúdo e a intenção de busca específica.

<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" />
Tudo roda no navegador. Nada do que você digita é enviado a servidores, salvo em logs ou usado em analytics.