← Рецепты дняРабота✓ Проверено 20 авг. 2026 г.

Соберите одностраничный сайт с SEO-разметкой за 7 минут

Сгенерируйте HTML-код с мета-тегами через Google Antigravity, проверьте SEO через Gemini и опубликуйте на бесплатном хостинге Netlify Drop

  1. 1.Откройте Google Antigravity в браузере и создайте новый проект.

    Если сервис недоступен в вашем регионе, попробуйте VPN или альтернативный AI-генератор сайтов. Antigravity - инструмент генерации кода, а не хостинг: готовый файл вы будете публиковать отдельно на другом сервисе.

    Google Antigravity ↗Об инструменте
  2. 2.Вставьте промпт для генерации одностраничного сайта с полной SEO-разметкой. Замените текст в квадратных скобках на свои данные.

    Не указывайте в промпте реальные личные данные (телефон, email) - текст передаётся на серверы Google. Добавьте контакты позже вручную в готовый код.

    Google Antigravity ↗Об инструменте
    Промпт
    Create a responsive one-page website for [a freelance graphic designer named Anna]. Sections: hero with [headline «Дизайн, который работает на ваш бизнес»], about, portfolio with [3 project placeholders], services with [3 services: логотип, брендбук, упаковка], contact form placeholder. Add complete SEO in <head>: title max 60 chars, meta description max 155 chars, Open Graph (og:title, og:description, og:type=website, og:url placeholder), Twitter Card (summary_large_image), JSON-LD for ProfessionalService. Use [#2D5BFF] as primary color. Mobile-first, semantic HTML, ARIA labels.
    Что делает этот промптПромпт на английском просит AI создать одностраничный адаптивный сайт с полным SEO-набором: meta-теги, Open Graph для соцсетей, Twitter Card и JSON-LD микроразметку. Замените содержимое в квадратных скобках: имя, заголовок, услуги, цвет.
  3. 3.Скопируйте весь сгенерированный HTML (включая CSS в <style> и JSON-LD в <script>) и сохраните в файл с именем index.html на рабочем столе.

    Если Antigravity предлагает скачать файл - скачайте и переименуйте в index.html. Если показывает код в редакторе - выделите всё (Ctrl+A), скопируйте (Ctrl+C) и вставьте в новый файл в Блокноте или TextEdit, сохраните как index.html.

    Google Antigravity ↗Об инструменте
  4. 4.Откройте Gemini, вставьте промпт ниже. Замените [ProfessionalService] на ваш тип схемы и вставьте содержимое тега <head> из вашего index.html вместо плейсхолдера.

    Gemini проверит, все ли обязательные SEO-теги на месте, и вернёт исправленный <head>.

    Gemini ↗Об инструменте
    Промпт
    You are an SEO specialist. Review this HTML <head> and improve it. Ensure these are present and optimized: 1) <title> max 60 chars, 2) meta description max 155 chars, 3) canonical URL placeholder, 4) robots meta tag, 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 for [ProfessionalService] with name, description, url, telephone, address. Return ONLY the corrected <head> code block, no explanations. Here is my current head: [paste your head section here]
    Что делает этот промптПромпт просит Gemini проверить и улучшить SEO в блоке <head>: дополнить недостающие теги (canonical, robots, Open Graph, Twitter Card, JSON-LD) и вернуть только исправленный код. Замените тип схемы в скобках и вставьте свой <head>.
  5. 5.Замените блок <head>…</head> в файле index.html на улучшенную версию от Gemini. Сохраните файл.

    Откройте index.html в Блокноте (Windows) или TextEdit в режиме Plain Text (Mac), найдите <head> и </head>, замените весь блок целиком.

  6. 6.Откройте страницу Netlify Drop и перетащите файл index.html в пунктирную область. Сайт опубликуется автоматически за несколько секунд.

    Antigravity генерирует код сайта, но не размещает его в интернете - для публикации нужен отдельный хостинг. Netlify Drop не требует регистрации и карты: вы сразу получите URL вида [random-name].netlify.app. При желании позже подключите свой домен в настройках Netlify.

    Netlify Drop ↗
  7. 7.Откройте полученный URL, нажмите Ctrl+U (просмотр исходного кода) и убедитесь, что title, meta description и JSON-LD присутствуют. Для проверки микроразметки вставьте URL в Google Rich Results Test.

    Если JSON-LD не распознаётся - проверьте, что он внутри тега <script type="application/ld+json"> и не содержит лишних символов вне JSON.

    Google Rich Results Test ↗
💰 Сколько это стоитцены на 2026-08
  • бесплатноGoogle Antigravity (free tier)Бесплатный тариф позволяет создавать, публиковать сайты на поддомене и экспортировать HTML. Кастомный домен и удаление брендинга - в платном тарифе; подробности на странице тарифов сервиса.
  • бесплатноGemini 3.7 Flash (встроен в Antigravity)Модель доступна внутри Antigravity на бесплатном тарифе для генерации контента и SEO - отдельная подписка не требуется.
Попробуй и отметься первым

Почему сегодня

2
роликов у блогеров за 48 ч
7,2 тыс.
суммарных просмотров
Julian Goldie SEOyoutubeКанал в каталоге

ИИ-сервисы быстро меняются - интерфейсы и бесплатные лимиты могут отличаться от описанных.