Generador de meta etiquetas

Cómo funciona

Ejemplo: su blog de recetas publica «Mermelada de ciruela casera — receta con poco azúcar». Escriba ese título en el panel izquierdo. En la descripción ponga una o dos frases con el dato útil, por ejemplo tiempo de cocción y cantidad de azúcar; la nota cuenta los caracteres del título y de la descripción. En la dirección escriba la URL completa de la receta, como https://www.example.com/mermelada-de-ciruela; si la escribe sin https:// (www.example.com/…), se añade sola. Como imagen para compartir, use un JPG o PNG de 1200×630 píxeles; una ruta relativa como /img/portada.jpg se completa con la dirección de la página. Para una receta, ponga el tipo «Artículo». El resultado incluye title, meta description, link canonical, robots, las etiquetas og: (con og:locale es_ES, porque esta página está en español) y las twitter:. Si usa WordPress con Yoast o Rank Math, esos complementos ya escriben estas etiquetas: rellene sus campos en lugar de pegar el código, o tendrá etiquetas duplicadas.

Esta herramienta también se busca como generador de meta etiquetas, meta tags seo, etiquetas open graph, meta description.

¿Qué es Open Graph?

Conjunto de etiquetas <meta property="og:…"> que Facebook creó y que hoy leen WhatsApp, LinkedIn, Telegram y muchas otras plataformas. Indican qué título, descripción e imagen mostrar cuando alguien comparte el enlace. og:locale dice el idioma de la página, por ejemplo es_ES; sin estas etiquetas, cada plataforma adivina a partir del contenido.

¿Qué es Canonical?

Etiqueta <link rel="canonical"> que indica a los buscadores cuál es la dirección principal de una página. Sirve cuando el mismo contenido se abre con varias direcciones, por ejemplo con y sin www, o con parámetros de campaña (?utm_source=…). Así los buscadores reúnen las señales en una sola dirección en lugar de repartirlas.

¿Qué diferencia hay entre la etiqueta title y og:title?

La etiqueta <title> es la que usan los buscadores para la línea azul del resultado y la que ve el usuario en la pestaña del navegador. og:title es el título que se muestra cuando alguien comparte el enlace en WhatsApp, Facebook o LinkedIn. Pueden ser iguales, y esta herramienta pone el mismo texto en los dos; pero puede cambiar og:title a mano si quiere un título más corto o más llamativo para compartir sin tocar el del buscador.

Trampas: la longitud «máxima», la imagen SVG y la meta keywords

Longitud: Google no publica un límite fijo en caracteres para el título ni para la descripción; corta según el ancho en píxeles y la pantalla. Los avisos de 60 y 160 caracteres son una guía: un título más largo no está prohibido, pero es probable que se vea cortado con puntos suspensivos. Google también puede reescribir la descripción con texto de la página.

Imagen SVG: la mayoría de las plataformas (WhatsApp, Facebook, X, LinkedIn) no muestran una imagen SVG en la vista previa. La herramienta avisa si la dirección termina en .svg. Use JPG o PNG, de 1200×630 píxeles para que se vea bien en todas.

Meta keywords: Google no usa la etiqueta meta keywords para posicionar, por eso esta herramienta no la genera. Las palabras que importan deben estar en el título, en la descripción y en el texto de la página.

• Título: guía de 60 caracteres
• Descripción: guía de 70 a 160 caracteres
• Imagen: JPG o PNG, 1200×630 píxeles
• Sin imagen → la tarjeta de X pasa a pequeña (summary)

¿Qué ajuste conviene en cada caso?

Tipo «Sitio web»: página de inicio, páginas de producto, de servicio y de contacto. Tipo «Artículo»: entradas de blog, noticias, recetas y guías, es decir, contenido con fecha y autor.

Tarjeta de X con imagen grande: cuando tiene una imagen atractiva de 1200×630; ocupa más espacio en la línea de tiempo. Pequeña: para logotipos o imágenes cuadradas. Sin imagen, la herramienta escribe siempre la tarjeta pequeña (summary).

Robots «No indexar»: páginas de agradecimiento tras un formulario, borradores, resultados de búsqueda internos y páginas duplicadas. Todo lo que quiere que aparezca en Google debe quedar en «Indexar».

Preguntas frecuentes

¿Dónde pego las meta etiquetas?

Dentro de la sección <head> del HTML de la página, antes de </head>. En WordPress, los complementos Yoast o Rank Math tienen campos para el título, la descripción y la imagen; úselos en lugar de pegar el código. En otros gestores, busque un campo de «código en la cabecera» o de SEO.

¿Por qué WhatsApp no muestra la imagen de mi página?

Las causas habituales: la dirección de la imagen no es completa (debe empezar por https://), la imagen es SVG, o la plataforma guardó una vista previa antigua. Use un JPG o PNG de 1200×630 y compruebe la página con la herramienta de depuración de Facebook, que también renueva la caché.

¿Cuál es la longitud ideal de la meta description?

No hay un número oficial: Google corta según el ancho en píxeles. Entre 70 y 160 caracteres suele mostrarse completa. Más importante que la longitud es que la descripción diga con claridad qué encontrará el lector en la página.

¿Los datos se envían a algún servidor?

No. Las etiquetas se generan en su navegador; el título, la descripción y las direcciones no salen de esta página ni se guardan. La herramienta tampoco visita la dirección que escribe.