Generador de metaetiquetas

Las meta tags son fragmentos de HTML colocados en el head de una página que la describen a los navegadores y motores de búsqueda sin aparecer en la página misma. Las más importantes son el title tag y la meta description, que determinan tu fragmento en Google. También necesitas la etiqueta viewport para la escala móvil, una declaración de charset, una etiqueta robots para controlar la indexación, una URL canonical para evitar problemas de contenido duplicado, y etiquetas Open Graph y Twitter Card para vistas previas sociales enriquecidas.

Ingresa el título de tu página, la descripción, la URL y una imagen de vista previa de 1200×630 en el formulario y este generador escribe el conjunto completo de etiquetas: title, meta description, canonical, robots, Open Graph y Twitter Card. Mantén el título cerca de 60 caracteres y la descripción cerca de 155, usa un par único en cada página y luego copia el bloque en el head de tu HTML. Las vistas previas en vivo muestran cómo se verá el fragmento en Google y en las redes sociales antes de publicar.

Las que todavía tienen valor son el title tag, la meta description, la etiqueta viewport, la declaración charset, la etiqueta robots y el enlace canonical. Además de estas, las etiquetas Open Graph y Twitter Card controlan cómo se ve tu enlace cuando se comparte en plataformas sociales. La antigua etiqueta keywords ya no afecta el posicionamiento en Google — ha sido ignorada desde 2009 — así que es opcional.

Apunta a un título de 50–60 caracteres y una meta description de 145–155 caracteres. Google trunca los títulos cerca de los 600 píxeles de ancho (aproximadamente 55–60 caracteres para texto normal) y las descripciones alrededor de 155–160 caracteres, añadiendo puntos suspensivos a lo que sea más largo. Los contadores de caracteres aquí se vuelven ámbar cuando superas la longitud recomendada.

Las etiquetas Open Graph — las que comienzan con 'og:' — son un estándar creado por Facebook que controla cómo aparece tu enlace cuando se comparte en redes sociales y aplicaciones de chat. El conjunto principal es og:title, og:description, og:image, og:url y og:type. Con ellas, un enlace compartido muestra una tarjeta enriquecida con tu titular, descripción e imagen en lugar de una URL simple.

Sí. Este generador de meta tags funciona completamente en tu navegador usando JavaScript — el título, la descripción, las URLs y la URL de imagen que ingresas nunca se envían a un servidor, nunca se registran y nunca se almacenan en ningún lugar. La herramienta funciona sin conexión una vez que la página ha cargado. Puedes usarla de forma segura en páginas confidenciales o no publicadas.

Sí. El formulario y las tarjetas de vista previa son completamente responsivos y funcionan en Safari de iPhone y Chrome de Android. Puedes rellenar los campos, revisar las vistas previas de Google y redes sociales, y copiar el código generado directamente desde el teléfono. La herramienta funciona en el navegador sin necesidad de instalar ninguna aplicación.