Thursday, July 18, 2019

Cara Gambar Valid AMP di Postingan Blog Template Alinux, Infinite, Purple, Kompi Ajaib Dll

Arief

Status Terbaru

  • Permohonan maaf

    Arief Rahmat Pamungkas memohon maaf kepada siapapun yang pernah merasa tersakiti oleh Saya. Semoga Anda berkenan memaafkan semua kesalahan dan kekhilafan Saya. Terima kasih
  • Permohonan Doa

    Semoga semua dosa-dosa semasa Kang Arief Rahmat Pamungkas hidup diampuni oleh Allah SWT, dan diterima amal ibadahnya, aaamiiin.. Terima kasih telah mendo'akan dan mengaminkan.

Karir

  • 2009 - Magang

    Announcer
    C Radio 88.7 FM
    Kota Banjar
  • 2010 - Kontrak

    Pramuniaga
    Ria Busana Grup
    Kota Bandung
  • 2010-2013 (Mandiri)

    Wiraswasta
    Arief Pulsa
    Kota Bandung
  • 2013 - Sekarang (Tetap)

    Staff Cashier Collection
    Finance Accounting
    PT. SAT, Tbk
    Balaraja - Tangerang

Project

Foto Arief

Contact Arief

Anda punya penawaran kerja sama?
Mau kegiatan komunitas, organisasi, atau berita di daerah Anda muncul di hasil pencarian Google? Kirim artikel ke www.a-arief.com - GRATIS!

Panduan - Kirim Tulisan

Tambahkan aplikasi www.a-arief.com di smartphone tanpa install :

  • Buka www.a-arief.com dengan browser Chrome di smartphone Anda.
  • Klik ikon 3 titik di browser
  • Klik bookmark atau CTRL+D (Google chrome di PC).
  • Kemudian pilih "Tambahkan ke layar utama" (Google chrome di mobile : hp/smartphone).
  • Selanjutnya klik aplikasi www.a-arief.com dari layar utama smartphone Anda.





Masih pakai template AMP? Iya dong, harus. Agar artikel kita bisa dibuka cukup nol koma satu detik. Sangat membuat nyaman visitor karena dalam sekejap artikel sudah terbuka. Untuk support AMP, template dan atribut image (gambar) juga harus valid AMP.


Buat yang baru pakai template AMP pasti bingung jika tidak tahu cara memasukkan gambar ke postingan artikel agar tetap valid AMP. Mungkin untuk blogger yang beli template AMP secara komersial sudah dapat script pada setting posting default. Nah, bagaimana dengan yang dapat template AMP gratisan?

Berikut adalah script khusus menyisipkan gambar pada postingan blog AMP agar tetap valid saat di cek di web tool AMP validator https://validator.ampproject.org

Gambar Thumbnail

Gambar thumbnail hanya muncul di feed beranda blog dan ketika url postingan di share ke media sosial. Jika anda tidak menggunakan kode berikut, maka feed artikel terbaru anda di homepage blog atau pada judul tidak akan ada gambarnya.

<noscript><img width="1280" height="1080" alt='ganti dan isi dengan keyword yang anda inginkan' src='ganti-dengan-url-gambar-anda-yang-berformat-jpeg'/></noscript>

Untuk thumbnail, sangat disarankan ukuran tinggi gambar minimal adalah 1080 dan lebar minimal 1280. Ukuran ini jika diperkecil berakibat gambar thumbnail tidak akan ikut terindeks di Google search.

Gambar pelengkap didalam postingan

Menggunakan kode script berikut hanya akan menampilkan gambar didalam postingan saja, dan gambar tidak akan ikut tampil di homepage seperti gambar thumbnail.

<amp-img src="ganti-dengan-url-gambar-anda-yang-berformat-jpeg" width="1280" height="720" layout="responsive" alt="ganti dan isi dengan keyword yang anda inginkan"></amp-img>

Penempatan kode script harus memperhatikan posisi. Gunakan kode diatas hanya pada menu HTML, bukan compose. Dan perlu diingat, selalu cek di AMP validator sebelum dipublikasikan.

Jika ada kendala atau pertanyaan, tanyakan di kolom komentar atau hubungi admin di menu contact.