Configurações de Metatags & Open Graph
Pré-visualização em Tempo Real nas Redes:
MultiShift — Ferramentas e Calculadoras Gratuitas Online
Converta PDFs, gere paletas de cores, formate códigos e faça cálculos sem cadastro e 100% no seu navegador com total privacidade.
multishift.net
Código das Metatags Pronto para Copiar (<head>):
<!-- Metatags Básicas de SEO --> <title>MultiShift — Ferramentas e Calculadoras Gratuitas Online</title> <meta name="title" content="MultiShift — Ferramentas e Calculadoras Gratuitas Online"> <meta name="description" content="Converta PDFs, gere paletas de cores, formate códigos e faça cálculos sem cadastro e 100% no seu navegador com total privacidade."> <link rel="canonical" href="https://multishift.net"> <meta name="robots" content="index, follow"> <!-- Open Graph / Facebook / WhatsApp / LinkedIn --> <meta property="og:type" content="website"> <meta property="og:url" content="https://multishift.net"> <meta property="og:title" content="MultiShift — Ferramentas e Calculadoras Gratuitas Online"> <meta property="og:description" content="Converta PDFs, gere paletas de cores, formate códigos e faça cálculos sem cadastro e 100% no seu navegador com total privacidade."> <meta property="og:image" content="https://images.unsplash.com/photo-1618005182384-a83a8bd57fbe?auto=format&fit=crop&w=1200&h=630&q=80"> <meta property="og:image:width" content="1200"> <meta property="og:image:height" content="630"> <meta property="og:site_name" content="MultiShift"> <meta property="og:locale" content="pt_BR"> <!-- Twitter / X Cards --> <meta name="twitter:card" content="summary_large_image"> <meta name="twitter:url" content="https://multishift.net"> <meta name="twitter:title" content="MultiShift — Ferramentas e Calculadoras Gratuitas Online"> <meta name="twitter:description" content="Converta PDFs, gere paletas de cores, formate códigos e faça cálculos sem cadastro e 100% no seu navegador com total privacidade."> <meta name="twitter:image" content="https://images.unsplash.com/photo-1618005182384-a83a8bd57fbe?auto=format&fit=crop&w=1200&h=630&q=80"> <meta name="twitter:site" content="@multishift"> <meta name="twitter:creator" content="@multishift">
Como funciona
1
Preencha o título, descrição, URL e imagem de capa (og:image) da sua página.
2
Acompanhe a contagem de caracteres recomendada para Google e redes sociais.
3
Alterne entre as abas para inspecionar a pré-visualização realística no WhatsApp, Google, X, LinkedIn e Facebook.
4
Copie o código completo com um clique ou baixe o arquivo HTML com as tags prontas para uso.
Perguntas frequentes
É grátis mesmo?
Sim. O site é mantido por anúncios, então você não paga nem precisa criar conta.
O que são Open Graph e Metatags de SEO?
Metatags são tags HTML colocadas dentro do elemento <head> de uma página web. Elas fornecem metadados aos robôs de busca (como o Google) e às redes sociais (via protocolo Open Graph criado pelo Facebook), controlando qual foto, título e descrição aparecem ao compartilhar um link.
Por que meu link não mostrava imagem de capa no WhatsApp?
Sem a tag <meta property='og:image' content='...'> com dimensões recomendadas (1200x630 px) e URL absoluta (com https://), aplicativos como WhatsApp e Facebook não conseguem exibir o card com imagem.
Qual o tamanho ideal para título e descrição?
Para o Google, recomenda-se títulos entre 50 e 60 caracteres e descrições entre 120 e 160 caracteres para evitar que o texto seja cortado nas telas de celular.
Funciona no celular?
Sim. A página se adapta à tela e não exige a instalação de aplicativos.