Panduan Lengkap Cara Menambahkan Gambar pada Postingan Blog

MATERI PENDUKUNG


LANGKAH-LANGKAH

  1. Pada Post Editor, tempatkan kursor pada posisi gambar yang dikehendaki - (Lihat).
  2. Klik toolbar gambar. Pada tutorial ini, opsi yang dipilih adalah Upload dari komputer - (Lihat).
  3. Selanjutnya, pilih file gambar - (Lihat).

    Ada kemungkinan posisi gambar tidak berada pada posisi kursor. Untuk kasus ini, gambar biasanya akan diletakkan di bagian paling bawah tubuh postingan. Pindahkan secara manual ke tempat yang diinginkan.

  4. Pada gambar yang ditambahkan, terdapat beberapa opsi yang bisa disesuaikan - (Lihat).
  5. Tambahkan atribut Alt dan Title. Anda bisa mengisi bagian ini serupa dengan judul postingan - (Lihat).

    • Alt (Alternative Text) Ini didefinisikan agar mesin pencari (google misalnya) dapat mengerti "Tentang Apa" gambar yang bersangkutan.

    • Title (Judul) Text uang akan ditampilkan ketika kursor diletakkan diatas gambar.


Menambahkan Atribut Lazy Loading

Atribut loading="lazy" berfungsi untuk mengintruksikan browser untuk hanya memuat konten jika dibutuhkan. Untuk elemen gambar dengan atribut loading="lazy", gambar tidak akan dimuat jika belum terlihat pada layar browser. Sangat disarankan untuk menambahkan atribut ini untuk gambar yang terletak di bagian bawah postingan (tidak terlihat tanpa pengunjung melakukan scroll). Untuk gambar yang ditempatkan di bagian atas postingan, atribut ini tidak perlu ditambahkan.

Caranya:
  1. Beralih ke Tampilan HTML untuk melihat HTML gambar - (Lihat).
  2. Tambahkan atribut loading="lazy" pada tag img - (Lihat).
Komentar