Cara Optimasi Gambar Menjadi Seo Friendly

  • 6 min read
  • Feb 09, 2021

Cara Optimasi Gambar Menjadi Seo Friendly ini sebenarnya sudah lama sejak format gambar pertama keluar sehingga kita semua terbiasa dan menggunakan sehari-hari, yaitu format seperti JPEG, PNG dan GIF. Tetapi teknologi terus berkembang dan selama setahun terakhir, banyak hal baru juga mulai terjadi di sini.

Yaitu, ada beberapa format baru yang disebut next-gen yang menawarkan kompresi gambar yang lebih baik dan lebih efisien. Yang pada gilirannya berarti Anda tidak perlu mengunduh banyak data dan merupakan langkah ke arah yang benar untuk situs web yang lebih cepat.

Baru-baru ini, diketahui bahwa semakin banyak alat yang digunakan untuk menilai waktu muat situs web, seperti PageSpeed ​​Insights , yang mulai menyarankan untuk beralih ke format gambar modern baru. Jadi jika Anda belum mengetahui format baru, ini adalah posting untuk Anda!

Apa perbedaan sebenarnya dari format gambar?

Jika Anda bekerja dengan pengoptimalan mesin pencari, Anda pasti sering mendengar bahwa waktu buka situs web sangat penting. Ini karena ini adalah salah satu faktor peringkat yang menentukan seberapa baik kinerja situs web Anda dalam hasil penelusuran organik dan sejalan dengan pengalaman pengunjung situs Anda.

Dan salah satu penyebab terbesar ketika datang ke situs web yang lambat hanyalah gambar, jadi dengan menggunakan format gambar yang tepat dan mengompresnya dengan benar, ada beberapa detik untuk disimpan. Ini adalah sesuatu yang dapat dibantu oleh format baru!

WEBP – format gambar Google sendiri

WebP adalah format gambar yang dikembangkan Google dengan kemampuan kompresi yang sangat bagus. Mereka menjanjikan file gambar 25-35% lebih kecil dari JPEG dan 26% lebih kecil dari PNG. Ada juga dukungan untuk kompresi, latar belakang transparan, dan animasi. Oleh karena itu, ini dapat dilihat sebagai alternatif yang baik untuk JPEG, PNG dan GIF.

Google telah mencoba beralih ke WebP pada beberapa produknya sendiri seperti Google Play yang mengurangi ukuran gambarnya hingga 35%. YouTube juga menguji peralihan ke WebP pada semua thumbnail-nya dan melihat pengurangan 10% dalam waktu buka halaman. Tidak buruk!

Baca lebih lanjut tentang WebP !

JPEG 2000 – Dibuat oleh pendiri JPEG

JPEG 2000 dikembangkan oleh Joint Photographic Experts Group, yaitu para pendiri JPEG yang kini sedang mengembangkan versi baru dengan tujuan format ini akan menggantikan JPEG di masa mendatang. Tidak seperti JPEG, JPEG 2000 menggunakan jenis kompresi berbeda yang memungkinkan kemampuan kompresi yang lebih baik dan lebih baik.

Baca lebih lanjut tentang JPEG 2000 !

JPEG XR

JPEG XR dibuat oleh Microsoft yang menjanjikan kemampuan kompresi yang lebih baik dan dukungan untuk latar belakang transparan.

Baca lebih lanjut tentang JPEG XR !

APNG 

APNG adalah singkatan dari Animated Portable Network Graphics, yang tertinggal dan dikembangkan Mozilla. Ini dapat dilihat sebagai peningkatan dari format gambar PNG yang lebih lama dengan tambahan yang sekarang memungkinkan animasi.

Baca lebih lanjut tentang APNG !

Apakah ada kerugian pada format baru?

Salah satu kelemahan penggunaan beberapa format gambar baru saat ini adalah tidak semua browser mendukungnya. Masih. Sebagian besar browser menguji dan memiliki rencana untuk mengimplementasikan dukungannya di masa mendatang, tetapi semuanya belum cukup.

Karena format gambar baru menjadi semakin populer dan semakin banyak alat yang mulai direkomendasikan oleh Page Speed ​​Insights, banyak masalah waktu sebelum hal itu berlaku. Oleh karena itu, mungkin baik untuk memiliki rencana bagaimana hal ini dapat dilakukan secara teknis. Periksa kemungkinan sebelumnya!

Browser mana yang mendukung format gambar baru?

Di bawah ini kita dapat melihat daftar format gambar yang didukung di berbagai browser:

Seperti yang terlihat saat ini, format gambar Google sendiri, WebP, yang didukung di sebagian besar browser (selain Safari dan IE), tetapi ini tentu saja dapat diubah di masa mendatang. Jika Anda ingin melacak dan melihat browser mana yang mendukung format berbeda, Anda dapat mengunjungi caniuse.com.

💡 Tips membaca

Ingin membaca lebih lanjut tentang pengoptimalan gambar? Kemudian Anda dapat mengambil kesempatan untuk membaca artikel saya sebelumnya:

Format gambar untuk web dan mesin telusur

class="post__title">

Kita semua menyukai gambar! Mereka harus beresolusi tinggi, berkualitas baik dan pada saat yang sama membuat situs web memuat dalam waktu singkat. Ada tiga hal yang jarang berjalan seiring, tetapi Anda biasanya harus berkompromi antara kualitas dan kecepatan halaman. Tetapi apakah harus seperti itu? Apakah mungkin untuk mendapatkan gambar yang bagus tanpa terlalu membebani situs? Jawaban singkatnya adalah ya!

Hanya dengan memilih format yang tepat untuk gambar Anda dapat melihat perbedaan yang nyata, dan jika kami juga mengompresnya, Anda dapat memperoleh hasil yang sangat bagus dengan gambar yang bagus yang tidak harus lebih mahal daripada rasanya.

Bagi Anda yang baru mengenal pengoptimalan gambar atau hanya ingin menyegarkan ingatan, Anda dapat membaca artikel saya ” Cara mengoptimalkan gambar Anda untuk penelusuran ” di mana saya membahas dasar-dasar pengoptimalan gambar sementara hari ini kita akan mendalami lebih dalam format gambar yang paling umum tersedia. Bacaan bagus! 🌸

Bagaimana ini berhubungan dengan pengoptimalan mesin pencari?

Mungkin tidak ada yang dapat membebani situs web sebanyak gambar besar dan resolusi tinggi. Seberapa cepat pemuatan situs web merupakan faktor penting baik dalam hal penelusuran berbayar maupun organik, di mana situs web yang lambat dapat menyebabkan gangguan visibilitas dan skor kualitas yang lebih buruk. Selain itu, ini menciptakan pengalaman pengguna yang negatif bagi pengunjung – siapa yang benar-benar suka menunggu?

Ini tidak berarti bahwa Anda harus menjauh dari gambar yang bagus tetapi Anda harus berpikir untuk melakukannya dengan benar, dan hanya dengan menyimpan gambar dalam format file yang tepat, ada beberapa detik untuk disimpan!

Format gambar yang biasa kami gunakan

Sangat mudah untuk menjadi bingung ketika Anda memikirkan semua kemungkinan format gambar yang tersedia – JPEG, PNG, SVG atau GIF – apa artinya sebenarnya? Apa yang harus digunakan dan kapan? Ada perbedaan besar antara format file dan penting untuk memilih yang tepat, tidak hanya untuk pencarian itu sendiri tetapi juga gambar agar terlihat sebaik mungkin.

JPEG – Format gambar yang paling banyak digunakan di web

JPEG adalah singkatan dari Joint Photographic Experts Group, yang merupakan nama tim pengembangan di balik format gambar yang mungkin paling banyak digunakan ketika datang ke web. Format file ini sangat cocok untuk website dan blog dengan banyak foto karena kemampuan kompresi yang baik yang dapat membuat gambar berukuran sangat kecil. Format file masuk untuk gambar web dengan mudah!

Perlu diingat bahwa gambar dapat kehilangan kualitas jika dikompresi terlalu banyak, jadi Anda harus menemukan keseimbangan yang bagus yang terlihat bagus untuk dilihat dan tidak terlalu memperlambat situs.

PNG – Untuk Anda yang menginginkan gambar transparan

PNG adalah singkatan dari Portable Network Graphics dan paling sering digunakan pada grafik, ikon, ilustrasi, atau gambar lain di mana latar belakang transparan penting. Tidak seperti JPEG, gambar tidak dikompresi dengan cara yang sama sehingga kualitasnya tidak rusak, yang mengarah ke ukuran file yang lebih besar tetapi dengan kualitas yang lebih baik. Jika Anda membutuhkan gambar dengan latar belakang transparan atau tembus cahaya, ini adalah format gambar untuk Anda!

Dengan kata lain, menyimpan foto resolusi tinggi di PNG saat mengunggah ke situs adalah ide yang buruk. Ini karena ukuran file mudah ditarik dan akan memengaruhi waktu pemuatan.

GIF – Gambar animasi dan bergerak dalam waktu singkat

GIF adalah singkatan dari Graphics Interchange Format dan terkenal karena kemampuannya untuk membuat gambar animasi di web tanpa menggunakan video. Anda pasti pernah melihatnya di media sosial sebelumnya! Jika Anda menginginkan gambar animasi, tidak ada pilihan yang lebih baik dari GIF.

Penting untuk diingat, tentunya jangan sampai membuat file terlalu besar, karena akan mengurangi waktu buka website. Jika ada banyak konten, jalankan di video sebagai gantinya (yang juga dapat dioptimalkan).

SVG – Sempurna untuk logo, ikon & grafik vektor yang lebih sederhana

SVG adalah singkatan dari Scalable Vector Graphics dan berfungsi sedikit berbeda dari format gambar lainnya karena sebenarnya merupakan format dokumen yang mirip dengan HTML atau CSS, di mana file tersebut terdiri dari kode yang memberi tahu Anda seperti apa gambar itu seharusnya. Seperti namanya, gambar sepenuhnya dapat diskalakan dan akan mempertahankan kualitas bagus yang sama terlepas dari resolusi layar atau perangkat.

Sempurna untuk berbagai jenis ikon, simbol, dan logo yang lebih sederhana karena filenya tidak terlalu besar dan berkualitas baik.

Bagaimana saya tahu format gambar yang akan digunakan?

Anda dapat dengan mudah mengetahuinya dengan melihat ekstensi file dari gambar. Anda mungkin telah memperhatikan di URL saat Anda membuka gambar di tab baru atau saat Anda mendownload gambar yang diakhiri dengan .png, .gif atau .jpg. Ini menunjukkan format di mana gambar disimpan! Anda tentunya juga dapat mendownload gambar dan memilih “pengaturan” seperti pada gambar di bawah ini.

Format gambar mana yang cocok untuk saya dan situs saya?

Dari perspektif SEO, tidak masalah format mana yang Anda pilih untuk digunakan, selama itu tidak berdampak negatif pada waktu buka situs. Gambar itu sendiri akan dapat diindeks dalam hasil pencarian terlepas dari apakah Anda memilih JPEG, PNG atau GIF – selama dioptimalkan untuk pencarian.

Alih-alih, anggap ini sebagai tindakan yang harus Anda lakukan secara teratur, mengompresi gambar dan tidak menguploadnya dalam resolusi yang lebih tinggi dari yang seharusnya. Jalanmu panjang!

Format gambar baru sedang diproses

Anda mungkin pernah mendengar bahwa ada format gambar baru yang disebut next gen pada input yang dapat memampatkan gambar secara lebih efisien dan lebih baik? Salah satu format gambar baru disebut WebP dan dapat dilihat sebagai alternatif yang lebih efisien untuk JPEG, PNG dan GIF. Anda dapat membaca lebih lanjut tentang format yang berbeda di artikel saya “Format generasi berikutnya yang harus dilacak untuk pengoptimalan yang lebih efisien “.

6 thoughts on “Cara Optimasi Gambar Menjadi Seo Friendly

  1. “C’est SUPER: navigation facilitée/ accès aux dessins animés aisé/ présentation paysage

    Also visit my webpage …

  2. Займ онлайн без процентов.
    Круглосуточно

    …карты и электронного кошелька; – без отказов,
    проверки кредитной истории и справок При потребности подбора
    идеальных микрозаймов онлайн, рекомендуем это займ онлайн без блокировки денег на неименную карту Qiwi, МастерКард

  3. Definitely consider that that you stated. Your favorite reason seemed to be at the net the easiest factor to bear in mind
    of. I say to you, I certainly get irked whilst folks
    think about worries that they just don’t realize about.
    You controlled to hit the nail upon the highest and also outlined out the whole
    thing without having side-effects , folks could take a signal.
    Will likely be back to get more. Thanks

Tinggalkan Balasan

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *