<!-- 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>¿Qué es un generador de metaetiquetas?
Un generador de metaetiquetas construye el bloque de HTML que vive en <head> de una página y les dice a los motores de búsqueda y a las redes sociales cómo mostrar su página. Completa un título, una descripción, una imagen y algunos otros campos una vez, y la herramienta genera metaetiquetas formateadas correctamente: etiquetas SEO estándar, etiquetas Open Graph para Facebook y LinkedIn, y etiquetas de tarjetas de Twitter, que pegas directamente en tu plantilla. No más escritura manual de propiedades repetitivas = "og:..." líneas u olvido de la etiqueta de tarjeta de Twitter.
Obtener estas etiquetas correctas es importante porque controlan su fragmento de búsqueda y las vistas previas de sus enlaces. La <title> y la meta descripción dan forma a cómo se ve su resultado en Google; el título, la descripción y la imagen de Open Graph deciden cómo se ve un enlace compartido en un feed social. Este generador mantiene a los tres sincronizados con un único conjunto de entradas, indica títulos y descripciones que pasan más allá de la longitud que muestran los motores de búsqueda y puede agregar un bloque JSON-LD coincidente para datos estructurados.
Todo se ejecuta al 100% en tu navegador. Las URL, los enlaces de copia y de imagen que ingresa nunca se cargan, por lo que puede preparar etiquetas para páginas inéditas o herramientas internas de forma privada. El generador funciona sin conexión una vez cargado y la salida es HTML simple que posee: cópielo, colóquelo en su marco y envíelo.
Tres detalles representan la mayoría de las vistas previas rotas. Las URL de la imagen Open Graph deben ser absolutas, incluido el esquema, porque el rastreador que las recupera no tiene contexto de página para resolver una ruta relativa. Twitter vuelve a Open Graph para cualquier cosa para la que no tenga una etiqueta de Twitter, por lo que un conjunto de og completo más un tipo de tarjeta cubre ambas plataformas y es innecesario duplicar cada valor. Y las vistas previas se almacenan agresivamente en caché en cada plataforma, por lo que no aparecerá una etiqueta fija hasta que vuelva a extraer la URL en la propia herramienta de depuración de esa plataforma. Las advertencias de longitud reflejan dónde se trunca Google en lugar de un límite estricto: una descripción más larga es válida y simplemente se cortará, y una descripción que repita el título desperdicia el espacio que tiene.
¿Cómo usar el generador de etiquetas meta?
Ingrese sus detalles principales
Complete el título de la página y la meta descripción. Los contadores de caracteres y las advertencias le indican cuando se pasa de los motores de búsqueda de longitud que normalmente se muestran.
Agregar información social y del sitio
Configure la URL canónica, el nombre del sitio, la imagen social para compartir y el identificador de Twitter para que sus vistas previas de Open Graph y de la tarjeta de Twitter estén completas.
Elija las opciones de etiqueta
Elija el tipo Open Graph, el estilo de la tarjeta de Twitter, la directiva de robots y si desea incluir etiquetas de conjunto de caracteres y ventana gráfica. Las actualizaciones de salida en vivo.
Copiar el HTML generado
Copie el bloque de metaetiqueta completa y péguelo en el <head> de su página. Opcionalmente, también copie el fragmento de datos estructurados JSON-LD correspondiente.
Características clave
SEO, Open Graph y Twitter en uno
Genera etiquetas de búsqueda estándar más etiquetas Open Graph y Twitter Card juntas, mantenidas sincronizadas desde un único conjunto de entradas
Advertencias de duración en vivo
Marca los títulos de más de ~60 caracteres y descripciones de más de ~160 para que su fragmento no se trunque en los resultados de búsqueda
Datos estructurados JSON-LD
De manera opcional, genera un sitio web o un bloque de artículo JSON-LD que coinciden para reforzar el significado de su página para los motores de búsqueda.
Escapada HTML adecuada
Las comillas, los signos de ampers y los corchetes de ángulo en su texto se escapan de forma segura para que las etiquetas generadas nunca rompan su marcado
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!