Selain Fast Loading, template AMP memiliki fitur SEO yang lebih Gress, dan punya lambang / logo petir di hasil pencarian penelusuran (SERPs).
Masalahnya adalah template blogger jenis Accelerated Mobile Pages (AMP) ini tidak cocok dipakai blogger awam (Junior / Newbie Class) karena perlu ekstra kerja keras ketika membuat atau menulis posting blog.
Baca Juga: Cara Membuat Daftar Isi Blog Aman dari Sisipan Link
Berawal dari situ, barangkali ada beberapa teman yang ingin mencoba karena iseng. Silahkaaannn...
Cara Posting: Tambah Foto dan Video di Artikel Template Blog AMP
#1. Membuat dan Memasang Logo Blog
URL image logonya seperti kode dibawah ini:
<b:includable id='title'>
<a expr:href='data:blog.homepageUrl' expr:title='data:title' itemprop='url'><span itemprop='name'><amp-img alt='Logo' expr:title='data:title' height='30' src='URL LOGO' width='30'/> <data:title/></span></a>
</b:includable>
<a expr:href='data:blog.homepageUrl' expr:title='data:title' itemprop='url'><span itemprop='name'><amp-img alt='Logo' expr:title='data:title' height='30' src='URL LOGO' width='30'/> <data:title/></span></a>
</b:includable>
Pastikan logo berukuran 30px x 30px.
#2. Memasang Thumbnail Image
Untuk pemasangan thumbnail image, kita harus menggunakan kode ini:
<div class="thumb-post">
<noscript><img src="URL THUMBNAIL IMAGE" width="650" height="350" alt="Curabitur placerat est sem"/></noscript>
</div>
<noscript><img src="URL THUMBNAIL IMAGE" width="650" height="350" alt="Curabitur placerat est sem"/></noscript>
</div>
#3. Menyisipkan Gambar di Dalam Posting Blog
<amp-img
alt="Curabitur placerat est sem"
height="350"
layout="responsive"
on="tap:lightbox1"
role="button"
src="URL GAMBAR SISIPAN"
tabindex="0"
width="650"></amp-img>
alt="Curabitur placerat est sem"
height="350"
layout="responsive"
on="tap:lightbox1"
role="button"
src="URL GAMBAR SISIPAN"
tabindex="0"
width="650"></amp-img>
#4. Menyisipkan Video Youtube
Gunakan kode ini:
<amp-youtube
data-videoid="ID VIDEO YOUTUBE"
height="270"
layout="responsive"
width="480"></amp-youtube>
data-videoid="ID VIDEO YOUTUBE"
height="270"
layout="responsive"
width="480"></amp-youtube>
Bisa dibilang ini merupakan kerugian menggunakan template blog AMP. Namun sisi positifnya ialah apabila sudah memahami bagaimana menggunakan template AMP ini, kita akan menguasai ranking SERPs dengan mudah.
Baca Juga: Cara Membuat Gambar Header Blog Keren
Untuk keterangan lebih lanjut, silahkan masuk ke situs Adhy Suryadi dibawah ini yang menjelaskan bagaimana menggunakan template blogger AMP secara lengkap dan detail:
http://www.kompiajaib.com/2016/09/kompi-design-blogger-template-with.html
Post A Comment:
0 comments so far,add yours
Posting Komentar