<!-- Primary Meta Tags --> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Free Online Developer Tools - Format, Convert & Generate | Toolz</title> <meta name="description" content="A fast, private collection of 600+ browser-based tools for developers: JSON, PDF, image, text, and more. No signup, no uploads, 100% client-side." /> <meta name="keywords" content="developer tools, json formatter, online tools, free tools" /> <meta name="author" content="Toolz" /> <meta name="robots" content="index, follow" /> <meta name="language" content="en" /> <meta name="theme-color" content="#4466EE" /> <link rel="canonical" href="https://toolz.dev/" /> <!-- Open Graph / Facebook --> <meta property="og:type" content="website" /> <meta property="og:url" content="https://toolz.dev/" /> <meta property="og:title" content="Free Online Developer Tools - Format, Convert & Generate | Toolz" /> <meta property="og:description" content="A fast, private collection of 600+ browser-based tools for developers: JSON, PDF, image, text, and more. No signup, no uploads, 100% client-side." /> <meta property="og:site_name" content="Toolz" /> <meta property="og:image" content="https://toolz.dev/og-image.png" /> <meta property="og:image:alt" content="Toolz - free online developer tools" /> <meta property="og:locale" content="en_US" /> <!-- Twitter Card --> <meta name="twitter:card" content="summary_large_image" /> <meta name="twitter:url" content="https://toolz.dev/" /> <meta name="twitter:title" content="Free Online Developer Tools - Format, Convert & Generate | Toolz" /> <meta name="twitter:description" content="A fast, private collection of 600+ browser-based tools for developers: JSON, PDF, image, text, and more. No signup, no uploads, 100% client-side." /> <meta name="twitter:image" content="https://toolz.dev/og-image.png" /> <meta name="twitter:image:alt" content="Toolz - free online developer tools" /> <meta name="twitter:site" content="@toolz" /> <meta name="twitter:creator" content="@toolz" />
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "WebSite",
"name": "Free Online Developer Tools - Format, Convert & Generate | Toolz",
"url": "https://toolz.dev/",
"description": "A fast, private collection of 600+ browser-based tools for developers: JSON, PDF, image, text, and more. No signup, no uploads, 100% client-side.",
"image": "https://toolz.dev/og-image.png",
"author": {
"@type": "Person",
"name": "Toolz"
}
}
</script>O que é um gerador de metatags?
Um Meta Tag Generator constrói o bloco de HTML que vive na <head> de uma página e diz aos mecanismos de pesquisa e redes sociais como exibir sua página Você preenche um título, descrição, imagem e alguns outros campos uma vez, e a ferramenta gera meta tags formatadas corretamente - tags SEO padrão, tags Open Graph para Facebook e LinkedIn e tags de cartão do Twitter - que você cola diretamente em seu modelo. Chega de digitação manual de propriedades repetitivas="og:.." linhas ou esquecer a tag twitter: card.
Acertar essas tags é importante porque elas controlam seu trecho de pesquisa e as visualizações do link. A descrição <title> e meta moldam a aparência do seu resultado no Google; o título, a descrição e a imagem Open Graph decidem como é um link compartilhado em um feed social. Este gerador mantém todos os três sincronizados a partir de um único conjunto de entradas, sinaliza títulos e descrições que ultrapassam o comprimento exibido pelos mecanismos de pesquisa e pode adicionar um bloco JSON-LD correspondente para dados estruturados.
Tudo é executado 100% no seu navegador Os URLs, cópia e links de imagem que você insere nunca são carregados, então você pode preparar tags para páginas inéditas ou ferramentas internas em particular O gerador funciona offline uma vez carregado, e a saída é HTML simples que você possui - copie-o, solte-o em sua estrutura e envie.
Três detalhes são responsáveis pela maioria das visualizações quebradas. Open Graph URLs de imagem devem ser absolutos, incluindo o esquema, porque o rastreador que os busca não tem contexto de página para resolver um caminho relativo contra. O Twitter volta para Open Graph para qualquer coisa para a qual não tenha tag no Twitter, portanto, um conjunto og completo mais um tipo de cartão cobre ambas as plataformas e a duplicação de cada valor é desnecessária E as visualizações são armazenadas em cache agressivamente por cada plataforma, portanto, uma tag fixa não aparecerá até que você recarregue a URL na ferramenta de depuração da própria plataforma Os avisos de comprimento refletem onde o Google trunca em vez de um limite rígido: uma descrição mais longa é válida e simplesmente será cortada, e uma descrição que repita o título desperdiça o espaço que ele tem.
Como usar o gerador de meta tags?
Insira seus detalhes principais
Preencha o título da página e a meta descrição. Os contadores e avisos de caracteres informam quando os motores de busca passam pelo tamanho que os mecanismos de busca normalmente são exibidos.
Adicione informações sociais e do site
Defina o URL canônico, o nome do site, a imagem de compartilhamento social e o identificador do Twitter para que suas visualizações Open Graph e do cartão do Twitter sejam concluídas.
Escolha as opções de etiqueta
Escolha o tipo Open Graph, o estilo do cartão do Twitter, a diretiva de robôs e se deve incluir tags de conjunto de caracteres e janela de visualização As atualizações de saída ao vivo.
Copie o HTML gerado
Copie o bloco de metatag completo e cole-o no <head> da sua página. Copie opcionalmente o snippet de dados estruturados JSON-LD correspondentes.
Principais características
SEO, Open Graph e Twitter em um
Gera tags de pesquisa padrão mais tags Open Graph e Twitter Card juntas, mantidas em sincronia a partir de um único conjunto de entradas
Avisos de duração ao vivo
Sinalizes títulos acima de 60 caracteres e descrições acima de 160 para que seu trecho não seja truncado nos resultados da pesquisa
Dados estruturados JSON-LD
Opcionalmente, produz um site ou um artigo correspondente do bloco JSON-LD para reforçar o significado da sua página para os mecanismos de pesquisa
Escapando de HTML adequado
Aspas, e comercial e colchetes em seu texto são escapados com segurança para que as tags geradas nunca quebrem sua marcação
Frequently Asked Questions
Related Tools
Content Analyzer
Audit any page for on-page SEO and readability: title, description, headings, alt text, internal links, Flesch score and keyword frequency, with a score out of 100.
Hreflang Generator
Free hreflang generator for multilingual and multi-region sites - build hreflang tags as HTML link tags, XML sitemap entries, or an HTTP header. Validates codes and x-default. Runs client-side.
htaccess Redirect Generator
Generate Apache .htaccess 301 and 302 redirect rules from a list of old-to-new URLs, plus force-HTTPS and www canonicalization directives, all in the browser.
Open Graph Preview
Preview how your link will look on Facebook, X, LinkedIn, Slack, and Discord, validate your og: tags, and copy a correct meta block
Comments
0 comments
No comments yet. Be the first to share your thoughts!