Buat situs satu halaman dengan markup SEO dalam 7 menit
Hasilkan kode HTML dengan meta tag melalui Google Antigravity, periksa SEO melalui Gemini, dan publikasikan di hosting gratis Netlify Drop
- 1.Buka Google Antigravity di browser dan buat proyek baru.
Jika layanan tidak tersedia di wilayah Anda, coba VPN atau generator situs AI alternatif. Antigravity adalah alat pembuat kode, bukan hosting: file jadi akan Anda publikasikan terpisah di layanan lain.
Google Antigravity ↗Tentang alat ini - 2.Tempel prompt untuk membuat situs satu halaman dengan markup SEO lengkap. Ganti teks dalam kurung siku dengan data Anda.
Jangan masukkan data pribadi asli (telepon, email) di prompt - teks dikirim ke server Google. Tambahkan kontak nanti secara manual di kode jadi.
Google Antigravity ↗Tentang alat iniPromptBuat situs web satu halaman responsif untuk [desainer grafis freelance bernama Anna]. Bagian: hero dengan [judul «Desain yang bekerja untuk bisnis Anda»], tentang, portofolio dengan [3 placeholder proyek], layanan dengan [3 layanan: logo, brand book, kemasan], placeholder formulir kontak. Tambahkan SEO lengkap di <head>: title maks 60 karakter, meta description maks 155 karakter, Open Graph (og:title, og:description, og:type=website, og:url placeholder), Twitter Card (summary_large_image), JSON-LD untuk ProfessionalService. Gunakan [#2D5BFF] sebagai warna utama. Mobile-first, HTML semantik, label ARIA.
Apa fungsi prompt iniPrompt meminta AI membuat situs satu halaman responsif dengan paket SEO lengkap: meta tag, Open Graph untuk media sosial, Twitter Card, dan markup JSON-LD. Ganti konten dalam kurung siku: nama, judul, layanan, warna. - 3.Salin seluruh HTML yang dihasilkan (termasuk CSS di <style> dan JSON-LD di <script>) dan simpan dalam file bernama index.html di desktop.
Jika Antigravity menawarkan untuk mengunduh file - unduh dan ganti namanya menjadi index.html. Jika menampilkan kode di editor - pilih semua (Ctrl+A), salin (Ctrl+C), dan tempel di file baru di Notepad atau TextEdit, simpan sebagai index.html.
Google Antigravity ↗Tentang alat ini - 4.Buka Gemini, tempel prompt di bawah. Ganti [ProfessionalService] dengan jenis skema Anda dan tempel konten tag <head> dari index.html Anda sebagai pengganti placeholder.
Gemini akan memeriksa apakah semua tag SEO wajib sudah ada, dan mengembalikan <head> yang diperbaiki.
Gemini ↗Tentang alat iniPromptAnda adalah spesialis SEO. Tinjau <head> HTML ini dan perbaiki. Pastikan elemen berikut ada dan teroptimasi: 1) <title> maks 60 karakter, 2) meta description maks 155 karakter, 3) placeholder canonical URL, 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 untuk [ProfessionalService] dengan name, description, url, telephone, address. Kembalikan HANYA blok kode <head> yang diperbaiki, tanpa penjelasan. Berikut head saya saat ini: [tempel bagian head Anda di sini]
Apa fungsi prompt iniPrompt meminta Gemini memeriksa dan meningkatkan SEO di blok <head>: melengkapi tag yang hilang (canonical, robots, Open Graph, Twitter Card, JSON-LD) dan mengembalikan hanya kode yang diperbaiki. Ganti jenis skema dalam kurung dan tempel <head> Anda. - 5.Ganti blok <head>…</head> di file index.html dengan versi yang diperbaiki dari Gemini. Simpan file.
Buka index.html di Notepad (Windows) atau TextEdit dalam mode Plain Text (Mac), temukan <head> dan </head>, ganti seluruh blok sepenuhnya.
- 6.Buka halaman Netlify Drop dan seret file index.html ke area titik-titik. Situs akan dipublikasikan otomatis dalam beberapa detik.
Antigravity menghasilkan kode situs, tetapi tidak menerbitkannya di internet - untuk publikasi diperlukan hosting terpisah. Netlify Drop tidak memerlukan pendaftaran dan kartu: Anda langsung mendapatkan URL seperti [random-name].netlify.app. Jika diinginkan, hubungkan domain Anda nanti di pengaturan Netlify.
Netlify Drop ↗ - 7.Buka URL yang diperoleh, tekan Ctrl+U (lihat kode sumber) dan pastikan title, meta description, dan JSON-LD ada. Untuk memeriksa markup, tempel URL di Google Rich Results Test.
Jika JSON-LD tidak dikenali - periksa bahwa itu berada di dalam tag <script type='application/ld+json'> dan tidak mengandung karakter tambahan di luar JSON.
Google Rich Results Test ↗
- gratisGoogle Antigravity (paket gratis)Paket gratis memungkinkan membuat, mempublikasikan situs di subdomain, dan mengekspor HTML. Domain kustom dan penghapusan branding ada di paket berbayar; detail di halaman harga layanan.
- gratisGemini 3.7 Flash (terintegrasi di Antigravity)Model tersedia di dalam Antigravity pada paket gratis untuk pembuatan konten dan SEO - tidak perlu langganan terpisah.
Kenapa hari ini
Layanan AI berubah cepat - antarmuka dan batas gratis bisa berbeda dari yang dijelaskan.