CARA MENAMBAHKAN ALT TAG IMAGE POPULERPOSTS
jadi kita harus Setting Alt Tag nya di Themes/Tema.
Mungkin menurut kalian Alt Tag pada gambar tidak masalah jika tidak diatur. Tapi menurut saya ini sangat di butuhkan membantu konten kalian terhadap optimasi SEO supaya agar tidak terbaca blog acak acakan.
Oke langsung saja tanpa banyak omong, kita otw ke tutorial bagaimana agar populer post dan gambarnya bisa sama.
Pertaman
~Login ke Blogger/Blogspot anda.
~Silahkan anda klik Themes/Tema
~Lalu klik edit HTML seperti gambar di bawah ini.
~Klik tulisan Lompat ke Widget, terus arahkan ke PopulerPosts2.
~Buka Isi code <b:widget id='PopularPosts2'>, Masukan kode data:post.title pada <img alt='masukan kode disini'> ikuti petunjuk gambar dibawah ini.
~Jika template blog anda tidak ada <img alt=> mungkin template anda berbeda. Tenang, anda tidak perlu khawatir, saya masih punya cara yang kedua.
~Copy html di bawah ini.
<b:widget id='PopularPosts2' locked='false' mobile='yes' title='Entri Populer' type='PopularPosts'>
<b:includable id='main'>
<b:if cond='data:title'><h3><data:title/></h3></b:if>
<div class='widget-content popular-posts'>
<ul><b:loop values='data:posts' var='post'>
<li><b:if cond='data:showThumbnails == "false"'><b:if cond='data:showSnippets == "false"'><a expr:href='data:post.href' expr:title='data:post.title'><data:post.title/></a><b:else/><div class='item-title'><a expr:href='data:post.href' expr:title='data:post.title'><data:post.title/></a></div><div class='item-snippet'><data:post.snippet/></div> </b:if><b:else/><b:if cond='data:showSnippets == "false"'><div class='item-thumbnail-only'><b:if cond='data:post.thumbnail'><div class='item-thumbnail'><a expr:href='data:post.href' target='_blank'> <img expr:alt='data:post.title' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:title='data:post.title' expr:width='data:thumbnailSize'/></a></div></b:if><div class='item-title'><a expr:href='data:post.href' expr:title='data:post.title'><data:post.title/></a></div></div> <div style='clear: both;'/> <b:else/><div class='item-content'><b:if cond='data:post.thumbnail'><div class='item-thumbnail'><a expr:href='data:post.href' target='_blank'><img expr:alt='data:post.title' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:title='data:post.title' expr:width='data:thumbnailSize'/></a></div></b:if><div class='item-title'><a expr:href='data:post.href' expr:title='data:post.title'><data:post.title/></a></div><div class='item-snippet'><data:post.snippet/></div> </div><div style='clear: both;'/></b:if></b:if></li></b:loop>
</ul>
</div><div class='clear'/>
</b:includable>
</b:widget>
<b:includable id='main'>
<b:if cond='data:title'><h3><data:title/></h3></b:if>
<div class='widget-content popular-posts'>
<ul><b:loop values='data:posts' var='post'>
<li><b:if cond='data:showThumbnails == "false"'><b:if cond='data:showSnippets == "false"'><a expr:href='data:post.href' expr:title='data:post.title'><data:post.title/></a><b:else/><div class='item-title'><a expr:href='data:post.href' expr:title='data:post.title'><data:post.title/></a></div><div class='item-snippet'><data:post.snippet/></div> </b:if><b:else/><b:if cond='data:showSnippets == "false"'><div class='item-thumbnail-only'><b:if cond='data:post.thumbnail'><div class='item-thumbnail'><a expr:href='data:post.href' target='_blank'> <img expr:alt='data:post.title' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:title='data:post.title' expr:width='data:thumbnailSize'/></a></div></b:if><div class='item-title'><a expr:href='data:post.href' expr:title='data:post.title'><data:post.title/></a></div></div> <div style='clear: both;'/> <b:else/><div class='item-content'><b:if cond='data:post.thumbnail'><div class='item-thumbnail'><a expr:href='data:post.href' target='_blank'><img expr:alt='data:post.title' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:title='data:post.title' expr:width='data:thumbnailSize'/></a></div></b:if><div class='item-title'><a expr:href='data:post.href' expr:title='data:post.title'><data:post.title/></a></div><div class='item-snippet'><data:post.snippet/></div> </div><div style='clear: both;'/></b:if></b:if></li></b:loop>
</ul>
</div><div class='clear'/>
</b:includable>
</b:widget>
~Hapus semua <b:widget id='PopularPosts2'> sampai </b:widget>, lalu pastekan kode diatas.
~Lalu klik Save Template , Selesai
NB: Cek di Seocentro.com apakah blog kalian sudah valid Alt gambar nya.
Kalo keterangannya merah berarti masih ada yg belum di kasih Alt.
Semoga bermanfaat untuk anda, dan jangan lupa tinggalkan komentar jika masih kurang paham
0 komentar:
Post a Comment