Cara membuat Featured Image di Blog AMP

AMP- Gambar memang hal yang sangat penting pada sebuah artikel baik blog non AMP terlebih AMP, untuk itu Masbrur harus tau Cara membuat Featured Image di Blog AMP yang sudah jadi .com atau yang masih blogspot. Tapi jangan tanya Alasan Migrasi ke Blog AMP ya Masbrur, sebab saya yakin Masbrur sudah lebih faham.

Apa sih Featured Image Blog itu?

Singkatnya gini, dalam sebuah artikel kita pasti melihat preview gambar dari artikel yang kita baca bukan? Meskipun di dalam artikel ada lebih dari 1 gambar tetapi yang bisa di tampilkan di halaman utama blog atau website pasti memilih salah satu gambar yang terbaik, kan tidak mungkin akan menampilkan semua gambar yang ada.


Gambar yang di pilih untuk mewakili artikel tadi itu namanya FEATURED IMAGE BLOG fahimtum.. xixixi.

Lah bukannya featured image itu sudah otomatis di pilih di artikel blog?

Benar kalau itu blog non AMP tapi Kalau Blog AMP gambar preview tadi tidak akan muncul dengan sendirinya aliyas otomatis romantis eeh otomatis saja gak pakai romantis, jadi harus ditambahkan manual.

How to Create Featured Image For My Blog?

Widiih pakai bahasa linggis eui... mane keren pisan.. Masbrur yang keren bukan saya 😅, sebenarnya membuat featured image ini sudah di bahas di artikel sebelumnya tentang cara edit artikel blog agar valid amp yang pakai noscrip noscrip itu lo.

Tetapi biar tidak kebanyakan yang dibahas kali ini khusus belajar membuat featured image di AMP saja.

Seperti biasa buat artikel sampai selesai editingnya lalu pindah ke mode HTML artikel,


Pastekan kode ini dimanapun Masbrur mau bisa awal ahir atau tengah asal masih dalam artikel,

 <noscript> <img height="337" width="600" alt="featured image " title="featured image " src="https" /></noscript> 

Ganti
alt = dengan kata kunci
Title = judul artikel
Src = url gambar yang akan di jadikan preview artikel, tetapi hanya mulai dari https://3.bp.blogspot...bla bla.jpg

Jadinya akan seperti ini

 <noscript> <img height="337" width="600" alt="featured image " title="featured image " src="https://4.bp.blogspot.com/-W0JA_cwnYfw/WwdX42x73AI/AAAAAAAAE4U/PyNGU7ee2ZUe1bFt8V_Pijy5Qoc7gOrkgCLcBGAs/s1600/IMG_20180525_4358.jpg" /></noscript> 


Simpan dan selesai, Bagaimana mudah bukan? Sedikit info saja jika artikel Masbrur tidak di beri fetured image ini maka tidak akan muncul preview gambar (khusus AMP) seperti gambar di bawah ini Meskipun di dalam artikel ada gambar lebih dari 1.


Nah itulah tadi Cara Membuat Featured Image Di Blog AMP cukup simple bukan? Semoga bisa bermanfaat ya Masbrur.

Makan sahur di pagi hari
Jangan lupa gosok Gigi
Apa kabar pagi ini
Semoga secantik bidadari 😊

MayBe You Also Like