Saifulah.id - Masalah yang sering dialami oleh pengguna template Median UI salah satunya adalah pada gambar thumbnail widget Related Post.
Related post atau widget artikel terkait pada Median UI terkadang menjadi terpotong atau gambarnya buram, padahal saat upload gambar kualitasnya tidak seburuk itu.
Lalu mengapa hal ini terjadi dan bagaimana solusi mengatasi permasalahan ini?
Sebetulnya, masalah ini cukup simpel tapi jarang disadari oleh pengguna Median UI, dimana saat upload gambar, mereka tidak mengatur ukuran pada gambar tersebut dengan benar.
Begini cara upload dan atur ukuran gambar postingan yang benar.
Tahap Persiapan
- Jangan lupa berdoa sebelum melakukan aktivitas apapun agar lebih berkah.
- Siapkan gambar yang ingin di upload terserah mau pakai ekstensi apa, boleh .jpg, .png, tapi alangkah lebih baik pakai ekstensi .webp karena biasanya ukurannya lebih kecil tapi kualitasnya tetap terjaga.
- Pastikan gambar yang ingin di upload memiliki ratio panjang dan lebar 16:9 (golden ratio) karena ukuran ini merupakan ukuran standar untuk sebuah thumbnail hampir diseluruh sosial media.
Tahap Upload
- Buat Postingan Baru
- Tekan icon gambar
- Pilih Upload dari komputer
- Tekan Pilih file
- Pilih file foto yang sudah kita siapkan tadi
- Lalu tekan Pilih maka foto akan masuk di dalam postingan
- Selanjutnya tekan icon Gear
- Lalu isi Teks Alternatif dan Teks Judul agar gambar jadi SEO friendly
- Penting! ubah ukuran menjadi Ukuran Asli karena kalau bukan pakai ukuran ini, maka thumbnail related post akan menjadi blur.
- Terakhir tekan PERBARUI
Catatan
- Gambar dengan Ukuran Asli hanya perlu diterapkan pada pengaturan gambar pertama (firts image), sementara gambar yang lain bebas pakai ukuran apa saja boleh.
- Sedangkan mengisi Teks Alternatif dan Teks Judul sebaiknya diterapkan pada semua gambar dalam postingan, karena hal ini akan membuat gambar mudah dikenali oleh Googlebot dan berpotensi membuat gambar muncul di Mesin Pencarian Gambar Google.
- Jika cara di atas gagal, silakan download template thumbnail berikut, lalu tindih dengan thumbnail kamu yang asli.
Kesimpulan
Jadi, masalah gambar buram dan terpotong pada widget related post disebabkan oleh pengaturan gambar pertama yang tidak menggunakan ukuran asli.
Selain itu, tadi saya juga memberikan tips tambahan agar gambar yang di upload jadi lebih SEO friendly. Semoga tutorial cara memperbaiki Thumbnail Related Post ini bermanfaat.