Generador de metaetiquetas
Escribe el título, la descripción y la imagen de tu página, comprueba la longitud de cada uno, previsualiza el resultado en Google y en las redes sociales y, a continuación, copia las etiquetas meta HTML.
1<!-- Primary Meta Tags -->2<title>Framer: Creador de sitios web gratuito y agente de diseño con IA</title>3<meta name="title" content="Framer: Creador de sitios web gratuito y agente de diseño con IA" />4<meta name="description" content="El creador de sitios web gratuito con un asistente de diseño que te lleva de la idea al lanzamiento. Los cambios se pueden editar en cualquier momento, con alojamiento, CMS, analítica, SEO y AEO integrados." />5<link rel="canonical" href="https://www.framer.com/" />6 7<!-- Favicon -->8<link rel="icon" href="https://framerusercontent.com/images/Io89FonxEaWg4nxvQQllVLwPUUI.png" />9<link rel="apple-touch-icon" href="https://framerusercontent.com/images/Io89FonxEaWg4nxvQQllVLwPUUI.png" />10 11<!-- Open Graph / Facebook / LinkedIn -->12<meta property="og:type" content="website" />13<meta property="og:url" content="https://www.framer.com/" />14<meta property="og:title" content="Framer: Creador de sitios web gratuito y agente de diseño con IA" />15<meta property="og:description" content="El creador de sitios web gratuito con un asistente de diseño que te lleva de la idea al lanzamiento. Los cambios se pueden editar en cualquier momento, con alojamiento, CMS, analítica, SEO y AEO integrados." />16<meta property="og:image" content="https://framerusercontent.com/images/vt65Mbfi3w8ymfTyRfbmgM4Tyo.png" />17<meta property="og:image:width" content="1200" />18<meta property="og:image:height" content="630" />19<meta property="og:site_name" content="Framer" />20 21<!-- X (Twitter) -->22<meta name="twitter:card" content="summary_large_image" />23<meta name="twitter:url" content="https://www.framer.com/" />24<meta name="twitter:title" content="Framer: Creador de sitios web gratuito y agente de diseño con IA" />25<meta name="twitter:description" content="El creador de sitios web gratuito con un asistente de diseño que te lleva de la idea al lanzamiento. Los cambios se pueden editar en cualquier momento, con alojamiento, CMS, analítica, SEO y AEO integrados." />26<meta name="twitter:image" content="https://framerusercontent.com/images/vt65Mbfi3w8ymfTyRfbmgM4Tyo.png" />27<meta name="twitter:site" content="@enmarcador" />Cómo escribir buenas metaetiquetas
Rellena los campos anteriores y el generador creará el HTML por ti. Pégalo en el encabezado (<head>) de tu página o copia los valores en la configuración de SEO de tu CMS o creador de sitios web.
Escribe un título de 50 a 60 caracteres
Coloca la palabra clave principal cerca del principio y el nombre de la marca al final. Google corta los títulos a partir de unos 60 caracteres.
Mantén la meta descripción entre 140 y 160 caracteres
Resume lo que ofrece la página y dales a los usuarios un motivo para hacer clic. A veces, Google reescribe las descripciones, pero si es clara y coincide con la búsqueda, se mostrará con mucha más frecuencia.
Añade una URL canónica y una imagen OG
La etiqueta canónica indica a los motores de búsqueda qué dirección es la versión principal de la página. Utiliza una imagen og:image de 1200 × 630 px para que ocupe toda la tarjeta grande en todas las plataformas.
Prueba las etiquetas después de publicar
Una vez que las etiquetas estén activas, pasa la URL por el comprobador de etiquetas meta para ver qué leen Google y las aplicaciones sociales. Las redes sociales guardan en caché las vistas previas, así que vuelve a comprobarlo después de cada cambio. Si una aplicación sigue mostrando la versión antigua, actualiza la vista previa en caché.
Preguntas frecuentes sobre el generador de metaetiquetas
Respuestas rápidas sobre etiquetas meta, Open Graph y dónde colocar el código generado.
¿Qué es un generador de etiquetas meta?
Un generador de metaetiquetas convierte el título, la descripción, la URL y la imagen de una página en las etiquetas HTML que leen los motores de búsqueda y las redes sociales: la etiqueta title, la meta description, el enlace canónico, las etiquetas Open Graph y las etiquetas de Twitter Card.
¿Qué etiquetas meta genera esta herramienta?
Escribe la etiqueta title, meta title y description, rel=canonical, og:type, og:url, og:title, og:description, og:image con ancho y alto, og:site_name, así como las etiquetas twitter:card, title, description, image y site.
¿Dónde pego las etiquetas meta generadas?
Pégalos dentro de la sección head de tu HTML, justo antes de la etiqueta de cierre head. Si usas Framer, Webflow, WordPress o Shopify, introduce el mismo título, descripción e imagen en los ajustes de SEO de la página.
¿Siguen importando las metaetiquetas para el SEO?
La etiqueta del título sigue siendo un factor de posicionamiento, y la metadescripción es lo que la mayoría de la gente lee en los resultados de búsqueda antes de hacer clic. Las etiquetas de Open Graph y Twitter determinan el aspecto de tu enlace al compartirlo, lo que también influye en los clics.
¿Este generador de metaetiquetas es gratuito?
Sí. Se ejecuta en tu navegador, no necesita cuenta y nada de lo que escribes se almacena.