Lebar gambar hero sekarang harus minimal 1200px sebagai standar SEO baru

SEO modern kini tidak lagi berfokus pada kata kunci, kueri atau backlink, Pembaruan algoritma Google yang masif, semakin fokus pada User Experience (UX) dan Visual Search, standar teknis konten visual ikut bergeser.

Bergesernya ukuran lebar gambar

Sebelumnya, gambar dengan lebar 600px atau 800px dianggap cukup untuk mengisi area konten blog. Namun sekarang itu sudah tidak relevan lagi, karena:

1. Google secara eksplisit menyatakan dalam panduan teknis mereka bahwa konten yang ingin masuk Google Discover harus punya gambar hero atau cover yang besar, minimal 1200px sehingga memberikan CTR (Click-Through Rate) yang tinggi.
2. Adaptasi teknologi layar sangat cepat, saat ini mayoritas ponsel dan laptop menggunakan teknologi High DPI atau Retina Display. Gambar kecil yang dipaksakan melebar pada layar ini akan terlihat pecah atau buram. Gambar 1200px memastikan visual tetap tajam di berbagai perangkat.
3. Saat artikel kita dibagikan ke platform seperti Facebook, LinkedIn, atau X (Twitter), sistem mereka secara otomatis mencari gambar Open Graph (og:image). Ukuran 1200 x 630px adalah standar emas agar kartu pratinjau (preview card) tampil penuh dan profesional.

   Catatan: Jangan ikut ketik tanda backtick   di awal dan akhir kode/perintah, itu hanya penanda blok kode untuk memudahkan penulisan.

Berikut ini adalah tabel perbandingan SEO lama dan baru, untuk memudahkan pemahaman kita

Fitur	Standar Lama (Legacy)	Standar Baru (SEO 2024+)
Lebar Minimal	600px - 800px	1200px
Aspect Ratio	Bebas	Disarankan 16:9 atau 4:3
Format File	JPG / PNG	WebP / AVIF
Kompresi	Minimal	Agresif (Lossy)
Potensi Trafik	Hanya Pencarian Web	Web + Google Discover

Tantangan teknis

Perubahan teknis pada gambar hero/cover untuk aksesibilitas SEO modern ini tidak datang secara gratis, ada biaya teknis yang cukup besar dan mungkin jadi salah satu technical debt yang memiliki kesulitan cukup tinggi, terutama platform penulisan yang bergantung pada plugin.

srcset adalah atribut HTML pada elemen <img> yang memungkinkan developer menyediakan beberapa versi gambar dengan ukuran atau resolusi berbeda untuk satu gambar yang sama. Browser akan secara otomatis memilih gambar yang paling sesuai berdasarkan ukuran layar, resolusi perangkat (DPI), dan bandwidth pengguna.

Selain itu, kita juga direkomendasikan untuk mengunakan format modern seperti AVIF atau WebP, yang menawarkan kompresi ekstrem yang tujuannya menekan ukuran file tanpa merusak kualitas. Setelah gambar dioptimasi, kita perlu memastikan HANYA gambar dalam artikel yang di lazy load, karena jika gambar cover di lazy load, malah akan memperburuk pengalaman pengguna.

Pada platform yang dimanjakan plugin seperti WordPress, kita cukup kesulitan untuk mengatur srcset, mungkin sudah ada plugin gratis atau premium yang sudah mendukung opsi srcset ini, dan bisa dijadikan solusi untuk pengguna WordPress.

Sementara di CMS seperti Ghost, kita bisa mengatur srcset di tema, misalnya mengedit file .hb (ekstensi handlebars) yang mengatur secara eksplisit tentang gambar, resolusi dan penggunaan srcset.

Di platform custom kami, Newline; kami saat ini tidak menggunakan srcset karena sudah sangat dioptimasi. Misal pada gambar dibawah ini, kami punya gambar .png yang berukuran 58,2 KB dikonversi ke .avif yang hanya berukuran 8,7 KB. Resolusi yang kami gunakan adalah 4000 x 2000px.

Kami melihat srcset sebagai metode penyelamatan terhadap gambar yang tidak dioptimasi dengan baik, sehingga menambah satu lapisan lagi untuk membuatnya tetap relevan.

Kesimpulan

mengabaikan optimasi gambar di era SEO modern adalah sebuah kerugian, dengan beralih ke standar lebar minimal 1200px, kita telah melakukan satu lagi misi Egosentrik SERP, yaitu memuaskan ego mesin dan pengguna.