Optimasi SEO Semua Gambar Blogspot
Optimasi SEO pada semua gambar blogger memang sederhana dan mudah yaitu dengan menambah tag alt dan tag title pada html blog. Namun dibalik kemudahan dan kesederhanaan tehnik SEO tersebut sering kali dilupakan oleh seorang blogger. Dari sekian banyak tehnik SEO, optimasi SEO On Page pada semua gambar blogspot akan banyak berpengaruh bagi blog kamu. Lakukanlah trik SEO di bawah ini dan blog kamu akan jauh lebih baik.
Untuk blogspot sendiri sudah memiliki fitur penambahan alt dan title pada gambar saat mempublikasikan artikel. Namun bawaan beberapa widget pada template masih memerlukan tindakan manual untuk optimasinya yaitu penambahan alt dan title melalui edit template. Tehnik ini untuk memperbaiki tag title dan alt pada semua gambar blog. Optimasi ini bertujuan agar semua alat crawl mesin pencari dapat membaca arahan maupun segala informasi terkait penggunaan gambar. Baik gambar pada template maupun gambar pada artikel.Artikel optimasi seo semua gambar termasuk Optimasi SEO On page blogspot. Lakukan semua langkah optimasi di dalam daftar ini dan gambar blog kamu akan jauh lebih SEO Friendly dan dapat mempengaruhi peringkat blog di hasil penelusuran.→ Basic Diambil dari panduan belajar optimasi gambar melalui website moz tentang 10 tips Image SEO, bahwa tehnik mengatur gambar di blogspot sangat mudah. Berikut cara kami melakukan optimasi pada semua gambar blog : 1. Perbaiki Gambar Header Blog A. Default Header Widget B. Custom Header Image Blogspot 2. Gambar Original Pastikan untuk menggunakan gambar original atau gambar milik sendiri. Penggunaan gambar hasil download melalui google image terkadang bisa dianggap plagiarisme jika sebuah gambar memiliki hak cipta. Pengaruhnya posisi blog akan jatuh di posisi yang tak tentu.
imageanchor="1"
dan
border="0"
Cara belajar optimasinya dengan melengkapi dengan tag alt dan titlenya sesuai nama gambar. Penggunaan judul dan tag alt dapat diindeks oleh google image pada hasil penelusuran. Setiap gambar yang diupload akan disimpan di server google dengan kapasitas gambar posting blogger tak terbatas dan gratis. Kunjungan blog bukan hanya dari penelusuran artikel saja, tapi juga dari gambar yang digunakan di blog
5. Popular Post Widget
Widget artikel populer merupakan widget penting di blog. Dengan adanya widget ini akan memudahkan pengunjung serta pemilik blog mengetahui artikel yang paling banyak dikunjungi. Untuk setting gaya widget artikel populer terdapat 3 macam penggunaan yaitu hanya link saja, gambar dan link, serta hanya gambar. Dari ketiga maacam gaya tersebut haruslah ditambahkan tag alt dan tag title.
A. Gaya hanya link : harus ditambah dengan tag title
B. Gaya thumbnail dan link harus ditambah title dan alt
C. Gaya hanya thumbnail harus ditambah dengan tag alt
Dari segi SEO apabila masih terdapat kekosongan tag title dan tag alt maka perlu untuk menambahnya. Berikut cara menambah alt dan title pada popular post widget :
<b:widget id='PopularPosts1' locked='false' title='Popular Post' type='PopularPosts' version='1'>
<b:widget-settings>
<b:widget-setting name='numItemsToShow'>3</b:widget-setting>
<b:widget-setting name='showThumbnails'>true</b:widget-setting>
<b:widget-setting name='showSnippets'>true</b:widget-setting>
<b:widget-setting name='timeRange'>LAST_YEAR</b:widget-setting>
</b:widget-settings>
<b:includable id='main'>
<b:if cond='data:blog.url != data:blog.homepageUrl'>
<b:if cond='data:title != ""'><h2><data:title/></h2></b:if>
<div class='widget-content popular-posts'>
<ul>
<b:loop values='data:posts' var='post'>
<li>
<b:if cond='!data:showThumbnails'>
<b:if cond='!data:showSnippets'>
<!-- (1) No snippet/thumbnail -->
<a expr:href='data:post.href' expr:title='data:post.title'><data:post.title/></a>
<b:else/>
<!-- (2) Show only snippets -->
<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/>
<!-- (3) Show only thumbnails or (4) Snippets and thumbnails. -->
<div expr:class='data:showSnippets ? "item-content" : "item-thumbnail-only"'>
<b:if cond='data:post.featuredImage.isResizable or data:post.thumbnail'>
<div class='item-thumbnail'>
<a expr:href='data:post.href' expr:title='data:post.title' target='_blank'>
<b:with value='data:post.featuredImage.isResizable ? resizeImage(data:post.featuredImage, 110) : data:post.thumbnail' var='image'>
<img border='0' expr:alt='data:post.title' expr:src='data:image'/>
</b:with>
</a>
</div>
</b:if>
<div class='item-title'><a expr:href='data:post.href' expr:title='data:post.title'><data:post.title/></a></div>
<b:if cond='data:showSnippets'>
<div class='item-snippet'><data:post.snippet/></div>
</b:if>
</div>
<div style='clear: both;'/>
</b:if>
</li>
</b:loop>
</ul>
</div>
</b:if>
</b:includable>
</b:widget>
FeaturedPost1
optimasikan dengan tag alt dan title.
7. Hapus Gambar Tang dan Obeng
Robot crawl mengindikasi fungsi blogger quick edit widget atau gambar tang dan obeng sebagai gambar. Untuk kepentingan SEO maka fitur atau fungsi ini sebaiknya dimatikan dan tidak digunakan. Cara menghapusnya cukup mudah, tinggal hapus semua kode di dalam template kode barikut :
<b:include name='quickedit'/>
Selain fungsi quick edit di dalam template blogspot terdapat URL gambar yang belum SEO friendly, lengkapi dengan atribut alt dan title seperti kode berikut :
<img src='https://resources.blogblog.com/img/icon_delete13.gif'/>
ada juga <img expr:src='data:comment.favicon' height='16px' style='margin-bottom:-2px;' width='16px'/>
lalu ini <img expr:src='data:post.thumbnailUrl'/>
lengkapi dengan alt dan title ya!
tidak semua gambar di blog mempunyai atribut tag alt dan title, jadi agar seo friendly tambahkan semua tag tersebut di semua element blog. Bisa juga menambahkan kata kunci blog kamu
ReplyDeletemantap gan
ReplyDeleteHi,
ReplyDeleteWell this was definitely something new, I really liked it. if you want Digital Marketing Srvices visit High Ranking Solutions
artikelnya super bermanfaat. Tutorial optimasi SEO CMS Blogger lainnya mas, jangan cuma Image saja hehehe. Saya kasih cendol deh :v
ReplyDeleteMantul
ReplyDeleteMakasih gan, jadi tau ane
ReplyDeletenice post agan... makasih nie tak coba
ReplyDelete