Tunggu Sebentar...

3/22/2017

Gambar Valid AMP

Baca Juga



Cara Membuat Gambar Postingan Valid AMP, Gambar Valid AMP, Image Valid AMP, Gambar AMP - Sebuah fitur AMP merupakan hal yang sudah menjadi makanan sehari hari para user website yang dimana sebuah tampilan website tersebut sudah lah tampil Valid akan fitur AMP baik itu mulai dari struktur, kerangka Postingan, widget widget tertentu dan lainnya yang sudah valid akan fitur Accelerated Mobile Pages (AMP) tersebut.

Dari segi fitur AMP sudah terprediksi hal tersebut akan menjadi lebih baik lagi dalam mata Search Engine Google tersebut.

Dikarenakan fitur Accelerated Mobile Pages (AMP) merupakan fitur yang asli sendiri yang diberikan oleh Google untuk user website yang dimana untuk mempercepat tampilan pada Laman Google sehingga sebagian besar para pengunjung akan lebih senang berinteraksi dengan website yang sudah valid nya akan AMP tersebut tentunya.

Nah di kali ini AA Sciences, alhamdulillah akan membagikan penerapan sebuah fitur AMP yang dimana fitur ini terdapat dalam sebuah postingan yakni penerapan sebuah nya gambar agar dinyatakan valid struktur akan fitur AMP tersebut.

Sebuah gambar pada sebuah postingan, pada umumnya tercantum dua jenis yaitu jenis non AMP yang dimana sebuah gambar ini akan tampil dengan cara mudah hanya cukup menambahkan sebuah gambar tertentu dan secara otomatis maka gambar postingan yang valid non AMP langsung di publish begitu saja.

Tetapi berbeda, melainkan jika sebuah Gambar postingan dalam sebuah website terutama blogger, maka penggunaan nya tidak lah sembarang melainkan kalian hanya butuh menggunakan script yang dinyatakan valid AMP tersebut dan jika kalian ingin menampilkan sebuah gambar nya maka kalian dianjurkan menggunakan link pada suatu gambar melainkan tidak langsung mengupload nya jika ingin valid AMP.

Dari pembahasan di atas dapat ditarik kesimpulan yakni jika Gambar Postingan non AMP maka akan lebih mudah meng unggah nya tetapi keberatan beban gambar jadi permasalahannya, berbeda melainkan jika sebuah gambar yang valid akan fitur AMP maka cara nya agak cukup rumit, pastikan kalian harus nya memiliki script pemanggil gambar terlebih dahulu tetapi terdapat kelebihan nya yakni gambar dari Postingan pada umumnya akan tampil fast/cepat.

Oke langsung saja kita kembali lagi ke topik, yakni mengenai pembuatan gambar yang valid akan fitur AMP dalam hal posting an suatu website atau blogger.

Berikut Script Gambar Postingan Postingan Valid AMP

1 . Gambar AMP Resolusi Umum Rapih dan Responsive


Yang pertama, script satu ini akan memberi kan sebuah gambar yang valid akan AMP, yang dimana script ini akan memberikan sebuah gambar yang valid AMP pada awal pada sebuah posting an saja, berikut script nya :

<noscript><img src="url-gambar-kamu" width="556" height="333" alt="gambar"/></noscript>

Ubah src="url-gambar-kamu" dengan URL gambar kamu dan ubah alt="gambar" dengan jenis alt gambar kamu

2 . Gambar AMP Resolusi Kecil Rapih dan Responsive


Yang Kedua, script kedua ini akan memberi kan sebuah gambar yang valid akan AMP, yang dimana script ini akan memberikan sebuah gambar yang valid AMP dengan resolusi gambar lumayan besar yang rapih pada bagian melainkan bukan awal posting An, tetapi script ini akan memanggil pada gambar tambahan saja, berikut script nya :

<div class="img-center"> <amp-img alt="contoh-gambar" height="333" layout="responsive" src="https://2.bp.blogspot.com/-ex3V86fj4dQ/UrCQQa4cLsI/AAAAAAAAFdA/j2FCTmGOrog/s1600/no-thumbnail.png" tabindex="0" width="556"></amp-img> </div>

Ubah <amp-img-alt="contoh-gambar" dengan alt gambar kamu dan ubah src="https dengan alamat URL gambar kamu

3 . Gambar AMP Resolusi Kecil Rapih dan Responsive


Yang Ketiga, script Terakhir ini akan memberi kan sebuah gambar yang valid akan AMP, yang dimana script ini akan memberikan sebuah gambar yang valid AMP dengan resolusi gambar kecil yang rapih pada bagian melainkan bukan awal posting An, tetapi script ini akan memanggil pada gambar tambahan saja, berikut script nya :

<div class="img-center img-width-300"> <amp-img alt="contoh-gambar" height="150" layout="responsive" src="https://2.bp.blogspot.com/-ex3V86fj4dQ/UrCQQa4cLsI/AAAAAAAAFdA/j2FCTmGOrog/s1600/no-thumbnail.png" tabindex="0" width="300"></amp-img> </div>

Ubah <amp-img-alt="contoh-gambar" dengan alt gambar kamu dan ubah src="https dengan alamat URL gambar kamu

Artikel Terkait

Seorang Pelajar yang Ingin Berbagi Ilmu Pengalaman yang diketahui nya kepada seluruh Umat Manusia, dan Semoga Ilmu yang ia bagikan tersebut bermanfaat. Amin

================================================================
~ Jika ingin men Copy Paste harap masuk kan sumber link artikel saya di postingan sobat
~Dilarang Berkomentar link aktif , jika ada yang memasuk kan link aktif maka kami akan Hapus dan kami anggap Spam
~ Komentar lah dengan Bahasa yang Baik dan Relevan dengan sesuai artikel terkait tersebut . Terimakasih
================================================================
EmoticonEmoticon