SEO untuk developer: rendering, kode status HTTP, tag, performa, dan crawler AI

SEO untuk developer adalah bagian dari optimasi mesin pencari yang hidup di dalam kode: template, routing, rendering, header, dan performa. Tim marketing memilih kata kunci dan menulis konten, tetapi satu kode status yang salah, rute yang hanya dirender di klien, atau noindex yang terlupa bisa menghapus semua kerja itu dalam sekali deploy. Dasar-dasar SEO JavaScript dari Google menjelaskan tiga fase (crawling, rendering, pengindeksan), dan setiap fase punya titik gagal yang hanya bisa diperbaiki developer. Panduan ini membahasnya sesuai urutan kerusakannya.

Bagian SEO mana yang menjadi tanggung jawab developer?

Bagaimana halaman sebaiknya dirender untuk mesin pencari?

Googlebot merender JavaScript, tetapi pada langkah kedua yang bisa tertunda, dan Google sendiri menulis bahwa server-side rendering atau pre-rendering tetap merupakan ide yang bagus karena lebih cepat bagi pengguna dan crawler, dan tidak semua bot menjalankan JavaScript. Poin terakhir itu kini makin penting: dalam analisis Desember 2024 berjudul The rise of the AI crawler, Vercel menemukan bahwa saat ini tidak ada crawler AI besar yang merender JavaScript, dengan menyebut antara lain GPTBot, OAI-SearchBot, ChatGPT-User, ClaudeBot, dan PerplexityBot. Gemini, yang memakai infrastruktur Google, adalah pengecualian.

Dua aturan berlaku untuk framework apa pun. Link harus berupa elemen <a> dengan atribut href: Google menyatakan hanya bisa menemukan link dalam bentuk itu, jadi tombol dengan click handler dan rute berbasis fragmen adalah jalan buntu. Setiap rute juga butuh URL sendiri tanpa # yang langsung mengembalikan kontennya. Panduan kami tentang SEO JavaScript, SEO untuk single-page application, dan SEO Next.js membahas detail tiap framework.

Kode status HTTP mana yang penting untuk SEO?

Kode status adalah instruksi bagi crawler. Dokumentasi Google tentang kode status HTTP dan error jaringan menjelaskan cara setiap kelompok ditangani:

• 200: halaman layak diindeks. Jika kontennya tampak seperti error atau halaman kosong, Search Console melaporkan soft 404.
• 301 dan 308: redirect permanen, yang dianggap Google sebagai sinyal kuat untuk target. Gunakan untuk konten yang dipindahkan dan pergantian domain.
• 302 dan 307: redirect sementara, sinyal lemah. Jangan gunakan untuk perpindahan permanen.
• 404 dan 410: halaman tidak ada. Google lama-kelamaan berhenti memakai URL tersebut. Kembalikan 404 sungguhan, bukan 200 dengan teks "tidak ditemukan".
• 429 dan 5xx: crawler Google memperlambat crawling, dan URL yang terus-menerus mengembalikan error server akhirnya dikeluarkan dari indeks.

Periksa apa yang benar-benar dikirim server Anda dengan pemeriksa header HTTP, dan batasi rantai redirect menjadi satu lompatan: artikel kami tentang redirect SEO membahas pola migrasi.

Tag apa saja yang wajib ada di head HTML?

Setiap halaman yang bisa diindeks butuh title dan description unik, canonical yang merujuk ke dirinya sendiri, dan pada situs multibahasa, anotasi hreflang. Simpan semuanya di respons server:

<title>Running shoes for flat feet | Example</title>
<meta name="description" content="Tested picks, sizes and prices.">
<link rel="canonical" href="https://example.com/running-shoes-flat-feet">
<link rel="alternate" hreflang="fr" href="https://example.com/fr/chaussures-pieds-plats">
<meta name="robots" content="index, follow">

Tag canonical harus mengarah ke URL yang ingin Anda tampilkan di peringkat, dengan protokol, host, dan aturan garis miring akhir yang persis sama dengan yang dipakai situs Anda.

Bagaimana membangun URL dan link internal?

Mesin pencari mengindeks URL, jadi skema URL adalah keputusan SEO. Gunakan path yang mudah dibaca, huruf kecil, dipisahkan tanda hubung; pilih satu aturan garis miring akhir dan redirect yang lain; pertahankan satu URL untuk satu konten. Filter, pengurutan, dan parameter pelacakan melipatgandakan URL tanpa menambah konten: arahkan canonical-nya ke versi bersih dan jangan menautkan kombinasi parameter yang tidak ingin Anda crawl.

Link internal membawa penemuan sekaligus hierarki. Render navigasi, breadcrumb, dan blok konten terkait di server, beri daftar berhalaman link biasa ke setiap halaman, dan hindari infinite scroll tanpa URL berhalaman di belakangnya. Produk atau artikel yang hanya bisa dijangkau lewat pencarian internal atau filter JavaScript adalah halaman yatim bagi crawler.

Apa peran robots.txt dan sitemap?

robots.txt mengatur crawling, bukan pengindeksan: URL yang diblokir tetap bisa muncul di hasil pencarian jika halaman lain menautkannya. Untuk mengeluarkan halaman dari indeks, biarkan halaman itu di-crawl dan kembalikan noindex. Buat sitemap XML dari rute atau database Anda, cantumkan hanya URL kanonis berstatus 200, dan perbarui lastmod hanya saat konten benar-benar berubah. Uji aturan Anda dengan pemeriksa robots.txt sebelum setiap rilis, dan jangan pernah men-deploy robots.txt staging berisi "Disallow: /" ke produksi.

Bagaimana performa memengaruhi peringkat?

Google menggunakan Core Web Vitals sebagai bagian dari sinyal pengalaman halaman. Menurut web.dev, sebuah halaman dinilai baik bila mencapai ambang berikut pada persentil ke-75 pemuatan nyata, di seluler maupun desktop:

INP menggantikan First Input Delay sebagai Core Web Vital stabil pada 2024. Nilailah dengan data lapangan (Search Console, Chrome UX Report) dan debug dengan alat lab. Entri glosarium kami tentang Core Web Vitals mencantumkan alat-alatnya.

Bagaimana menambahkan data terstruktur?

Gunakan JSON-LD di dalam tag script, dirender di server, yang menjelaskan apa yang terlihat di halaman:

<script type="application/ld+json">
{"@context": "https://schema.org", "@type": "Article",
 "headline": "Running shoes for flat feet",
 "datePublished": "2026-10-01",
 "author": {"@type": "Person", "name": "Jane Doe"}}
</script>

Buat dari data yang sama dengan halaman agar keduanya tidak pernah berbeda, validasi di CI, dan hindari menyuntikkannya lewat tag manager. Generator schema menyediakan templat awal untuk tipe-tipe umum.

Bagaimana membuat situs bisa dibaca asisten AI?

Visibilitas di AI dimulai dari akses. Tentukan user agent AI mana yang Anda izinkan (GPTBot, OAI-SearchBot, ClaudeBot, PerplexityBot, dan lainnya) dan tulis aturan eksplisit di robots.txt; panduan kami tentang robots.txt untuk crawler AI menjelaskan perbedaan bot pelatihan dan bot pencarian. Lalu pastikan teks, harga, spesifikasi, dan FAQ ada di HTML awal, gunakan heading semantik dan tabel alih-alih teks dalam gambar, dan jaga halaman tetap ringan agar cepat diambil. File llms.txt bisa merangkum halaman penting Anda untuk alat AI, tetapi belum ada asisten besar yang mengonfirmasi memakainya: anggap opsional.

Sorank adalah produk kami: software SEO dan GEO yang berjalan dengan autopilot. Developer biasanya mengenalnya lewat integrasi: Sorank menerbitkan artikel ke WordPress, Shopify, Webflow, atau Wix, atau ke stack kustom apa pun melalui webhook, seperti dijelaskan di halaman instalasi. SEO Chat menjawab pertanyaan tentang situs Anda dalam percakapan, dan Pelacakan Sebutan AI memeriksa setiap minggu apakah ChatGPT, Claude, dan Gemini menyebut merek Anda.

Ringkasnya: kirim dari server HTML yang lengkap, kode status yang jujur, dan tag yang benar, lalu ukur performa pada pengguna nyata. Itu melayani Googlebot sekaligus crawler AI yang tidak menjalankan JavaScript. Untuk mengisi situs yang dibangun dengan baik dengan konten yang mendapat peringkat, lihat paket Sorank, mulai dari $49 per bulan dengan uji coba gratis 3 hari.