Contoh website sekolah yang baik bukan yang paling ramai animasinya, tetapi yang membuat orang tua menemukan informasi dalam beberapa detik: profil dan akreditasi sekolah, informasi penerimaan murid baru, pengumuman terbaru, agenda, dan cara menghubungi sekolah. Strukturnya hampir sama untuk SD, SMP, SMA, SMK, maupun pesantren. Yang berbeda adalah halaman tambahan yang disesuaikan dengan jenjang dan siapa yang paling sering membukanya.
Artikel ini membedah contoh struktur website sekolah halaman demi halaman, perbedaan kebutuhan per jenjang, isi yang wajib ada, kesalahan yang paling sering kami temui, dan langkah membuatnya dari nol. Contoh nyata diambil dari website SMA Negeri 1 Yogyakarta dan SMA Negeri 3 Bandung (tangkapan layar 9 Oktober 2026, tautan ke situsnya ada di keterangan gambar), sedangkan peta situs di bawah adalah diagram rancangan kami sendiri.
Siapa yang membuka website sekolah dan apa yang mereka cari
Sebelum memikirkan desain, pahami dulu siapa pengunjungnya. Website sekolah melayani beberapa kelompok sekaligus, dan masing-masing datang dengan pertanyaan yang berbeda.
- Calon orang tua murid. Mereka membandingkan beberapa sekolah. Yang dicari: akreditasi, program unggulan, fasilitas, biaya bila ada, dan terutama informasi penerimaan murid baru.
- Orang tua murid yang sudah bersekolah. Mereka datang untuk pengumuman, kalender akademik, jadwal libur, dan kontak wali kelas atau tata usaha.
- Murid. Biasanya mencari jadwal, informasi ekstrakurikuler, dan hasil kegiatan atau lomba.
- Alumni, mitra, dan instansi. Mencari profil resmi, alamat, dan kontak untuk kerja sama atau verifikasi.
Kelompok pertama adalah yang paling menentukan, karena keputusan mendaftar sering dimulai dari pencarian di Google seperti "SD terdekat" atau nama sekolah. Perlu dicatat, sejak tahun ajaran 2025/2026 istilah resmi Penerimaan Peserta Didik Baru (PPDB) diganti menjadi Sistem Penerimaan Murid Baru (SPMB) untuk TK, SD, SMP, SMA, dan SMK. Orang tua masih mencari dengan kedua istilah, jadi halaman informasinya sebaiknya menyebut keduanya.
Contoh struktur halaman website sekolah
Struktur berikut kami pakai sebagai titik awal untuk website sekolah. Jumlah halamannya sengaja tidak banyak, supaya bisa dirawat oleh staf sekolah tanpa bantuan teknis setiap minggu.
Tabel ini lebih lebar dari layar. Geser ke samping untuk melihat seluruh kolom.
| Halaman | Isi utama | Diperbarui |
|---|---|---|
| Beranda | Nama dan identitas sekolah, ringkasan keunggulan, tautan cepat ke pendaftaran, tiga pengumuman terbaru | Setiap ada pengumuman penting |
| Profil | Sejarah singkat, visi dan misi, akreditasi, struktur organisasi, fasilitas | Setahun sekali atau saat ada perubahan |
| Penerimaan murid baru | Syarat, jadwal, kuota, biaya bila ada, alur pendaftaran, tautan formulir atau sistem dinas | Setiap tahun ajaran |
| Program dan kegiatan | Kurikulum, program unggulan, ekstrakurikuler, prestasi | Setiap semester |
| Guru dan staf | Nama, jabatan, dan bidang ajar (tanpa data pribadi berlebihan) | Setiap ada mutasi |
| Berita dan pengumuman | Pengumuman resmi, liputan kegiatan, kalender akademik | Mingguan atau sesuai kegiatan |
| Kontak | Alamat lengkap, peta, jam layanan tata usaha, nomor telepon atau WhatsApp, email | Saat ada perubahan |
Kalau sekolah punya banyak kegiatan, galeri bisa menjadi halaman tersendiri. Kalau tidak, cukup sisipkan foto di dalam berita kegiatan, sehingga tidak ada halaman galeri yang kosong berbulan-bulan.
Contoh tata letak beranda website sekolah
Beranda adalah halaman yang paling banyak dibuka, tetapi pengunjung jarang membacanya sampai habis. Tugas beranda adalah mengarahkan, bukan menampung semua informasi. Urutan seksi yang kami sarankan dari atas ke bawah:
- Kepala halaman berisi nama sekolah, jenjang, dan kota, lalu satu kalimat yang menjelaskan keunggulan utama, misalnya program tahfiz, kelas bilingual, atau jurusan yang terserap industri.
- Tombol cepat ke informasi penerimaan murid baru dan ke kontak. Saat masa pendaftaran, tombol ini menjadi elemen paling menonjol di halaman.
- Tiga pengumuman terbaru dengan tanggal yang terlihat jelas. Tanggal penting supaya pengunjung tahu informasinya masih berlaku.
- Ringkasan program dalam tiga sampai enam kartu, masing-masing menautkan ke halaman detail.
- Bukti seperti akreditasi dan prestasi terbaru, dengan sumber atau tahun yang jelas.
- Kaki halaman berisi alamat, peta kecil, jam layanan, dan nomor yang bisa dihubungi.
Pola tata letak ini mirip dengan website company profile yang kami bahas di contoh website company profile, karena tujuannya sama: membangun kepercayaan lalu mengarahkan ke satu tindakan. Kalau Anda ingin merancang kerangkanya lebih dulu sebelum masuk ke desain, lihat contoh wireframe website.
Perbedaan kebutuhan website SD, SMP, SMA, SMK, dan pesantren
Kerangka dasarnya sama, tetapi setiap jenjang punya pengunjung dan pertanyaan yang sedikit berbeda. Tabel berikut merangkum halaman tambahan yang biasanya layak dibuat.
Tabel ini lebih lebar dari layar. Geser ke samping untuk melihat seluruh kolom.
| Jenjang | Pengunjung utama | Halaman atau seksi tambahan yang layak |
|---|---|---|
| SD dan TK | Orang tua calon murid | Rutinitas harian dan jam belajar, layanan antar jemput bila ada, kegiatan pembiasaan, kontak wali kelas |
| SMP | Orang tua dan murid | Ekstrakurikuler, prestasi lomba, program pembinaan karakter |
| SMA | Murid dan orang tua | Pilihan peminatan, sebaran alumni ke perguruan tinggi bila datanya ada, kegiatan organisasi siswa |
| SMK | Calon murid, orang tua, dan industri | Halaman per kompetensi keahlian, mitra praktik kerja industri, bursa kerja khusus, unit produksi atau jasa sekolah |
| Pesantren dan sekolah berasrama | Orang tua dari luar kota | Kehidupan asrama, jadwal harian santri, program tahfiz atau kitab, aturan kunjungan, biaya asrama |
Untuk SMK, halaman per kompetensi keahlian sering menjadi halaman yang paling banyak dicari di luar masa pendaftaran, karena calon murid mencari jurusan tertentu, misalnya teknik kendaraan ringan atau akuntansi, ditambah nama kota. Satu jurusan satu halaman memudahkan Google mencocokkan halaman dengan pencarian seperti itu.
Untuk sekolah berasrama, pengunjung sering berasal dari luar kota dan belum pernah melihat lokasinya. Foto asli gedung, kamar, dan lingkungan sekolah sangat membantu. Gunakan foto milik sekolah sendiri, bukan gambar dari internet atau gambar buatan, karena orang tua akan datang dan membandingkannya dengan kenyataan.
Contoh halaman informasi penerimaan murid baru
Halaman ini layak mendapat perhatian khusus. Halaman penerimaan murid baru yang baik menjawab semua pertanyaan dasar tanpa membuat orang tua harus menelepon. Isi minimalnya:
- Tahun ajaran yang berlaku, ditulis di judul dan paragraf pertama, supaya tidak tertukar dengan informasi tahun lalu.
- Jalur dan kuota sesuai ketentuan yang berlaku untuk sekolah tersebut.
- Syarat dan dokumen dalam bentuk daftar periksa.
- Jadwal dari pendaftaran sampai pengumuman dan daftar ulang, dalam tabel bertanggal.
- Alur pendaftaran langkah demi langkah, termasuk tautan ke sistem yang ditetapkan dinas bila sekolah memakainya.
- Biaya bila ada, dirinci per komponen, atau pernyataan jelas bila tidak ada pungutan.
- Kontak panitia dengan jam layanan.
Satu kebiasaan yang membantu: jangan membuat halaman baru setiap tahun dengan alamat berbeda. Pakai satu alamat tetap, misalnya /penerimaan-murid-baru/, lalu perbarui isinya setiap tahun ajaran. Dengan begitu, tautan yang sudah tersebar di grup WhatsApp orang tua dan riwayat halaman di Google tetap berlaku.
Contoh isi halaman profil sekolah
Halaman profil sering diisi asal-asalan: satu paragraf sejarah yang panjang, lalu visi misi dalam bentuk gambar. Padahal calon orang tua membuka halaman ini untuk menilai apakah sekolah itu bisa dipercaya. Susunan yang lebih membantu adalah sebagai berikut.
- Identitas singkat di paragraf pertama. Nama resmi sekolah, jenjang, status negeri atau swasta, nama yayasan bila ada, alamat, dan tahun berdiri. Paragraf ini menjawab pertanyaan dasar sebelum pengunjung menggulir.
- Akreditasi dengan tahun dan lembaganya. Tulis peringkat dan tahun penetapannya sebagai teks, bukan hanya foto sertifikat. Kalau ingin menampilkan sertifikat, pastikan tidak ada data pribadi yang ikut terlihat.
- Visi dan misi sebagai teks. Teks bisa dibaca di ponsel, diperbesar, dan dibaca mesin pencari. Gambar poster visi misi tidak bisa.
- Fasilitas dengan foto asli. Ruang kelas, laboratorium, perpustakaan, lapangan, dan musala atau tempat ibadah, masing-masing satu foto dengan keterangan singkat.
- Struktur organisasi sederhana. Kepala sekolah, wakil, dan koordinator bidang cukup dengan nama dan jabatan, tanpa nomor pribadi.
Dengan susunan ini, halaman profil tidak perlu panjang. Yang penting setiap informasi mudah ditemukan dan bisa diperiksa kebenarannya. Kalau ada perubahan, misalnya akreditasi diperbarui atau kepala sekolah berganti, cukup ubah satu baris di halaman yang sama sehingga tidak ada informasi lama yang tertinggal di tempat lain.
Domain, hosting, dan platform untuk website sekolah
Di Indonesia, sekolah bisa memakai ruang nama domain sch.id, yaitu domain tingkat dua di bawah .id yang memang diperuntukkan bagi sekolah. Alamat seperti namasekolah.sch.id langsung memberi tahu pengunjung bahwa situs itu milik lembaga pendidikan. Pendaftarannya biasanya meminta dokumen yang membuktikan status sekolah, jadi cek persyaratan terbaru di registrar resmi sebelum mendaftar. Konsep domain dan hosting secara umum kami jelaskan di apa itu hosting dan domain.
Untuk platform, pilihannya biasanya antara CMS seperti WordPress dan website yang dibuat khusus. CMS memudahkan staf menulis berita sendiri, sedangkan website khusus cenderung lebih ringan dan lebih sedikit yang perlu diperbarui. Pertimbangan lengkapnya ada di WordPress atau website custom. Apa pun pilihannya, pastikan:
- akun domain dan hosting atas nama sekolah, bukan atas nama pribadi guru atau vendor;
- ada lebih dari satu orang di sekolah yang tahu cara masuk dan memperpanjangnya;
- ada cadangan rutin, karena berita dan pengumuman bertahun-tahun bisa hilang dalam sekali gangguan.
Kesalahan yang paling sering terjadi di website sekolah
Masalah berikut paling sering muncul di website sekolah, dan hampir semuanya bisa dicegah tanpa biaya tambahan:
- Pengumuman terakhir dari tahun lalu. Ini kesan pertama terburuk, karena pengunjung menyimpulkan sekolah tidak aktif. Kalau tidak ada yang bisa memperbarui setiap minggu, sembunyikan tanggal di beranda dan cukup tampilkan agenda yang masih berlaku.
- Informasi pendaftaran tersebar. Syarat di satu postingan, jadwal di postingan lain, dan brosur dalam bentuk gambar yang tidak bisa dibaca di ponsel.
- Brosur dan pengumuman hanya berupa gambar. Teks di dalam gambar tidak terbaca mesin pencari dan sulit dibaca di layar kecil. Tulis isi pentingnya sebagai teks, lalu lampirkan gambarnya sebagai pelengkap.
- Data pribadi murid terpajang. Daftar nama lengkap beserta nilai, rapor, atau foto kartu identitas. Ini berisiko bagi anak dan tidak perlu ada di website publik.
- Website lambat di ponsel. Biasanya karena foto kegiatan diunggah langsung dari kamera dengan ukuran besar. Cara mengukurnya ada di cara cek kecepatan website.
- Tidak ada nomor yang bisa dihubungi. Hanya formulir kontak tanpa jaminan kapan dibalas. Orang tua lebih nyaman dengan nomor tata usaha dan jam layanannya.
Agar website sekolah mudah ditemukan saat orang tua mencari nama sekolah atau "SMP di kecamatan tertentu", lengkapi juga dasar-dasar SEO seperti judul halaman, deskripsi, dan alamat yang konsisten. Daftar periksanya ada di checklist website siap SEO.
Cara membuat website sekolah dari nol
Urutan kerja berikut berlaku baik bila sekolah membuat sendiri maupun memakai jasa pembuat website:
- Tentukan penanggung jawab. Satu atau dua orang di sekolah yang akan menyiapkan isi dan merawatnya setelah tayang.
- Kumpulkan isi lebih dulu. Profil, visi misi, data akreditasi, daftar program, daftar guru, foto asli sekolah, dan informasi penerimaan murid baru. Isi yang belum siap adalah penyebab utama proyek website sekolah molor.
- Susun peta situs seperti contoh di atas, lalu buat kerangka beranda dan halaman penerimaan murid baru.
- Daftarkan domain dan siapkan hosting atas nama sekolah.
- Bangun dan isi website, lalu uji di ponsel: apakah info pendaftaran dan nomor kontak bisa ditemukan dalam dua ketukan.
- Daftarkan ke Google Search Console dan lengkapi profil bisnis sekolah di Google supaya alamat dan jam layanan muncul di peta.
- Tetapkan jadwal perawatan: siapa memperbarui pengumuman, kapan cadangan dibuat, dan kapan domain diperpanjang.
Langkah teknis yang lebih rinci untuk website apa pun ada di cara bikin website, dan pertimbangan tampilan yang ramah orang tua dari berbagai usia ada di desain website serta UI UX adalah. Kalau Anda sedang menghitung anggaran, faktor-faktor yang menentukan biaya kami bahas di biaya bikin website.
Kesimpulan
Contoh website sekolah yang baik selalu berangkat dari pertanyaan pengunjungnya: orang tua calon murid ingin tahu profil, akreditasi, dan cara mendaftar; orang tua murid ingin pengumuman dan agenda; murid ingin kegiatan. Tujuh halaman inti, yaitu beranda, profil, penerimaan murid baru, program, guru dan staf, berita, dan kontak, sudah cukup untuk sebagian besar sekolah, ditambah halaman khusus sesuai jenjang.
Yang membedakan website sekolah yang berguna dari yang ditinggalkan bukan desainnya, tetapi perawatannya: informasi pendaftaran yang selalu diperbarui, pengumuman bertanggal, dan penanggung jawab yang jelas. Kalau sekolah Anda butuh bantuan merawat website setelah tayang, pola yang kami sarankan ada di jasa maintenance website.
Kalau Anda sedang menyiapkan website untuk sekolah, ceritakan jenjang, halaman yang dibutuhkan, dan siapa yang akan mengelola isinya lewat WhatsApp kami (membuka WhatsApp di tab baru). Daftar paket lengkap ada di harga pembuatan website, dan contoh tampilan rancangan kami ada di portofolio.
Sumber
- Wikipedia, Sistem Penerimaan Murid Baru (tab baru), untuk pergantian PPDB menjadi SPMB mulai tahun ajaran 2025/2026 untuk TK, SD, SMP, SMA, dan SMK.
- Wikipedia, .id (tab baru), untuk ruang nama domain sch.id yang diperuntukkan bagi sekolah.
- Google Search Central, SEO Starter Guide (tab baru), untuk dasar judul, deskripsi, dan teks yang bisa dibaca mesin pencari.
