Crea un sitio web de una página con marcado SEO en 7 minutos
Genera código HTML con metaetiquetas mediante Google Antigravity, verifica el SEO con Gemini y publica en el hosting gratuito Netlify Drop
- 1.Abre Google Antigravity en el navegador y crea un nuevo proyecto.
Si el servicio no está disponible en tu región, prueba con una VPN o un generador de sitios IA alternativo. Antigravity es una herramienta de generación de código, no de hosting: el archivo listo deberás publicarlo por separado en otro servicio.
Google Antigravity ↗Sobre la herramienta - 2.Pega el prompt para generar un sitio web de una página con marcado SEO completo. Sustituye el texto entre corchetes por tus datos.
No incluyas datos personales reales en el prompt (teléfono, email): el texto se envía a los servidores de Google. Añade los contactos más tarde manualmente en el código listo.
Google Antigravity ↗Sobre la herramientaPromptCrea un sitio web responsive de una página para [un diseñador gráfico freelance llamado Anna]. Secciones: hero con [titular «Diseño que trabaja para tu negocio»], about, portfolio con [3 marcadores de proyecto], services con [3 servicios: logotipo, manual de marca, embalaje], placeholder de formulario de contacto. Añade SEO completo en <head>: title máximo 60 caracteres, meta description máximo 155 caracteres, Open Graph (og:title, og:description, og:type=website, og:url placeholder), Twitter Card (summary_large_image), JSON-LD para ProfessionalService. Usa [#2D5BFF] como color principal. Mobile-first, HTML semántico, etiquetas ARIA.
Qué hace este promptEl prompt pide a la IA crear un sitio responsive de una página con un conjunto SEO completo: metaetiquetas, Open Graph para redes sociales, Twitter Card y microdatos JSON-LD. Sustituye el contenido entre corchetes: nombre, titular, servicios, color. - 3.Copia todo el HTML generado (incluido el CSS en <style> y JSON-LD en <script>) y guárdalo en un archivo llamado index.html en el escritorio.
Si Antigravity ofrece descargar el archivo, descárgalo y renómbralo como index.html. Si muestra el código en el editor, selecciona todo (Ctrl+A), copia (Ctrl+C) y pégalo en un archivo nuevo en Bloc de notas o TextEdit, y guárdalo como index.html.
Google Antigravity ↗Sobre la herramienta - 4.Abre Gemini, pega el prompt de abajo. Sustituye [ProfessionalService] por tu tipo de esquema e inserta el contenido de la etiqueta <head> de tu index.html en lugar del marcador.
Gemini comprobará si todas las etiquetas SEO obligatorias están presentes y devolverá el <head> corregido.
Gemini ↗Sobre la herramientaPromptEres un especialista en SEO. Revisa este <head> HTML y mejóralo. Asegúrate de que estén presentes y optimizados: 1) <title> máximo 60 caracteres, 2) meta description máximo 155 caracteres, 3) placeholder de canonical URL, 4) metaetiqueta robots, 5) Open Graph: og:title, og:description, og:image, og:url, og:type, 6) Twitter Card: twitter:card=summary_large_image, twitter:title, twitter:description, twitter:image, 7) JSON-LD para [ProfessionalService] con name, description, url, telephone, address. Devuelve ÚNICAMENTE el bloque de código <head> corregido, sin explicaciones. Aquí está mi head actual: [pega aquí tu sección head]
Qué hace este promptEl prompt pide a Gemini verificar y mejorar el SEO del bloque <head>: completar las etiquetas faltantes (canonical, robots, Open Graph, Twitter Card, JSON-LD) y devolver solo el código corregido. Sustituye el tipo de esquema entre corchetes y pega tu <head>. - 5.Reemplaza el bloque <head>…</head> en el archivo index.html por la versión mejorada de Gemini. Guarda el archivo.
Abre index.html en Bloc de notas (Windows) o TextEdit en modo texto sin formato (Mac), busca <head> y </head>, y reemplaza todo el bloque completo.
- 6.Abre la página de Netlify Drop y arrastra el archivo index.html al área punteada. El sitio se publicará automáticamente en unos segundos.
Antigravity genera el código del sitio, pero no lo publica en internet: para publicar necesitas un hosting aparte. Netlify Drop no requiere registro ni tarjeta: obtendrás de inmediato una URL del tipo [random-name].netlify.app. Si lo deseas, más adelante puedes conectar tu propio dominio en los ajustes de Netlify.
Netlify Drop ↗ - 7.Abre la URL obtenida, pulsa Ctrl+U (ver código fuente) y comprueba que title, meta description y JSON-LD estén presentes. Para verificar la microdata, pega la URL en Google Rich Results Test.
Si JSON-LD no se reconoce, verifica que esté dentro de la etiqueta <script type="application/ld+json"> y que no contenga caracteres extraños fuera del JSON.
Google Rich Results Test ↗
- gratisGoogle Antigravity (plan gratuito)El plan gratuito permite crear, publicar sitios en un subdominio y exportar HTML. Dominio personalizado y eliminación de marca en el plan de pago; detalles en la página de tarifas del servicio.
- gratisGemini 3.7 Flash (integrado en Antigravity)El modelo está disponible dentro de Antigravity en el plan gratuito para generar contenido y SEO; no se requiere una suscripción aparte.
Por qué hoy
Los servicios de IA cambian rápido - las interfaces y los límites gratuitos pueden diferir de lo descrito.