SEO untuk Laman Web Dibina AI: Apa yang Benar-benar Penting
Laman web yang dibina AI boleh mendapat kedudukan sebaik mana-mana laman lain: enjin carian menilai apa yang terkandung dalam halaman dan sejauh mana ia melayani pelawat, bukan alat yang menulis kodnya. Cabarannya bersifat teknikal. Banyak pembina AI menghasilkan aplikasi satu halaman yang menghantar kepada pelayar fail HTML yang hampir kosong dan melukis kandungan dengan JavaScript, yang menyukarkan perayap membaca dan berkongsi setiap halaman. Selesaikan dengan prarender atau pemaparan di pelayan, beri setiap halaman tajuk, penerangan dan URL sendiri, tambahkan peta laman, pastikan ia pantas, dan kemudian lakukan bahagian yang tiada alat boleh lakukan untuk anda — tulis kandungan yang dicari orang.
Mengapa aplikasi satu halaman boleh sukar dicari
Laman web tradisional menghantar keseluruhan teks setiap halaman dalam HTML-nya. Aplikasi satu halaman (SPA) — output lalai bagi banyak pembina AI, biasanya React dengan alat seperti Vite — menghantar cangkerang HTML kecil, sesuatu seperti <div id="root"> yang kosong, ditambah bundle JavaScript. Pelayar menjalankan JavaScript, yang kemudian membina halaman itu.
Ini penting untuk carian dalam tiga cara:
- Pemaparan ialah langkah tambahan. Google menerangkan tiga fasa untuk halaman JavaScript: merangkak HTML, memaparkannya dalam pelayar Chromium tanpa kepala, kemudian mengindeks hasil yang dipaparkan. Panduan Google sendiri menyatakan bahawa pemaparan di pelayan atau prarender tetap idea yang baik kerana ia lebih pantas untuk pengguna dan perayap, dan kerana tidak semua bot boleh menjalankan JavaScript.
- Pembaca lain halaman anda tidak memaparkan langsung. Pratonton pautan dalam aplikasi sembang dan rangkaian sosial, dan banyak perayap lain, biasanya hanya membaca HTML awal. Jika tajuk dan imej pratonton anda ditetapkan oleh JavaScript selepas dimuatkan, pratonton itu menunjukkan nilai lalai cangkerang kosong — selalunya tajuk yang sama pada setiap halaman.
- Semuanya berkongsi satu fail HTML. Melainkan aplikasi mengemas kininya, setiap URL mempunyai
<title>dan penerangan yang sama, yang memberitahu enjin carian sedikit tentang setiap halaman.
Tiada daripada ini bermakna SPA tidak boleh diindeks. Ia bermakna anda bergantung pada perayap untuk melakukan lebih banyak kerja, dan anda kehilangan kawalan terhadap apa yang dilihat oleh pembaca yang tidak memaparkan.
Pilih pendekatan pemaparan
Ada empat cara biasa untuk mendapatkan HTML sebenar kepada perayap. Mengikut urutan kadar ia mengubah aplikasi anda:
| Pendekatan | Cara ia berfungsi | Sesuai untuk | Pertukaran |
|---|---|---|---|
| Laman statik | Halaman dibina sebagai fail HTML biasa terlebih dahulu | Laman pemasaran, portfolio, dokumentasi, blog | Kurang sesuai untuk halaman peribadi yang memerlukan log masuk |
| Prarender (penjanaan laman statik) | Pada masa binaan, setiap laluan awam dipaparkan menjadi fail HTML; JavaScript mengambil alih dalam pelayar | SPA dengan set halaman awam yang diketahui | Halaman hanya dikemas kini apabila anda membina semula |
| Pemaparan di pelayan (SSR) | Pelayan memaparkan HTML bagi setiap permintaan (Next.js, Remix, Nuxt dan sejenisnya) | Kandungan awam yang besar atau kerap berubah, contohnya senarai | Memerlukan pelayan yang sedang berjalan; lebih banyak bahagian yang bergerak |
| Pemaparan dinamik | Hidangkan HTML prarender kepada bot dan SPA kepada orang | Penyelesaian kerja lama | Google kini menganggapnya sebagai penyelesaian sementara, bukan penyelesaian jangka panjang, dan mengesyorkan SSR, pemaparan statik atau hidrasi sebagai gantinya |
Peraturan praktikal: bahagian awam dan boleh dicari bagi laman anda hendaklah statik atau diprarender; aplikasi log masuk di belakangnya boleh kekal sebagai SPA biasa. Enjin carian tidak sepatutnya mengindeks papan pemuka dalam apa keadaan sekalipun.
Jika anda bermula dari kosong dan SEO penting, nyatakannya dalam arahan pertama supaya AI memilih persediaan yang sesuai:
Bina laman pemasaran untuk klinik fisioterapi dengan halaman Utama, Perkhidmatan (satu halaman bagi setiap perkhidmatan), Tentang, Harga dan Hubungi. SEO penting: setiap halaman mesti menghantar kandungan penuh dan tajuk serta penerangan meta sendiri dalam HTML awal — gunakan persediaan statik atau prarender, bukan aplikasi React satu halaman yang dipaparkan oleh klien sahaja.
Jika anda sudah mempunyai SPA Vite, minta prarender laluan awam:
Kekalkan aplikasi React ini seperti sedia ada, tetapi prarender laluan awam (/, /pricing, /about, /blog dan setiap /blog/:slug) kepada HTML statik semasa binaan, dengan tajuk, penerangan meta, URL kanonik dan tag Open Graph sendiri. Laluan /app yang log masuk boleh kekal dipaparkan oleh klien.
Selepas itu, semak sendiri: buka halaman, pilih View page source (bukan panel Elements devtools, yang menunjukkan halaman yang dipaparkan) dan sahkan teks serta tajuk ada dalam HTML mentah.
Dapatkan asas di halaman dengan betul
Ini terpakai tanpa mengira pendekatan pemaparan.
Tajuk dan penerangan meta
- Satu
<title>unik bagi setiap halaman, dengan topik utama halaman di hadapan. Sekitar 50–60 aksara ialah garis panduan biasa kerana tajuk yang lebih panjang cenderung dipotong dalam hasil. - Satu penerangan meta unik bagi setiap halaman — satu ayat yang orang mahu klik, bukan senarai kata kunci. Google mungkin menulis semula, tetapi penerangan yang baik selalunya digunakan.
- Tinggalkan meta keywords. Google menyatakan tag itu tidak memberi kesan kepada pengindeksan atau kedudukan.
URL, pengepala dan pautan
- URL sebenar untuk halaman sebenar. Setiap kandungan memerlukan laluan sendiri (
/services/sports-massage), bukan tab atau modal yang hanya wujud selepas klik. Elakkan penghalaan fragmen#untuk kandungan yang anda mahu diindeks. - Satu
h1bagi setiap halaman, kemudian strukturh2/h3yang munasabah. Reka bentuk yang dijana AI kadangkala menggunakan pengepala untuk gaya; minta pengepala semantik. - Pautan yang boleh dirangkak. Gunakan pautan
<a href>sebenar untuk navigasi. Butang yang menukar halaman dengan JavaScript tidak kelihatan kepada perayap yang mengikut pautan. - Tag kanonik yang menunjuk setiap halaman ke URL pilihannya, supaya varian
?utm=dan pendua dengan garis miring di hujung tidak bersaing. - Teks alt deskriptif pada imej yang bermakna.
Pratonton sosial
Tambahkan tag Open Graph (og:title, og:description, og:image, og:url) pada setiap halaman awam, dalam HTML awal. Inilah bahagian yang paling kerap salah bagi SPA, kerana bot pratonton pautan tidak menjalankan JavaScript.
Peta laman dan robots.txt
Peta laman ialah fail XML yang menyenaraikan URL yang anda mahu diindeks. Ia membantu enjin carian mencari halaman, terutamanya pada laman baharu dengan sedikit pautan masuk. Menurut dokumentasi Google, setakat September 2026:
- Satu peta laman boleh memuatkan sehingga 50,000 URL atau 50 MB tidak dimampatkan; pisahkan laman yang lebih besar dengan indeks peta laman.
- Google mengabaikan
<priority>dan<changefreq>. - Google hanya menggunakan
<lastmod>jika ia konsisten tepat, jadi kemas kininya untuk perubahan kandungan sebenar, bukan pada setiap binaan.
Fail robots.txt memberitahu perayap laluan mana yang tidak boleh dirangkak. Gunakannya untuk menghalang perayap daripada /app, /admin dan laluan API, dan tunjuk ke peta laman daripadanya. Ingat bahawa robots.txt menghentikan rangkakan, bukan pengindeksan: untuk menyembunyikan halaman daripada hasil, gunakan tag meta robots noindex dan benarkan ia dirangkak.
Hantar peta laman dalam Google Search Console sebaik sahaja laman berada di domain akhirnya. Search Console juga menunjukkan halaman mana yang diindeks dan sebab yang lain tidak — alat SEO percuma yang paling berguna.
Data berstruktur
Data berstruktur ialah penanda yang boleh dibaca mesin yang menerangkan apa itu halaman: sebuah organisasi, perniagaan tempatan, produk, artikel, acara. Google mengesyorkan format JSON-LD dan jelas tentang dua perkara:
- Ia boleh menjadikan halaman layak untuk hasil kaya tetapi tidak menjamin hasil tersebut.
- Ia mesti menerangkan maklumat yang kelihatan pada halaman. Jangan tandakan ulasan, harga atau FAQ yang tidak dapat dilihat pelawat.
Titik permulaan yang munasabah: Organization atau LocalBusiness pada halaman utama, Product pada halaman produk, Article pada catatan blog, BreadcrumbList pada halaman dalam. Uji dengan Rich Results Test Google.
Tambahkan data berstruktur JSON-LD: LocalBusiness pada halaman utama menggunakan alamat, telefon dan waktu buka yang sudah dipaparkan pada halaman, dan Article pada setiap catatan blog. Jangan tambah penilaian atau ulasan.
Kelajuan dan mudah alih
Google menggunakan isyarat pengalaman halaman, termasuk Core Web Vitals, dan kelajuan penting kepada pelawat walau apa pun. Ambang “baik” Google, diukur pada persentil ke-75 bagi muatan halaman, ialah:
| Metrik | Mengukur | Baik |
|---|---|---|
| Largest Contentful Paint (LCP) | Betapa cepat kandungan utama muncul | 2.5 s atau kurang |
| Interaction to Next Paint (INP) | Betapa cepat halaman bertindak balas kepada input | 200 ms atau kurang |
| Cumulative Layout Shift (CLS) | Betapa banyak reka letak melompat semasa dimuatkan | 0.1 atau kurang |
Pembetulan biasa untuk laman dibina AI:
- Imej — ubah saiz, mampatkan, gunakan format moden, tetapkan lebar dan tinggi (yang mencegah anjakan reka letak), dan muat malas (lazy-load) di bawah lipatan.
- JavaScript — bundle yang besar melambatkan segalanya pada SPA. Prarender membantu; begitu juga memisahkan kod mengikut laluan.
- Fon — hadkan keluarga dan berat fon dan pramuat yang digunakan di atas lipatan.
- Skrip pihak ketiga — setiap widget sembang dan piksel penjejakan menelan kelajuan. Simpan yang anda gunakan sahaja.
Uji URL langsung dengan PageSpeed Insights atau Lighthouse dalam mod mudah alih.
Kandungan tetap yang paling penting
SEO teknikal membuang halangan; ia tidak mencipta permintaan. Halaman mendapat kedudukan kerana ia menjawab carian dengan lebih baik daripada alternatif. Bagi kebanyakan laman kecil, itu bermakna:
- Satu halaman bagi setiap topik yang orang cari. Tukang paip memerlukan satu halaman bagi setiap perkhidmatan dan setiap kawasan yang dilayani, bukan satu halaman “Perkhidmatan” yang menyenaraikan semuanya.
- Butiran khusus dan asli — harga, proses, foto kerja sebenar, jawapan kepada soalan yang pelanggan tanyakan melalui telefon.
- Dikemas kini apabila ada perubahan. Waktu buka yang lama dan harga yang lapuk cepat menghilangkan kepercayaan.
AI boleh merangka halaman dengan cepat, yang menggoda untuk menerbitkan banyak halaman nipis dan serupa. Panduan Google menyasarkan kandungan yang dibuat terutamanya untuk mendapat kedudukan dan bukannya untuk membantu orang, tanpa mengira bagaimana ia dihasilkan. Gunakan AI untuk merangka, kemudian tambahkan apa yang hanya anda tahu. Laman bergaya direktori menghadapi cabaran ini paling kerap; lihat cara membina laman direktori untuk cara menjadikan halaman senarai berbaloi untuk diindeks.
Senarai semak pelancaran
- Halaman awam menghantar kandungan penuh dalam HTML awal (semak View page source)
- Tajuk, penerangan meta dan URL kanonik yang unik pada setiap halaman
- Tag Open Graph dan imej kongsi pada setiap halaman awam
- Satu
h1bagi setiap halaman, pautan<a href>yang sebenar, teks alt pada imej -
sitemap.xmldengan URL sebenar;robots.txtyang menyekat laluan aplikasi dan API - Data berstruktur hanya untuk kandungan yang kelihatan, dan telah diuji
- LCP, INP dan CLS dalam julat “baik” pada mudah alih
- Laman berada di domain akhirnya dengan HTTPS dan dihantar ke Search Console
Berpindah ke domain anda sendiri sebelum anda mula membina trafik carian mengelakkan ubah hala kemudian — lihat cara menyambungkan domain tersuai. Untuk proses pembinaan yang lebih luas, baca cara membina laman web dengan AI, dan untuk halaman yang bertujuan menukar pelawat, cara membina laman pendaratan yang menukar.
SEO di Mythex
Mythex tidak mempunyai panel SEO berasingan; anda meningkatkan SEO dengan menukar aplikasi melalui sembang atau kod. Aplikasi web baharu lalai kepada aplikasi React dan Vite satu halaman, jadi apabila carian penting, minta struktur statik atau prarender, atau Next.js, dari awal. Dokumentasi mempunyai arahan permulaan untuk tajuk, tag Open Graph, peta laman dan robots.txt dalam SEO untuk aplikasi anda, dan laman statik meliputi laman yang berfokus pada kandungan. Selepas perubahan, terbitkan semula supaya laman langsung mengambilnya. Domain tersuai tersedia pada Pro.
Soalan lazim
Adakah laman web dibina AI tidak baik untuk SEO?
Tidak secara semula jadi. Enjin carian menilai halaman, bukan alat yang menulisnya. Masalah yang biasa bersifat teknikal: banyak pembina AI menghasilkan aplikasi satu halaman yang kandungannya hanya muncul selepas JavaScript dijalankan, dan sesetengah perayap mengendalikannya dengan kurang baik. Prarender atau pemaparan di pelayan menyelesaikannya.
Bolehkah Google mengindeks aplikasi satu halaman React?
Google boleh memaparkan JavaScript, jadi ia selalunya boleh mengindeks aplikasi React yang dipaparkan oleh klien. Tetapi pemaparan ialah langkah tambahan, dan Google sendiri menyatakan bahawa tidak semua bot boleh menjalankan JavaScript, jadi ia mengesyorkan pemaparan di pelayan atau prarender jika anda boleh.
Adakah meta keywords masih penting?
Tidak. Google menyatakan bahawa ia tidak menggunakan tag meta keywords untuk pengindeksan atau kedudukan. Lebih baik gunakan usaha anda pada tajuk dan penerangan meta yang unik untuk setiap halaman.
Adakah data berstruktur meningkatkan kedudukan?
Data berstruktur membantu enjin carian memahami halaman dan boleh menjadikannya layak untuk hasil kaya, tetapi ia tidak menjamin hasil tersebut. Ia mesti menerangkan kandungan yang benar-benar kelihatan pada halaman.