Gerador de Meta Tags
Escreva o título, a descrição e a imagem da sua página, verifique o tamanho de cada um, visualize o resultado no Google e nas redes sociais e, em seguida, copie as meta tags HTML.
1<!-- Primary Meta Tags -->2<title>Framer: Criador de sites gratuito e agente de design com IA</title>3<meta name="title" content="Framer: Criador de sites gratuito e agente de design com IA" />4<meta name="description" content="O criador de sites gratuito com um agente de design que leva você da ideia ao lançamento. As alterações continuam editáveis, com hospedagem, CMS, análises, SEO e AEO integrados." />5<link rel="canonical" href="https://www.framer.com/" />6 7<!-- Favicon -->8<link rel="icon" href="https://framerusercontent.com/images/Io89FonxEaWg4nxvQQllVLwPUUI.png" />9<link rel="apple-touch-icon" href="https://framerusercontent.com/images/Io89FonxEaWg4nxvQQllVLwPUUI.png" />10 11<!-- Open Graph / Facebook / LinkedIn -->12<meta property="og:type" content="website" />13<meta property="og:url" content="https://www.framer.com/" />14<meta property="og:title" content="Framer: Criador de sites gratuito e agente de design com IA" />15<meta property="og:description" content="O criador de sites gratuito com um agente de design que leva você da ideia ao lançamento. As alterações continuam editáveis, com hospedagem, CMS, análises, SEO e AEO integrados." />16<meta property="og:image" content="https://framerusercontent.com/images/vt65Mbfi3w8ymfTyRfbmgM4Tyo.png" />17<meta property="og:image:width" content="1200" />18<meta property="og:image:height" content="630" />19<meta property="og:site_name" content="Framer" />20 21<!-- X (Twitter) -->22<meta name="twitter:card" content="summary_large_image" />23<meta name="twitter:url" content="https://www.framer.com/" />24<meta name="twitter:title" content="Framer: Criador de sites gratuito e agente de design com IA" />25<meta name="twitter:description" content="O criador de sites gratuito com um agente de design que leva você da ideia ao lançamento. As alterações continuam editáveis, com hospedagem, CMS, análises, SEO e AEO integrados." />26<meta name="twitter:image" content="https://framerusercontent.com/images/vt65Mbfi3w8ymfTyRfbmgM4Tyo.png" />27<meta name="twitter:site" content="@moldureiro" />Como escrever boas meta tags
Preencha os campos acima e o gerador cria o HTML para você. Cole-o no cabeçalho (<head>) da sua página ou copie os valores nas configurações de SEO do seu CMS ou criador de sites.
Escreva um título de 50 a 60 caracteres
Coloque a palavra-chave principal perto do início e o nome da marca no final. O Google corta títulos com cerca de 60 caracteres.
Mantenha a meta description entre 140 e 160 caracteres
Resuma o que a página oferece e dê às pessoas um motivo para clicar. O Google às vezes reescreve descrições, mas uma descrição clara e que corresponda à pesquisa é exibida com muito mais frequência.
Adicione uma URL canônica e uma imagem OG
A tag canônica informa aos mecanismos de busca qual endereço é a versão principal da página. Use uma og:image de 1200 × 630 px para preencher o card grande em todas as plataformas.
Teste as tags após a publicação
Assim que as tags estiverem ativas, execute o URL no verificador de meta tags para ver o que o Google e os aplicativos sociais leem. As redes sociais armazenam prévias em cache, portanto, verifique novamente após cada alteração. Se um aplicativo ainda mostrar a versão antiga, atualize a prévia armazenada em cache.
Perguntas frequentes sobre o gerador de meta tags
Respostas rápidas sobre meta tags, Open Graph e onde inserir o código gerado.
O que é um gerador de meta tags?
Um gerador de meta tags transforma o título, a descrição, a URL e a imagem de uma página nas tags HTML que os mecanismos de busca e as redes sociais leem: a tag de título, a meta description, o link canônico, as tags Open Graph e as tags do Twitter Card.
Quais meta tags esta ferramenta gera?
Ele escreve a tag title, meta title e description, rel=canonical, og:type, og:url, og:title, og:description, og:image com largura e altura, og:site_name e as tags twitter:card, title, description, image e site.
Onde colo as meta tags geradas?
Cole-as dentro da seção head do seu HTML, logo antes da tag de fechamento head. No Framer, Webflow, WordPress ou Shopify, insira o mesmo título, descrição e imagem nas configurações de SEO da página.
As meta tags ainda importam para o SEO?
A tag title ainda é um fator de ranqueamento, e a meta description é o que a maioria das pessoas lê nos resultados de busca antes de clicar. As tags Open Graph e Twitter definem a aparência do seu link quando ele é compartilhado, o que também afeta os cliques.
Este gerador de meta tags é gratuito?
Sim. Ele roda no seu navegador, não precisa de conta e nada do que você digita é armazenado.