Cara mengoptimalkan gambar situs Anda agar lebih cepat dan berkinerja lebih baik

Diterbitkan: 2021-11-16

Dalam artikel ini

Apakah Anda akan meluncurkan situs web pribadi atau meningkatkan kinerja situs web yang sudah ada? Selalu ingat bahwa pengoptimalan gambar adalah kunci untuk peringkat situs dan posisi teratas.

Saat mengerjakan situs web, kita sering cenderung fokus pada konten, teks yang dioptimalkan, foto dan warna, dan pilihan gaya kecil lainnya untuk menyesuaikannya dengan selera dan produk kita. Tetapi kita sering gagal untuk terlalu peduli dengan pengoptimalan gambar — atau kita mengabaikan pentingnya hal itu.

Apa artinya mengoptimalkan gambar

Pada dasarnya, mengoptimalkan gambar berarti mengompresi dan membuatnya lebih ringan untuk meningkatkan kecepatan dan kinerja situs Anda.

Apa yang banyak tidak tahu adalah bahwa kualitas dan bobot gambar secara langsung mempengaruhi kecepatan dan kinerja situs dan, akibatnya, posisinya di mesin pencari.

Jika Anda telah melakukan semua yang Anda bisa untuk meningkatkan kualitas konten dan kata kunci Anda, dan pengaturan situs web dan indeks tidak memiliki masalah teknis, maka inilah waktu pengoptimalan: ini dapat membuat perbedaan dalam mendaki posisi portal pencarian teratas.

Gambar web: berat, resolusi, dan dimensi ideal

Berat gambar yang ideal untuk web umumnya 200–300 kb. Resolusi yang ideal adalah 72 dpi (yaitu sekitar 70%). Dimensi ideal membatasi sisi panjang hingga 1200 piksel (dimensi dan resolusi yang lebih besar terutama diindikasikan untuk pencetakan, tetapi kurang cocok untuk konteks web).

Oleh karena itu, mengurangi bobot gambar dan resolusinya, serta menyesuaikan gambar dengan format halaman, sangat penting untuk mengoptimalkan kinerja situs web.

Cara mengoptimalkan gambar di situs

Jika Anda bukan ahli grafis dan bahkan tidak tahu apa itu Photoshop, jangan takut: ada banyak alat dan situs web yang ramah dan gratis di luar sana untuk mengoptimalkan gambar situs Anda dengan mudah sambil menjaga kualitasnya. Jika, di sisi lain, Anda dapat mengatur diri sendiri, maka mengoptimalkan gambar untuk web dengan Photoshop jelas merupakan pilihan terbaik.

Memang, situs dan alat ini menetapkan nilai umum untuk mendapatkan gambar yang dioptimalkan, yaitu agar gambar dikompresi berdasarkan berat dan ukuran per standar web tanpa mempengaruhi kualitasnya. Jelas, sebagian besar hasilnya tergantung pada gambar yang Anda unggah di tempat pertama. Tentu saja, gambar awal yang kasar tidak dapat berubah menjadi gambar berkualitas tinggi setelah dikompresi.

Situs dengan fungsi pengoptimalan gambar , gratis atau berbayar sesuai kebutuhan, antara lain Comprimilo, Optimizilla, Kraken, TinyPNG, dan CompressJpeg. Seperti biasa dengan web yang terus berkembang, situs-situs ini, terutama yang gratis, terus berubah. Namun, pencarian kata kunci sederhana akan cukup untuk menemukan situs terbaik saat ini untuk mengoptimalkan gambar Anda secara gratis.

Selanjutnya, jika situs Anda dibangun dengan platform WordPress, maka Anda memiliki kesempatan lain: mengoptimalkan gambar WordPress melalui plugin . Plugin tidak lebih dari program pendukung yang ditujukan untuk meningkatkan fungsi program lain. Singkatnya, mereka menambahkan fitur baru ke situs Anda tanpa Anda sendiri, perlu membuat kode.

Yang paling populer adalah:

  • Smush
  • Pengoptimal Gambar EWWW
  • Bayangkan
  • Piksel Pendek
  • PNG Kecil

Peran SEO dalam optimasi gambar

Bobot dan kualitas foto sama pentingnya dalam proses pengoptimalan gambar seperti halnya SEO yang menyertainya. Faktanya, SEO bukan hanya tentang kata kunci dari teks situs Anda. Ini juga berkaitan dengan judul dan tag gambar yang diunggah ke situs.

SEO dari sebuah gambar meliputi:

  • atribut alt, yaitu teks alternatif
  • atribut judul, yaitu judul gambar
  • keterangan
  • keterangan
  • URL, yaitu tautan

Mengatur teks alt dan judul dengan baik sangat penting. Semakin akurat Anda menggambarkan gambar Anda, semakin banyak mesin pencari akan melihatnya sebagai konten berkualitas untuk kata kunci pencarian yang cocok. Ini sangat relevan untuk e-niaga, di mana setiap produk gambar adalah kunci pencarian itu sendiri.

Akan sangat ideal untuk mengoptimalkan gambar sebelum mengunggahnya ke situs , setelah menyimpannya dengan benar di folder PC Anda. Jelas, jika ini tidak memungkinkan, Anda dapat kembali ke galeri gambar situs dan melakukan pekerjaan ini nanti.

Apakah Anda memikirkan semua gambar yang Anda simpan di bawah Photo1, Kkkkkkkkkjpg, Image_3, dan lain-lain?

Sekarang, jalankan untuk mengoptimalkannya!

Cara mengoptimalkan gambar situs dalam beberapa langkah sederhana

1. Kompres ukuran gambar Anda agar tidak membebani situs

Jika Anda tidak ingin gambar yang terlalu besar dan berat memperlambat situs web Anda, pilih salah satu situs gratis yang memungkinkan Anda mengoptimalkan gambar dengan cara yang sederhana dan cepat. Kami telah menyarankan beberapa di antaranya di atas, tetapi Anda selalu dapat menemukan yang lain melalui pencarian Google sederhana.

Yang lebih berpengalaman dapat merujuk ke Photoshop. Ini tentu saja merupakan alat paling profesional untuk menyesuaikan gambar yang kami tambahkan ke situs web kami dengan cara terbaik.

2. Beri file Anda nama yang sesuai

Meskipun kita semua pernah ke sana (bahkan bagi mereka yang berpura-pura sebaliknya), dengan cepat menyimpan file gambar kita dengan nama seperti pffffffff, image_7, img568, dll. bukanlah pilihan yang baik.

Luangkan waktu ekstra untuk menemukan judul yang efektif dan deskriptif untuk gambar Anda. Jika Anda melakukan langkah ini segera, maka Anda tidak perlu melakukan pekerjaan ganda setelahnya.

Waspadalah terhadap terlalu banyak hal yang baik. Jangan merangkai serangkaian kata kunci secara berurutan. Algoritme dapat menghukum Anda karena menghilangkan kata kunci dalam gambar Anda. Selalu pilih media yang bahagia.

3. Pilih teks alternatif sesuai dengan judul gambar Anda

Setelah Anda memilih judul gambar, lanjutkan dengan menggabungkan teks alternatif yang sesuai. Faktanya, ini adalah elemen terpenting untuk mengindeks dan mengoptimalkan gambar bersama dengan judulnya. Teks alt dimaksudkan untuk memberikan detail gambar yang merupakan alternatif dari sekadar visual.

Kemudian, dengan kata-kata, jelaskan apa yang Anda lihat dalam gambar.

4. Masukkan keterangan dan deskripsi

Judul dan deskripsi tidak sepenting judul dan teks alternatif. Tetapi mereka dapat memberikan lebih banyak relevansi pada gambar Anda saat Anda mengoptimalkannya.

Caption adalah teks yang akan muncul pada halaman tepat di bawah atau di samping gambar untuk memperkuat pesan dan relevansinya.

Deskripsi dimaksudkan untuk pemrograman situs internal untuk memilah gambar dan mengetahui isinya. Ini tidak memiliki relevansi SEO khusus.

5. Simpan gambar dan unggah ke situs web Anda

Setelah gambar disiapkan, dikompresi, dan dioptimalkan, juga untuk tujuan SEO, simpan saja di komputer Anda. Kemudian unggah ke situs web yang menarik.

Kesimpulan

Gambar sering diremehkan dan dianggap sebagai elemen gaya murni. Pada kenyataannya, mereka penting untuk lebih meningkatkan kinerja situs web kami dan mengambil lompatan ekstra untuk mencapai puncak mesin pencari.

Mengoptimalkan gambar mungkin tampak seperti proses yang panjang dan membosankan, yang sering kita lewatkan. Namun, setelah Anda memahami proses tersebut, Anda akan merasa mudah dan otomatis. Dalam jangka panjang, ini akan memungkinkan Anda untuk meningkatkan kinerja situs web Anda dengan membuatnya lebih cepat dan lebih terkait dengan kunci pencarian pengguna.

Terakhir, jangan lupa bahwa aturan pengoptimalan yang sama (pengurangan bobot, teks alternatif, dll.) juga berlaku untuk email Anda! Temukan semuanya di Panduan Desain Email MailUp!