💡 ULASAN & REFERENSI • DIPERBARUI: 22 October 2026 • REDAKSI AZWINN

Cara Menjalankan Server Side Includes (SSI) untuk Pemula

Server Side Includes (SSI) adalah bahasa skrip sisi server sederhana yang digunakan untuk menyisipkan isi suatu file ke dalam file web lainnya sebelum server mengirimkannya ke peramban. Berdasarkan data referensi pengelolaan web server modern seperti yang dibahas dalam landasan teknologi web, pemahaman konfigurasi server sangat penting untuk mengaktifkan fungsi seperti SSI.

Untuk menjalankan Server Side Includes, Anda perlu memastikan bahwa web server yang digunakan (seperti Apache atau Nginx) telah dikonfigurasi untuk memproses ekstensi file tertentu, umumnya menggunakan ekstensi .shtml atau .shtm.

Langkah-Langkah Mengaktifkan SSI di Web Server Apache

Apache adalah salah satu server web yang paling umum digunakan. Berikut adalah langkah teknis untuk mengaktifkan dan menjalankan SSI pada Apache:

  1. Pastikan modul include_module sudah aktif di server Apache Anda. Pada sistem Linux, Anda dapat mengaktifkannya melalui perintah terminal: a2enmod include.
  2. Ubah konfigurasi virtual host atau file .htaccess Anda untuk mengizinkan eksekusi SSI. Tambahkan baris direktif berikut:
Options +Includes
AddType text/html .shtml
AddOutputFilter INCLUDES .shtml
  1. Buat file dengan ekstensi .shtml (misalnya index.shtml) di direktori root web Anda.
  2. Gunakan sintaks SSI dasar untuk menyisipkan file lain, seperti header atau footer.

Contoh Penggunaan Sintaks SSI

Setelah konfigurasi aktif, Anda dapat menyisipkan file eksternal menggunakan perintah direktif #include. Berikut adalah contoh kode HTML yang menyertakan file navigasi:

<!--#include virtual="/header.html" -->
<h1>Selamat Datang di Situs Web Kami<l/h1>
<p>Ini adalah halaman utama yang menggunakan Server Side Includes.</p>
<!--#include virtual="/footer.html" -->

Tabel Perbandingan Metode Penyisipan Konten

Metode Tingkat Kesulitan Kelebihan Kekurangan
Server Side Includes (SSI) Mudah / Ringan Tidak butuh database, eksekusi cepat di server Fitur terbatas dibanding bahasa pemrograman penuh
PHP Include Sedang Sangat fleksibel, mendukung logika pemrograman Membutuhkan dukungan interpreter PHP di server
JavaScript (AJAX) Sedang Memuat konten secara asinkron di sisi klien Kurang baik untuk SEO pada beberapa mesin pencari

Troubleshooting SSI di Lapangan

Jika perintah SSI tidak berjalan dan hanya menampilkan teks mentah di peramban, periksa beberapa hal berikut:

  • Pastikan server dikonfigurasi untuk memproses file berformat .shtml, bukan murni .html standar (kecuali Anda mengatur server untuk memparsing file .html yang tentu dapat membebani kinerja server).
  • Periksa kembali jalur (path) pada atribut virtual atau file di dalam tag #include. Pastikan path bersifat absolut dari root web atau relatif terhadap file saat ini.
  • Periksa log error server (error log) Apache atau Nginx untuk mendeteksi adanya kesalahan konfigurasi izin akses direktori.

🔍 Orang Lain Juga Mencari Ini