Apa Itu Footer Website: Fungsi, Jenis, Contoh & Cara Buat

Footer website adalah bagian paling bawah halaman situs yang memuat informasi kontak, tautan navigasi, hak cipta, dan elemen pendukung lain di setiap halaman. Letaknya memang jauh dari pandangan pertama, sehingga sebagian pemilik situs menganggapnya area sisa.

Padahal, pengunjung sering menggulir sampai dasar halaman untuk mencari alamat, nomor telepon, atau kebijakan privasi. Pembahasan di bawah mengulas fungsi, jenis, contoh, cara membuat, hingga optimasi footer untuk SEO agar pemula bisa langsung menerapkannya.

 

Apa Fungsi Footer Website?

Footer bekerja sebagai penghubung antara pengunjung dan sumber daya utama situs. Berikut fungsi yang paling terasa manfaatnya bagi pemilik bisnis maupun blogger pemula:

1. Menyajikan Informasi Tambahan

Tidak semua informasi layak dipajang di menu utama. Detail seperti alamat kantor, jam operasional, atau halaman legal lebih rapi diletakkan di footer agar bagian atas situs tetap bersih.

2. Mempermudah Navigasi Pengunjung

Pengunjung yang sudah membaca sampai bawah halaman tidak perlu kembali ke atas untuk berpindah halaman. Tautan ke halaman populer, kategori, atau layanan di footer menjadi jalan pintas yang praktis.

3. Membangun Kepercayaan Pengunjung

Alamat lengkap, email aktif, dan kebijakan privasi memberi sinyal bahwa situs dikelola oleh pihak yang jelas. Sinyal tersebut sejalan dengan prinsip EEAT dalam pedoman penilai kualitas Google, khususnya aspek kepercayaan.

4. Mendukung Strategi Pemasaran dan SEO

Footer menjadi tempat tautan internal yang muncul di setiap halaman. Tautan tersebut membantu mesin pencari menemukan halaman kunci, sekaligus mengarahkan pengunjung ke konten yang ingin didorong.

5. Mendorong Pengunjung Mengambil Tindakan

Pengunjung yang sampai ke bagian bawah halaman umumnya masih tertarik pada isi situs. Tombol konsultasi, tautan WhatsApp, atau formulir langganan di titik tersebut memberi kesempatan terakhir untuk menghasilkan leads maupun penjualan.

 

Jenis Footer Website yang Bisa Dipilih

Bentuk footer tidak seragam, dan pilihan jenisnya sebaiknya mengikuti kompleksitas situs serta tujuan bisnis. Perbandingan empat jenis yang paling sering dipakai tampak pada tabel berikut:

Jenis Footer	Ciri Utama	Cocok untuk
Footer minimalis	Satu baris berisi hak cipta dan beberapa tautan	Portofolio pribadi dan halaman landing
Footer multi kolom	Tiga sampai lima kolom berisi menu, kontak, dan sosial media	Situs perusahaan, toko online, dan blog dengan beragam kategori
Footer dengan peta atau CTA	Peta lokasi, tombol konsultasi, atau formulir langganan di atas kolom tautan	Bisnis lokal, penyedia jasa, dan situs yang mengejar leads
Footer tetap	Bilah sempit yang menempel di dasar layar dan terlihat terus saat menggulir	Tombol WhatsApp atau telepon pada tampilan ponsel

Pemula umumnya aman memulai dari footer multi kolom dengan tiga sampai empat kolom. Jenis tersebut cukup lengkap tanpa membuat tampilan sesak, dan mudah dikembangkan saat bisnis membesar.

Footer tetap sebaiknya dipakai hemat karena menutupi sebagian layar ponsel. Bila dipasang, ukurannya cukup satu baris agar konten utama tetap terbaca.

 

Contoh Footer Website yang Efektif

Footer pada situs TokoWeb dapat menjadi contoh untuk bisnis jasa. Susunannya diawali peta lokasi, lalu empat kolom berisi informasi kontak, alamat, sosial media, dan menu lainnya.

Menu utama di bagian atas situs memuat halaman utama seperti Paket & Harga dan Cara Order. Halaman pendukung ditempatkan di footer agar menu atas tetap ringkas.

Rincian tiap bagian pada footer tersebut dapat dilihat di tabel berikut:

Bagian	Isi pada Footer	Manfaat
Peta lokasi	Kartu Google Maps dengan nama usaha, alamat, peringkat ulasan, tombol buka di Maps, dan petunjuk arah	Membuktikan keberadaan kantor dan memudahkan calon klien datang langsung
Informasi Kontak	WhatsApp, telepon, dan email dengan ikon pada tiap baris	Membuka jalur komunikasi yang cepat
Alamat	Nama badan usaha dan alamat lengkap sampai kode pos	Menjaga data bisnis tetap konsisten di seluruh platform
Sosial Media	Instagram, Facebook, dan LinkedIn dengan nama akun yang seragam	Mempermudah pengunjung mengenali dan mengikuti merek
Menu Lainnya	Program Reseller, Info Magang, Persyaratan Layanan, dan Pertanyaan Umum	Menampung halaman pendukung yang tidak masuk menu utama

Ikon pada setiap kolom membantu pengunjung menemukan kontak dalam sekali lirik. Latar biru yang kontras dengan teks putih juga menjaga keterbacaan.

Kartu lokasi pada peta menampilkan peringkat ulasan dari pengguna Google Maps, sehingga ikut menambah bukti sosial. Tombol petunjuk arah membuat calon klien bisa langsung menuju kantor.

Susunan Footer untuk Situs Bisnis dan Blog Baru

Susunan footer sebaiknya mengikuti tujuan situs. Untuk situs jasa atau toko online, tiga sampai empat kolom sudah cukup:

• Kolom pertama: logo, deskripsi singkat bisnis, dan ikon media sosial
• Kolom kedua: tautan layanan atau produk unggulan
• Kolom ketiga: bantuan, seperti FAQ, cara pemesanan, dan kebijakan pengembalian
• Kolom keempat: alamat, nomor telepon, jam operasional, dan email

Pada situs jasa pembuatan website, kolom layanan dapat memuat paket website company profile, toko online, dan landing page. Setiap tautan mengarah langsung ke halaman layanan yang bersangkutan, sehingga calon klien tidak perlu mencari lagi.

Blog baru punya kebutuhan yang lebih ringan. Footer cukup memuat kategori populer, artikel terbaru, halaman Tentang Penulis, dan formulir langganan.

Daftar kategori membantu pembaca menjelajah topik lain tanpa harus kembali ke menu. Pada kedua jenis situs, baris paling bawah diisi hak cipta dan tautan kebijakan privasi.

 

Cara Membuat Footer Website

Footer dapat dibuat tanpa kemampuan coding, terutama pada WordPress. Langkah dasarnya sebagai berikut:

1. Tentukan isi footer: kontak, menu, halaman legal, dan sosial media
2. Buka pengaturan footer: pada tema blok lewat menu Tampilan lalu Editor, pada tema klasik lewat menu Tampilan lalu Widget
3. Tambahkan kolom dan blok, misalnya teks alamat, menu navigasi, dan ikon sosial media
4. Buat menu khusus footer lewat Tampilan lalu Menu, bila tema menyediakan lokasi menu footer
5. Isi teks hak cipta dan tautan kebijakan privasi pada baris paling bawah
6. Simpan perubahan, lalu periksa tampilannya di desktop dan ponsel

Pada Elementor Pro dan Divi, tersedia Theme Builder untuk menyusun footer secara visual. Platform seperti Wix atau Squarespace menyediakan area footer yang bisa diedit langsung dari editor, lalu otomatis tampil di semua halaman.

Pemilik bisnis yang belum sempat mengatur sendiri dapat menyerahkan penyusunannya kepada penyedia jasa pembuatan website. Susunan footer pun langsung disesuaikan dengan kebutuhan bisnis dan rapi di semua perangkat.

 

Tag HTML Footer dan Aspek Teknisnya

Pada HTML5, footer ditulis dengan tag footer. Tag tersebut bersifat semantik, artinya memberi tahu peramban dan mesin pencari bahwa blok itu berisi informasi penutup halaman.

Tag footer yang berada langsung di dalam body dikenali pembaca layar sebagai landmark contentinfo. Pengguna pembaca layar pun bisa melompat langsung ke bagian tersebut.

Tag footer juga dapat dipakai di dalam artikel atau section untuk menutup bagian itu, misalnya info penulis. Pada kasus tersebut, footer tidak menjadi landmark halaman.

Contoh kerangka sederhana untuk footer situs:

<footer>
  <nav>
    <ul>
      <li><a href="/tentang/">Tentang Kami</a></li>
      <li><a href="/privasi/">Kebijakan Privasi</a></li>
    </ul>
  </nav>
  <address>
    Jl. Contoh No. 1, Bandung<br>
    <a href="tel:+62220000000">(022) 000 0000</a>
  </address>
  <p>&copy; 2026 Nama Bisnis</p>
</footer>

Tag address dipakai untuk informasi kontak pemilik situs, sedangkan tag nav membungkus kumpulan tautan navigasi. Struktur semantik tersebut membantu aksesibilitas dan memudahkan mesin pencari membaca peran tiap bagian.

 

Tips Desain Footer Website yang Nyaman Dilihat

Desain footer tidak perlu mewah, tetapi harus terbaca jelas di layar ponsel maupun desktop. Beberapa prinsip berikut layak diterapkan:

• Pilih warna latar dan teks dengan kontras yang cukup agar tulisan mudah dibaca
• Kelompokkan tautan ke dalam kolom berjudul supaya mudah dipindai
• Beri jarak antartautan yang lega agar nyaman disentuh di ponsel
• Batasi jumlah tautan agar tampilan tidak terkesan sesak
• Gunakan ukuran huruf yang tidak terlalu kecil, terutama untuk nomor kontak

Footer yang rapi juga mengikuti identitas visual situs. Warna, jenis huruf, dan gaya ikon sebaiknya selaras dengan header dan konten utama, sehingga pengunjung merasa masih berada di situs yang sama.

 

Footer Website di Tampilan Ponsel

Kunjungan dari ponsel umumnya mendominasi, sehingga footer perlu dirancang untuk layar kecil sejak awal. Penyesuaian yang layak dilakukan meliputi:

• Susun kolom menjadi satu lajur ke bawah agar layar tidak perlu digeser ke samping
• Lipat daftar menu yang panjang menjadi akordeon supaya footer tidak memanjang berlebihan
• Gunakan tautan telepon agar nomor bisa dihubungi dengan satu sentuhan
• Beri area sentuh sekitar 48 piksel pada tiap tautan agar tidak salah tekan
• Pertahankan tautan yang sama dengan versi desktop

Poin terakhir berkaitan dengan pengindeksan. Google memakai versi seluler sebagai acuan utama, sehingga tautan footer yang hanya tampil di desktop berisiko tidak terbaca.

Peta tertanam seperti pada contoh TokoWeb sebaiknya dimuat tertunda (lazy load). Dengan cara tersebut, peta tidak memperlambat halaman sebelum pengunjung menggulir sampai bagian footer.

 

Posisi Footer pada Struktur Halaman Website

Footer menempati ujung bawah halaman, tepat setelah konten utama selesai. Posisinya konsisten di setiap halaman karena footer dibuat sebagai bagian dari template situs, bukan ditulis ulang pada tiap artikel.

Pada WordPress, footer dikelola melalui tema, widget, atau editor situs. Satu kali perubahan langsung berlaku di seluruh halaman, sehingga pembaruan alamat atau nomor kontak tidak perlu dilakukan satu per satu.

Header dan footer sebenarnya saling melengkapi. Header memuat logo dan menu utama, sedangkan footer menampung detail pendukung yang tidak muat di bagian atas.

Footer pada umumnya terdiri dari dua lapisan:

• Footer utama, berisi kolom tautan, kontak, atau formulir langganan
• Baris paling bawah, berisi hak cipta, kebijakan privasi, dan syarat penggunaan

 

Elemen yang Perlu Ada pada Footer Website

Footer yang baik tidak harus rumit. Elemen berikut sudah cukup untuk situs bisnis maupun blog baru:

• Informasi kontak: alamat, nomor telepon atau WhatsApp, dan email
• Tautan navigasi: Tentang Kami, Layanan, Blog, dan FAQ
• Halaman legal: kebijakan privasi serta syarat dan ketentuan
• Ikon media sosial yang terhubung ke profil resmi bisnis
• Tombol Call to Action atau formulir langganan newsletter
• Teks hak cipta lengkap dengan nama bisnis dan tahun
• Tautan sitemap bagi pengunjung dan mesin pencari

Dari pengalaman TokoWeb menggarap website bisnis, informasi kontak yang lengkap termasuk elemen yang paling dicari pengunjung di footer.

Nama, alamat, dan nomor telepon sebaiknya ditulis sama persis dengan data pada profil bisnis Google dan media sosial. Konsistensi tersebut memudahkan mesin pencari menghubungkan situs dengan bisnis yang sebenarnya.

Halaman kebijakan privasi serta syarat dan ketentuan semakin krusial bagi situs yang mengumpulkan data lewat formulir kontak. Tautan di footer memastikan kedua halaman tersebut mudah ditemukan dari halaman mana pun.

Pengunjung yang ragu terhadap sebuah bisnis sering mengecek bagian bawah situs lebih dulu. Footer yang lengkap menunjukkan bahwa pemilik situs siap dihubungi dan bertanggung jawab atas layanannya.

 

Apakah Footer Website Berpengaruh pada SEO?

Pengaruhnya ada, tetapi bersifat tidak langsung. Footer tidak bekerja sebagai tuas peringkat yang bisa ditarik sendiri, melainkan sebagai pendukung struktur dan kepercayaan situs.

Pengaruh tersebut muncul lewat tiga jalur:

• Tautan internal di footer membantu mesin pencari menemukan dan menjangkau halaman utama situs
• Data kontak dan halaman legal memperkuat sinyal kepercayaan, sejalan dengan prinsip EEAT
• Footer yang tertata memperbaiki pengalaman pengguna, sehingga pengunjung lebih mudah berpindah halaman

Sebaliknya, footer yang dijejali kata kunci atau tautan berlebihan tidak mendongkrak peringkat dan justru melanggar kebijakan spam. Footer yang jelas, jujur, dan berguna bagi pengunjung tetap menjadi pilihan paling aman.

 

Cara Optimasi Footer Website untuk SEO

Footer ikut berperan dalam SEO karena muncul di setiap halaman. Optimasi yang rapi membantu mesin pencari mengerti struktur situs, sedangkan optimasi berlebihan justru berisiko. Berikut langkah yang aman diterapkan:

1. Gunakan Kata Kunci dengan Wajar

Kata kunci boleh muncul di teks deskripsi singkat atau teks tautan, selama terbaca alami. Memasukkan kata kunci berulang kali hanya demi peringkat termasuk keyword stuffing yang melanggar kebijakan spam Google.

2. Tautkan Halaman Prioritas

Tautan footer dapat mengarahkan pengunjung dan mesin pencari ke halaman yang ingin ditonjolkan, misalnya halaman layanan utama atau artikel pilar. Pilih secukupnya, karena daftar tautan yang terlalu panjang membuat footer sesak dan membingungkan.

3. Sertakan Sitemap

Tautan ke sitemap HTML membantu pengunjung dan mesin pencari menemukan seluruh halaman situs. Adapun sitemap XML cukup dikirim melalui Google Search Console.

4. Pasang Alt Text pada Gambar

Logo atau ikon di footer sebaiknya memiliki alt text yang deskriptif. Teks alternatif tersebut membantu mesin pencari mengerti isi gambar sekaligus mendukung aksesibilitas bagi pengguna pembaca layar.

5. Samakan Data Bisnis di Seluruh Platform

Nama, alamat, dan nomor telepon di footer sebaiknya identik dengan data pada Google Business Profile. Untuk bisnis lokal, penambahan data terstruktur LocalBusiness juga membantu mesin pencari mengenali entitas bisnis.

6. Jaga Kecepatan Muat Halaman

Footer yang dipenuhi gambar besar atau widget pihak ketiga dapat memperlambat halaman. Gunakan ikon berformat SVG dan batasi skrip tambahan agar skor kecepatan tetap terjaga.

 

Kesalahan yang Perlu Dihindari pada Footer Website

Footer yang dibuat tergesa-gesa sering memunculkan masalah yang sebenarnya mudah dicegah. Kesalahan yang paling sering ditemui meliputi:

• Menempelkan daftar kata kunci panjang tanpa konteks
• Menyembunyikan tautan dengan warna yang sama seperti latar
• Memuat tautan ke situs lain yang tidak berkaitan dengan bisnis
• Lupa memperbarui tahun hak cipta atau nomor kontak lama
• Memasang widget berlebihan hingga halaman melambat
• Tidak menyediakan halaman kebijakan privasi

Menyembunyikan tautan atau teks demi memanipulasi peringkat termasuk praktik yang dilarang dalam kebijakan spam Google dan berisiko dikenai tindakan.

Pemeriksaan footer secara berkala, misalnya setiap pergantian tahun, membantu menjaga data kontak dan teks hak cipta tetap akurat.

 

Pertanyaan Umum seputar Footer Website

• Apa saja isi footer website?
  Footer website umumnya berisi informasi kontak, alamat, tautan navigasi, halaman kebijakan privasi, ikon sosial media, dan teks hak cipta. Situs bisnis sering menambahkan peta lokasi serta tombol Call to Action.
• Apakah footer website wajib ada?
  Secara teknis tidak wajib, karena situs tetap berfungsi tanpa footer. Namun footer hampir selalu dibutuhkan untuk menaruh kontak dan halaman legal, terutama bila situs mengumpulkan data pengunjung.
• Apa bedanya footer website dengan footer di Microsoft Word?
  Footer di Microsoft Word adalah area pada margin bawah setiap halaman dokumen, misalnya untuk nomor halaman. Footer website berada di bagian bawah halaman situs, bersifat interaktif, dan memuat tautan serta informasi kontak.
• Berapa jumlah kolom yang ideal untuk footer website?
  Tiga sampai empat kolom sudah memadai untuk sebagian besar situs bisnis. Pada layar ponsel, kolom tersebut disusun menjadi satu lajur ke bawah.
• Apakah footer harus sama di semua halaman?
  Sebaiknya sama agar pengunjung mendapat pengalaman yang konsisten. Pengecualian wajar diberikan pada halaman landing yang sengaja dibuat fokus pada satu tindakan, sehingga footernya dibuat lebih ringkas.
• Apakah footer website berpengaruh pada SEO?
  Berpengaruh secara tidak langsung, lewat tautan internal, sinyal kepercayaan, dan pengalaman pengguna. Footer bukan faktor peringkat yang bisa dimanipulasi dengan kata kunci.