Cara Menambahkan Tautan ke Gambar di WordPress

Gambar yang diberi tautan mengubah visual statis menjadi alat navigasi. Alih-alih meminta pengunjung membaca tautan teks atau tombol, Anda bisa membiarkan mereka mengeklik foto produk, banner, logo, atau gambar ajakan dan langsung menuju halaman yang ingin mereka lihat.

Untuk situs bisnis, ini sangat berguna. Gambar yang dapat diklik bisa mengarahkan orang ke halaman layanan, formulir kontak, halaman harga, artikel blog, atau alur pendaftaran. Jika digunakan dengan baik, fitur ini meningkatkan kemudahan penggunaan, mendukung konversi, dan membuat halaman penting lebih mudah ditemukan.

Mengapa menautkan gambar?

Menambahkan tautan ke gambar berguna dalam banyak tata letak situs web yang umum:

• Banner hero yang mengarah ke penawaran unggulan
• Kartu layanan yang membuka halaman detail
• Logo yang membawa pengguna kembali ke beranda
• Foto produk yang mengarah ke halaman detail produk
• Grafik promosi yang mengirim pengunjung ke halaman arahan kampanye
• Bagian ajakan bertindak yang membutuhkan target klik visual

Gambar yang dapat diklik dapat membuat halaman lebih mudah dipindai, terutama di perangkat seluler saat isyarat visual sering bekerja lebih baik daripada tautan teks kecil.

Sebelum memulai

Pastikan Anda sudah memiliki:

• Halaman atau pos WordPress yang sudah dipublikasikan atau masih draf
• Gambar yang sudah diunggah ke Media Library atau siap disisipkan
• URL tujuan yang ingin dibuka oleh gambar

Jika Anda menautkan ke halaman internal, salin dulu URL halaman tersebut. Jika Anda menautkan ke situs eksternal, pastikan tujuan tersebut tepercaya dan relevan.

Cara menambahkan tautan ke gambar di editor blok WordPress

Sebagian besar situs WordPress modern menggunakan Block Editor, yang juga dikenal sebagai Gutenberg. Prosesnya sederhana.

1. Buka halaman atau pos

Dari dasbor WordPress, buka halaman atau pos tempat Anda ingin menampilkan tautan gambar.

2. Sisipkan atau pilih blok gambar

Jika gambar belum ada di halaman:

• Klik tombol +
• Pilih blok Gambar
• Unggah gambar baru, pilih dari Media Library, atau sisipkan dari URL jika sesuai

Jika gambar sudah ada di halaman, klik sekali untuk memilih bloknya.

3. Tambahkan tautan

Saat blok gambar dipilih, cari ikon tautan di toolbar blok.

• Klik tombol tautan
• Tempel atau ketik URL tujuan
• Tekan Enter atau terapkan tautan

Tergantung versi WordPress dan tema Anda, Anda juga mungkin melihat opsi untuk menautkan ke:

• File media
• Halaman lampiran
• URL khusus
• Tidak ada

Untuk sebagian besar penggunaan bisnis, URL Khusus adalah pilihan terbaik karena memberi Anda kendali penuh atas tujuan gambar.

4. Sesuaikan perilaku tautan jika perlu

Beberapa editor memungkinkan Anda memilih apakah tautan terbuka di tab baru. Ini sering berguna untuk tautan eksternal, tetapi tautan internal biasanya lebih baik dibuka di tab yang sama.

Gunakan tab baru hanya jika memang meningkatkan pengalaman pengunjung. Hindari memaksa semua tautan membuka tab baru karena bisa terasa membingungkan.

5. Simpan atau perbarui halaman

Klik Update, Publish, atau Save Draft untuk menyimpan perubahan Anda.

Cara menautkan gambar di Classic Editor

Jika situs Anda masih menggunakan Classic Editor, prosesnya sedikit berbeda tetapi tetap sederhana.

1. Sisipkan gambar

Klik Add Media dan tempatkan gambar ke area konten.

2. Pilih gambar

Klik gambar agar toolbar pengeditan muncul.

3. Buka pengaturan tautan

Pilih opsi tautan dari toolbar gambar atau dari panel detail gambar, tergantung pengaturan Anda.

4. Masukkan URL tujuan

Tempel URL ke kolom tautan dan konfirmasi perubahan.

5. Perbarui pos atau halaman

Simpan pekerjaan Anda agar gambar yang ditautkan menjadi aktif di situs live.

Praktik terbaik untuk gambar yang diberi tautan

Tautan pada gambar hanya berguna jika pengunjung langsung memahami apa yang akan terjadi saat mereka mengekliknya. Ikuti praktik terbaik berikut untuk menjaga pengalaman tetap jelas dan efektif.

Buat tujuan mudah dipahami

Gunakan gambar yang secara visual menunjukkan aksi atau konten di baliknya. Gambar layanan sebaiknya mengarah ke halaman layanan yang relevan. Grafik promosi sebaiknya mengarah ke promosi itu sendiri.

Gunakan teks alternatif yang deskriptif

Teks alternatif membantu pembaca layar memahami gambar dan mendukung aksesibilitas. Ini juga memberi konteks jika gambar gagal dimuat.

Jika gambar hanya dekoratif, Anda mungkin tidak perlu menautkannya sama sekali.

Pastikan gambar mudah diklik di seluler

Pengguna seluler mengandalkan area sentuh. Pastikan gambar cukup besar untuk diketuk dengan nyaman tanpa klik yang tidak sengaja.

Hindari menautkan konten yang tidak relevan

Jangan mengarahkan pengunjung dari satu topik ke sesuatu yang sama sekali berbeda. Tautan yang tidak sesuai mengurangi kepercayaan dan merusak konversi.

Gunakan gambar yang ditautkan seperlunya

Terlalu banyak gambar yang dapat diklik dapat membuat halaman terasa ramai. Gunakan hanya saat memang memberi nilai nyata, bukan sekadar karena fiturnya tersedia.

Pasangkan gambar dengan teks pendukung

Judul singkat atau keterangan di dekat gambar membantu pengunjung memahami langkah berikutnya. Ini sangat penting untuk halaman pemasaran dan halaman layanan.

Contoh penggunaan umum untuk situs bisnis

Gambar yang ditautkan dapat mendukung tujuan situs bisnis kecil dalam beberapa cara.

Navigasi beranda

Logo atau gambar unggulan dapat mengarahkan pengguna ke halaman penting seperti layanan, harga, atau kontak.

Promosi produk dan layanan

Gambar di landing page dapat membawa pengunjung lebih jauh ke dalam corong penjualan Anda.

Keterlibatan blog

Gambar unggulan dapat menaut ke sumber daya terkait, studi kasus, atau artikel internal.

Pembuatan prospek

Banner atau gambar lencana dapat mengarah ke formulir pendaftaran, halaman konsultasi, atau halaman penawaran.

Membangun kepercayaan

Lencana pengakuan, logo mitra, atau grafik testimoni dapat mengarah ke halaman pendukung dengan informasi lebih lanjut.

Memecahkan masalah umum

Jika gambar yang ditautkan tidak bekerja seperti yang diharapkan, periksa hal berikut:

URL yang dimasukkan salah

Pastikan tujuan sudah lengkap dan benar. Protokol yang hilang atau tautan internal yang rusak dapat membuat gambar tidak berfungsi dengan baik.

Gambar tertaut ke halaman lampiran, bukan ke halaman yang benar

WordPress terkadang secara default menautkan ke media atau halaman lampiran. Ganti dengan tujuan yang benar-benar Anda inginkan.

Perubahan editor belum disimpan

Jika tautan gambar tidak muncul di halaman live, pastikan Anda sudah mengklik Update atau Publish setelah mengedit.

Plugin atau tema mengganggu

Beberapa page builder, plugin optimasi, atau tema kustom dapat mengubah cara kerja tautan gambar. Jika perlu, uji halaman dengan plugin dinonaktifkan sementara di lingkungan staging.

Gambar terlihat bisa diklik tetapi tidak terjadi apa-apa

Ini bisa terjadi jika ada elemen lain yang menutupi gambar atau jika kode kustom memengaruhi tata letak halaman. Periksa struktur halaman dan uji di browser lain.

Tips strategi tautan untuk performa situs yang lebih baik

Gambar yang ditautkan harus mendukung strategi konten yang lebih besar, bukan hanya menjadi dekorasi.

• Tautkan hanya saat gambar membantu pengguna mengambil langkah berikutnya yang berguna
• Hubungkan gambar ke halaman yang sesuai dengan niat pengguna
• Gunakan keterangan yang jelas dan teks ajakan bertindak di sekitarnya
• Tinjau performa klik di analitik jika memungkinkan
• Perbarui tautan gambar lama saat URL halaman berubah

Untuk situs perusahaan, peningkatan kecil seperti ini dapat membuat navigasi lebih lancar dan mengurangi hambatan di sepanjang perjalanan pengguna.

Penutup

Menambahkan tautan ke gambar di WordPress adalah tugas sederhana, tetapi dapat memberi dampak nyata pada kemudahan penggunaan dan konversi jika dilakukan dengan tujuan yang jelas. Baik Anda menautkan logo, banner, gambar layanan, atau grafik promosi, kuncinya adalah menjaga tujuan tetap relevan dan tindakan tetap jelas.

Jika Anda mengelola situs bisnis, perlakukan setiap gambar yang dapat diklik sebagai bagian dari struktur situs Anda. Tautan gambar terbaik membantu pengunjung menuju langkah berikutnya secara alami, mendukung konten Anda, dan membuat pengalaman lebih mudah di desktop maupun seluler.