Panduan

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:

  1. 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.
  2. 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.
  3. 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:

PendekatanCara ia berfungsiSesuai untukPertukaran
Laman statikHalaman dibina sebagai fail HTML biasa terlebih dahuluLaman pemasaran, portfolio, dokumentasi, blogKurang 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 pelayarSPA dengan set halaman awam yang diketahuiHalaman 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 senaraiMemerlukan pelayan yang sedang berjalan; lebih banyak bahagian yang bergerak
Pemaparan dinamikHidangkan HTML prarender kepada bot dan SPA kepada orangPenyelesaian kerja lamaGoogle 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 h1 bagi setiap halaman, kemudian struktur h2/h3 yang 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:

MetrikMengukurBaik
Largest Contentful Paint (LCP)Betapa cepat kandungan utama muncul2.5 s atau kurang
Interaction to Next Paint (INP)Betapa cepat halaman bertindak balas kepada input200 ms atau kurang
Cumulative Layout Shift (CLS)Betapa banyak reka letak melompat semasa dimuatkan0.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 h1 bagi setiap halaman, pautan <a href> yang sebenar, teks alt pada imej
  • sitemap.xml dengan URL sebenar; robots.txt yang 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.

Mythex · Pricing · Bina apa sahaja dengan AI · Templat laman web dan aplikasi · Mythex dibandingkan · Glosari pembinaan aplikasi AI · Alat percuma untuk membina aplikasi dengan AI · English

English አማርኛ العربية Български বাংলা Bosanski Català Čeština Dansk Deutsch Ελληνικά Español Español (España) Eesti فارسی Suomi Français Français (Canada) ગુજરાતી हिन्दी Hrvatski Magyar Հայերեն Bahasa Indonesia Íslenska Italiano 日本語 ქართული Қазақ тілі ಕನ್ನಡ 한국어 Lietuvių Latviešu Македонски മലയാളം Монгол मराठी မြန်မာ Norsk bokmål Nederlands ਪੰਜਾਬੀ Polski Português (Brasil) Português (Portugal) Română Русский Slovenčina Slovenščina Soomaali Shqip Srpski Svenska Kiswahili தமிழ் తెలుగు ไทย Tagalog Türkçe Українська اردو Tiếng Việt 简体中文 繁體中文(香港) 繁體中文(台灣)