Monte um site de uma página com marcação SEO em 7 minutos
Gere o código HTML com meta tags pelo Google Antigravity, verifique o SEO com o Gemini e publique na hospedagem gratuita Netlify Drop
- 1.Abra o Google Antigravity no navegador e crie um novo projeto.
Se o serviço não estiver disponível na sua região, tente uma VPN ou um gerador de sites com IA alternativo. Antigravity é uma ferramenta de geração de código, não de hospedagem: o arquivo pronto será publicado separadamente em outro serviço.
Google Antigravity ↗Sobre a ferramenta - 2.Cole o prompt para gerar um site de uma página com marcação SEO completa. Substitua o texto entre colchetes pelos seus dados.
Não insira dados pessoais reais no prompt (telefone, email) - o texto é enviado aos servidores do Google. Adicione os contatos depois manualmente no código pronto.
Google Antigravity ↗Sobre a ferramentaPromptCrie um site responsivo de uma página para [uma designer gráfica freelancer chamada Anna]. Seções: hero com [título «Design que funciona para o seu negócio»], sobre, portfólio com [3 espaços para projetos], serviços com [3 serviços: logotipo, manual de marca, embalagem], placeholder de formulário de contato. Adicione SEO completo no <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. Use [#2D5BFF] como cor primária. Mobile-first, HTML semântico, labels ARIA.
O que este prompt fazO prompt pede à IA para criar um site de uma página responsivo com conjunto completo de SEO: meta tags, Open Graph para redes sociais, Twitter Card e micromarcação JSON-LD. Substitua o conteúdo entre colchetes: nome, título, serviços, cor. - 3.Copie todo o HTML gerado (incluindo CSS em <style> e JSON-LD em <script>) e salve em um arquivo chamado index.html na área de trabalho.
Se o Antigravity oferecer baixar o arquivo - baixe e renomeie para index.html. Se mostrar o código no editor - selecione tudo (Ctrl+A), copie (Ctrl+C) e cole em um novo arquivo no Bloco de Notas ou TextEdit, salve como index.html.
Google Antigravity ↗Sobre a ferramenta - 4.Abra o Gemini, cole o prompt abaixo. Substitua [ProfessionalService] pelo seu tipo de esquema e cole o conteúdo da tag <head> do seu index.html no lugar do placeholder.
O Gemini verificará se todas as tags SEO obrigatórias estão presentes e retornará o <head> corrigido.
Gemini ↗Sobre a ferramentaPromptVocê é um especialista em SEO. Revise este <head> HTML e melhore-o. Garanta que estes elementos estejam presentes e otimizados: 1) <title> máximo 60 caracteres, 2) meta description máximo 155 caracteres, 3) placeholder de URL canônica, 4) meta tag 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] com name, description, url, telephone, address. Retorne APENAS o bloco de código <head> corrigido, sem explicações. Aqui está meu head atual: [cole sua seção head aqui]
O que este prompt fazO prompt pede ao Gemini para verificar e melhorar o SEO no bloco <head>: complementar tags ausentes (canonical, robots, Open Graph, Twitter Card, JSON-LD) e retornar apenas o código corrigido. Substitua o tipo de esquema entre colchetes e cole seu <head>. - 5.Substitua o bloco <head>…</head> no arquivo index.html pela versão melhorada do Gemini. Salve o arquivo.
Abra o index.html no Bloco de Notas (Windows) ou TextEdit no modo Plain Text (Mac), encontre <head> e </head>, substitua todo o bloco inteiro.
- 6.Abra a página do Netlify Drop e arraste o arquivo index.html para a área pontilhada. O site será publicado automaticamente em poucos segundos.
O Antigravity gera o código do site, mas não o publica na internet - para publicar é necessária uma hospedagem separada. O Netlify Drop não exige cadastro nem cartão: você receberá imediatamente uma URL no formato [random-name].netlify.app. Se desejar, conecte seu próprio domínio depois nas configurações do Netlify.
Netlify Drop ↗ - 7.Abra a URL recebida, pressione Ctrl+U (ver código-fonte) e confirme que title, meta description e JSON-LD estão presentes. Para verificar a micromarcação, cole a URL no Google Rich Results Test.
Se o JSON-LD não for reconhecido - verifique se está dentro da tag <script type='application/ld+json'> e não contém caracteres extras fora do JSON.
Google Rich Results Test ↗
- grátisGoogle Antigravity (plano gratuito)O plano gratuito permite criar, publicar sites em subdomínio e exportar HTML. Domínio personalizado e remoção de branding estão no plano pago; detalhes na página de planos do serviço.
- grátisGemini 3.7 Flash (integrado no Antigravity)O modelo está disponível dentro do Antigravity no plano gratuito para geração de conteúdo e SEO - não é necessária assinatura separada.
Por que hoje
Serviços de IA mudam rápido - interfaces e limites gratuitos podem diferir do descrito.