Cara Terbaik Mempresentasikan Gambar Anda Secara Online

Apa pun jenis situs web yang Anda miliki, kemungkinan besar konten Anda adalah campuran teks dan gambar. Untuk fotografer, artis, dan materi iklan lainnya, gambar di situs web Anda mungkin merupakan bagian terpenting dari konten Anda, jadi penting untuk mengetahui cara menyajikannya dengan benar.

Tentu, Anda dapat melanjutkan dan mengunggah foto dan grafik melalui dasbor WordPress tanpa berpikir lebih jauh, tetapi jika Anda ingin memastikan situs web Anda dimuat dengan cepat, mudah dibaca, dan dioptimalkan untuk mesin telusur, Anda sebaiknya membaca ini panduan singkat untuk praktik terbaik saat menggunakan gambar di situs web Anda.

Menyimpan Dan Mengunggah Gambar

Meskipun WordPress telah memungkinkan untuk mengunggah gambar berukuran besar langsung dari komputer Anda dan secara otomatis menampilkannya agar sesuai dengan lebar blog Anda, kami tidak menyarankan Anda untuk mengunggah gambar yang belum diproses.

Peramban web mana pun mampu menampilkan gambar pada ukuran yang lebih kecil daripada yang sebenarnya jika diinstruksikan dalam kode, tetapi hal itu tidak menyebabkan pengurangan ukuran file yang sebenarnya. Gambar 500kb yang ditampilkan pada 50% dari lebar dan tinggi penuhnya akan tetap 500kb. Blogger yang tidak paham dengan HTML dan WordPress mungkin berasumsi bahwa karena gambar mereka tidak tampak besar di layar, itu berarti mereka akan cepat mengunduh, tetapi ini tidak selalu terjadi.

Untuk memeriksa ukuran gambar Anda, klik kanan atau klik kontrol pada gambar di dalam blog Anda dan pilih lihat/buka gambar dari menu (kata-katanya akan sedikit berbeda tergantung pada browser yang Anda gunakan). Jika gambar yang terbuka jauh lebih besar dari yang Anda lihat di blog Anda, ini berarti ukuran gambar Anda tidak sesuai.

Jika Anda memiliki blog dengan banyak gambar dan tidak mengubah ukuran gambar Anda sebelum mengunggahnya, ukuran gabungan halaman web Anda bisa jadi terlalu besar.

Sebaiknya luangkan beberapa menit ekstra untuk mengubah ukuran dan mengompresi gambar Anda sebelum Anda mengunggahnya. Ini dapat dengan mudah dilakukan di Photoshop atau perangkat lunak pengedit gambar lainnya yang Anda gunakan. Anda juga dapat menggunakan alat online gratis seperti PicMonkey dan Pengoptimal Gambar Drive Dinamis.

Mengubah ukuran gambar secara manual memberi Anda kontrol penuh atas kompresi dan akan sangat mengurangi waktu unggah Anda, tetapi jika Anda mau, Anda juga dapat memilih untuk menggunakan gambar yang diubah ukurannya yang dihasilkan WordPress secara otomatis dengan setiap unggahan. Saat Anda menyisipkan gambar ke dalam postingan, Anda memiliki opsi untuk menyisipkan gambar berukuran penuh, besar, sedang, atau thumbnail. Anda dapat mengedit ukuran ini agar sesuai dengan desain blog Anda di Setelan > Media . Ketahuilah bahwa jika Anda memilih metode ini, gambar ukuran penuh asli Anda akan tersedia bagi siapa saja untuk diunduh secara bebas dari situs web Anda — bukan pilihan terbaik untuk fotografer dan ilustrator!

Optimalisasi Gambar Dan Kegunaan

Selain memastikan gambar Anda berukuran dan dioptimalkan dengan benar untuk waktu buka halaman, Anda juga harus memastikan bahwa gambar tersebut ditandai dengan benar untuk SEO (Search Engine Optimization). SEO memudahkan mesin pencari untuk menemukan dan mengindeks situs Anda dan situs yang menggunakan teknik SEO yang baik kemungkinan akan muncul lebih tinggi di halaman hasil mesin pencari jika dibandingkan dengan situs yang tidak dioptimalkan.

Diskusi lengkap tentang SEO melampaui cakupan artikel ini (banyak tema WordPress ramah-SEO langsung dari kotaknya), tetapi mengoptimalkan informasi meta gambar Anda adalah cara mudah untuk memberikan sedikit dorongan dan peningkatan pada SEO situs Anda. dapat membantu orang menemukan situs Anda melalui penelusuran gambar Google dan mesin telusur berbasis gambar lainnya.

Menandai gambar Anda dengan benar juga penting untuk kegunaan, terutama jika gambar tersebut mengilustrasikan informasi penting. Dalam kasus di mana gambar tidak dapat dimuat atau tidak dapat dilihat (baik karena koneksi internet yang lambat, karena gambar dimatikan, atau untuk pengguna dengan gangguan penglihatan), memberikan deskripsi teks alternatif adalah suatu keharusan.

1. Nama File

Pertama, ketika Anda menyimpan gambar Anda, pastikan mereka memiliki nama file deskriptif. Meninggalkan gambar Anda bernama IMG_013445.jpg atau apa pun itu ketika mereka keluar dari kamera Anda tidak akan memberikan petunjuk apa pun kepada mesin pencari tentang apa yang mereka gambarkan. Gunakan kata kunci deskriptif yang sesuai yang dipisahkan dengan tanda hubung, misalnya children-playing-ocean.jpg

2. Teks Alt

Saat Anda mengunggah gambar Anda melalui Pengunggah Media, WordPress menawarkan beberapa bidang untuk deskripsi file. Meskipun ini dapat dibiarkan kosong (dan banyak blogger melakukannya untuk menghemat waktu), semakin banyak bidang yang Anda isi, semakin baik untuk SEO dan kegunaan. yang paling penting adalah teks alternatif, kependekan dari "teks alternatif".

Ini adalah teks yang ditampilkan saat gambar dimatikan atau tidak dapat ditampilkan karena alasan lain, jadi itu harus berfungsi sebagai deskripsi tentang gambar itu. Mesin pencari juga membaca teks ini dan menggunakannya untuk memutuskan tentang halaman tersebut dan di mana menempatkan situs Anda dalam daftar. Jika Anda seorang fotografer pernikahan yang berbasis di Texas, misalnya, Anda pasti ingin memastikan bahwa teks alternatif untuk semua gambar blog Anda menyertakan banyak teks deskriptif termasuk kata kunci seperti "fotografer pernikahan" dan "fotografi pernikahan Texas". Meskipun diperingatkan bahwa, seperti halnya teks blog Anda, penting untuk tidak memasukkan kata kunci secara berlebihan ke dalam deskripsi gambar Anda.

Mungkin tergoda untuk menyalin dan menempelkan teks alternatif yang sama ke semua gambar Anda untuk menghemat waktu, tetapi idealnya, setiap gambar Anda harus memiliki teks alternatif unik yang menjelaskannya dengan benar.

3. Judul Gambar

Judul gambar mirip dengan teks alt tetapi memiliki tujuan yang sedikit berbeda. Daripada memberikan informasi alternatif untuk gambar, judul harus memberikan informasi tambahan . Judul gambar adalah teks "tip alat" yang muncul di kotak sembulan saat Anda mengarahkan kursor ke gambar. Teks ini penting untuk kegunaan dan SEO dan harus memberikan informasi yang cepat dan relevan tentang gambar atau ke mana tautannya.

Judul gambar harus sedikit berbeda dari teks alt dan sekali lagi, harus unik untuk setiap gambar.

4. Keterangan Gambar

Caption adalah teks yang ditampilkan biasanya di bawah gambar dan memberikan deskripsi tambahan atau teks pendukung. Menggunakan keterangan adalah opsional, tetapi dapat berguna untuk memberikan informasi tambahan tentang gambar Anda atau mengutip sumbernya jika Anda menggunakan gambar dari situs lain. Bayangkan caption seperti label informasi dalam pameran galeri seni.

Penautan Gambar

Secara default, saat Anda memasukkan gambar ke dalam halaman atau posting, WordPress akan menautkannya ke halaman baru hanya dengan gambar di atasnya. Tidak ada alasan nyata untuk ini dan bahkan dapat merusak situs Anda dalam hal SEO.

Ini juga bisa menjadi masalah kegunaan yang besar — ​​jika pengguna mengarahkan kursor ke gambar Anda dan melihat bahwa itu adalah tautan, dia mungkin menganggapnya tertaut ke halaman dengan informasi yang berguna. Mengklik ke halaman hanya gambar ini membuang-buang waktu bagi pengunjung dan bahkan dapat menyebabkan Anda kehilangan pengunjung.

Untuk mengatasi masalah ini, cukup pilih "Tidak Ada" sebagai bidang "URL Tautan" saat Anda mengunggah gambar di WordPress, kecuali jika Anda benar-benar ingin menautkannya ke halaman tertentu. Jika Anda melakukan ini, pastikan Anda menggunakan judul atau keterangan gambar untuk menunjukkan ke mana gambar tersebut terhubung.

Penempatan Gambar

Selain memastikan gambar Anda dioptimalkan untuk SEO dan ramah pengguna, penting juga untuk memikirkan bagaimana mereka cocok dengan teks Anda untuk alasan estetika dan keterbacaan.

Anda mungkin lebih suka menggunakan gambar sebaris (lebih kecil dari kolom utama sehingga teks membungkusnya), gambar lebar penuh, atau kombinasi keduanya. Yang harus Anda hindari adalah menggunakan gambar mandiri yang tidak memiliki lebar penuh, atau serangkaian gambar dengan lebar yang bervariasi, karena hal ini terlihat tidak profesional dan tidak menarik.

Untuk mencapai ini, Anda harus memastikan bahwa gambar potret Anda memiliki lebar yang sama dengan gambar lanskap Anda. Awasi ketinggian gambar Anda — jika terlalu tinggi, gambar dapat meluap di layar beresolusi lebih kecil. Ini akan menyebabkan pengguna harus menggulir untuk melihat gambar penuh, yang harus dihindari. Jika gambar Anda terlalu besar untuk ditampilkan sebagai lebar penuh dalam format potret, Anda dapat membuat kolase dari dua atau lebih gambar potret secara berdampingan.

Gambar sebaris dapat memberikan sedikit variasi pada konten Anda dan membantu memecah dinding teks yang besar. Mereka juga merupakan pilihan yang baik untuk gambar yang lebih kecil atau sempit yang tidak cocok untuk ditampilkan dengan lebar penuh.

Saat Anda menggunakan gambar sebaris, sekali lagi yang terbaik adalah memutuskan lebar yang ditetapkan untuk konsistensi visual. Ini tidak boleh lebih dari setengah lebar kolom teks, karena gambar yang lebih lebar dari ini akan memampatkan teks terlalu banyak dan membuatnya sulit dibaca.

Gambar sebaris harus selalu disejajarkan ke kanan, bukan ke kiri teks, agar tidak merusak margin kiri dan mengurangi keterbacaan.

Percantik Blog Anda Dengan Gambar

Menggunakan gambar penting untuk membuat blog yang menarik dan menarik secara visual dan bahkan lebih penting dalam hal pemasaran bisnis kreatif Anda.

Ikuti tip yang telah kami bahas dalam artikel ini untuk mengoptimalkan gambar yang disajikan dengan baik dan situs web Anda tidak hanya akan terlihat cantik tetapi juga memuat dengan cepat, menyenangkan untuk dibaca , dan lebih menarik bagi mesin telusur. Selamat menerbitkan!