gerar meta description
O gerador mede o título contra um teto de 60 caracteres e a description contra a faixa de 50 a 160: passar de 160 dispara um aviso de corte, ficar abaixo de 50 dispara só um aviso informativo de description curta demais para preencher bem o snippet. Nenhum dos dois limites existe no HTML nem na especificação do Google, são bandas de referência para prever o corte real.
Fica quase no meio da faixa de referência, com folga dos dois lados antes de disparar qualquer aviso.
Abaixo do piso de 50 caracteres; o aviso é informativo, não impede a geração do HTML.
O teto de título só existe para cima; não há aviso de título curto nesta ferramenta, ao contrário da description.
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. Ela é fonte de snippet, não sinal de posição: o Google monta o resumo do resultado sobretudo a partir do conteúdo da página, e recorre à description declarada só quando ela representa melhor a busca. O ganho de uma boa description é na taxa de clique sobre a posição que a página já tem, não na posição em si.
Porque o corte real da SERP é por largura de pixel na tela, não por contagem de caractere: um texto cheio de letras largas ("W", "M") pode ocupar mais espaço visual que 160 caracteres estreitos ("i", "l", "t"). A faixa de 160 caracteres deste gerador é só uma aproximação segura para a maioria dos textos, não uma garantia.
Não. O gerador só avisa quando o título passa de 60 caracteres; não existe piso mínimo que dispare aviso para o title, ao contrário da description, que acende um aviso informativo abaixo de 50 caracteres. Um título de poucas palavras passa sem nenhum sinal.
<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.