🔔 Aktifkan notifikasi disini Google News

Cara Memperbaiki Thumbnail Related Post Median UI Yang Buram atau Blur

Cara Memperbaiki Thumbnail Related Post Median UI Yang Buram atau Blur
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

Cara Memperbaiki Thumbnail Related Post Median UI Yang Buram atau Blur
  1. Jangan lupa berdoa sebelum melakukan aktivitas apapun agar lebih berkah.
  2. 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.
  3. 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

Cara Memperbaiki Thumbnail Related Post Median UI Yang Buram atau Blur
  1. Buat Postingan Baru
  2. Tekan icon gambar
  3. Pilih Upload dari komputer
  4. Tekan Pilih file
  5. Pilih file foto yang sudah kita siapkan tadi
  6. Lalu tekan Pilih maka foto akan masuk di dalam postingan
  7. Selanjutnya tekan icon Gear
  8. Lalu isi Teks Alternatif dan Teks Judul agar gambar jadi SEO friendly
  9. Penting! ubah ukuran menjadi Ukuran Asli karena kalau bukan pakai ukuran ini, maka thumbnail related post akan menjadi blur.
  10. 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.

Mau donasi lewat mana?

SeaBank - Saifullah (9016-9529-0071)

BRI - Saifullah (05680-10003-81533)

BCA Blu - Saifullah (007847464643)

JAGO - Saifullah (1060-2675-3868)

BSI - Saifullah (0721-5491-550)
Merasa terbantu dengan artikel ini? Ayo dukung dengan memberikan DONASI. Tekan tombol merah.
PT Saifullah Digital Advantec

18 komentar

Popular Emoji: 😊😁😅🤣🤩🥰😘😜😔😪😭😱😇🤲🙏👈👉👆👇👌👍❌✅⭐
  1. trimakasih sangat bermanfaat min
    1. Sama²
  2. Request buat garis yg di header sama label min
    1. https://www.saifullah.id/2021/08/cara-membuat-garis-pada-header-median-ui.html
  3. Bang tolong buatin tutorial cara buat widget "Butuh Bantuan" untuk WhatsApp atau gini contohnya https://m.saifullah.id/
    1. Widget butuh bantuan yang ada di blog saya satunya itu pakai platform wordpress, jadi agak berbeda kalau pakai blogger. Kalau pakai blogger pakai cara seperti di postingan ini saja https://www.saifullah.id/2017/10/cara-memasang-live-chat-box-messenger.html
  4. tetep aja blur min
    1. Link blognya apa? Saya cek dulu kondisinya.
  5. tetep blur min
    1. Link blognya apa? Saya cek dulu kondisinya.
  6. cara fix nya gimana
    1. Link blognya apa? Saya cek dulu kondisinya.
    2. https://www.abata.id/
    3. itu min
    4. Oh iya, saya dapat kabar, katanya Google ganti hosting untuk link gambar. Jadi gak bisa di atasi pakai tutorial ini lagi kayaknya. Soalnya linknya udah berubah jadi googleuser.com
  7. Jadi solusi nya gimana min
    1. Coba pakai gambar dengan size yang tinggi. Ambil thumbnail dari punya saya yang tidak bermasalah lalu edit
    2. Gk ngaruh walau pakai gambar resolusi tinggi
Centang Beri Tahu Saya untuk mendapatkan notifikasi ketika komentar kamu sudah di jawab.
Parse:

Gambar Quote Pre Kode



  • Home


  • Follow


  • MENU


  • Share


  • Comment
Cookie Consent
Kami menyajikan cookie di situs ini untuk menganalisis lalu lintas, mengingat preferensi Anda, dan mengoptimalkan pengalaman Anda.
Oops!
Sepertinya ada yang salah dengan koneksi internet Anda. Harap sambungkan ke internet dan mulai menjelajah lagi.