Cómo usarla
- Introduce el título de la página y una descripción de una o dos frases.
- Añade la URL canonical y elige si los motores de búsqueda pueden indexar la página y seguir sus enlaces.
- Completa la imagen de Open Graph y los campos que deban ser distintos del título y la descripción, y elige un tipo de Twitter card.
- Copia el HTML generado o descárgalo y pégalo dentro de <head> en tu página.
Cómo funciona
El generador solo escribe las etiquetas que necesitas. Todos los valores se escapan para HTML (& < > " y ' se convierten en entidades), así que un título con comillas o corchetes angulares no puede dañar el marcado.
Para qué sirve cada etiqueta: charset indica al navegador la codificación del texto y debe ir al principio de head; viewport adapta el diseño de la página al ancho del dispositivo en teléfonos; el título aparece en las pestañas del navegador y en los resultados de búsqueda; la descripción meta puede usarse como fragmento en los resultados de búsqueda, pero no influye en el posicionamiento; el enlace canonical indica a los motores de búsqueda cuál es la URL principal de una página con duplicados; robots con noindex excluye una página de los resultados de búsqueda, y nofollow pide a los rastreadores que no sigan sus enlaces. Una etiqueta robots solo funciona si los rastreadores pueden acceder a la página, así que no la bloquees también en robots.txt.
Las etiquetas Open Graph (og:…) controlan las vistas previas de enlaces en muchas aplicaciones sociales y de mensajería. Si og:title, og:description u og:url están vacíos, la herramienta reutiliza el título, la descripción y la URL canonical. Las plataformas que leen etiquetas de Twitter card usan como alternativa los valores de Open Graph para el título, la descripción y la imagen, por lo que solo se genera twitter:card.
Ejemplos
Entrada de blog
El título, la descripción, la URL canonical y un og:image de 1200×630, junto con summary_large_image, generan unas diez líneas que cubren los resultados de búsqueda y las vistas previas de enlaces.
Página de agradecimiento excluida de la búsqueda
Desmarca «Permitir indexación» para añadir <meta name="robots" content="noindex, follow">. La página seguirá funcionando para los visitantes, pero no debería aparecer en los resultados de búsqueda.
Un título con comillas
El título Ask "Anything" & <Learn> se escribe como Ask "Anything" & <Learn>, que los navegadores muestran exactamente como se escribió.
Preguntas frecuentes
¿La etiqueta meta keywords ayuda al SEO?
No. Los principales motores de búsqueda llevan muchos años sin tener en cuenta las meta keywords para el posicionamiento, por eso este generador no las incluye.
¿Necesito las etiquetas de Open Graph y de Twitter card?
Por lo general, solo hace falta añadir twitter:card a Open Graph, porque el título, la descripción y la imagen usan como alternativa los valores og:.
¿Dónde van estas etiquetas?
Dentro del elemento <head> de cada página. En frameworks como Next.js, temas de WordPress o generadores de sitios estáticos, usa sus opciones de metadatos para generar las mismas etiquetas.
¿Todas las páginas deberían tener una etiqueta canonical?
Es una buena práctica, sobre todo cuando se puede acceder al mismo contenido mediante varias URL (parámetros de seguimiento, opciones de ordenación, http y https). Una página puede apuntar a sí misma como canonical.
Privacidad
Las etiquetas se generan en tu navegador. No se sube ni se guarda nada de lo que escribas.