Optimasi SEO Semua Gambar Blogspot

Baca Juga

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 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.
3. Tagging Gambar Sebelum Upload

Gambar di atas menunjukkan cara kami menambah tag gambar sebelum diupload ke blog. Lengkapi judul, tanggal pembuatan, nama gambar, camera, jenis kamera, resolusi, iso dan lain sebagainya. Bisa juga menambahkan kata kunci dalam tehnik optimasi seo gambar ini.
4. Gambar Posting Blogger
Saat posting gambar, keadaan HTML hapuslah kode border serta imageanchor : 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. 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 :
<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'><data:post.title/></a> <b:else/> <!-- (2) Show only snippets --> <div class='item-title'><a expr:href='data:post.href'><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 ? &quot;item-content&quot; : &quot;item-thumbnail-only&quot;'> <b:if cond='data:post.featuredImage.isResizable or data:post.thumbnail'> <div class='item-thumbnail'> <a expr:href='data:post.href' target='_blank'> <b:with value='data:post.featuredImage.isResizable ? resizeImage(data:post.featuredImage, 72, &quot;1:1&quot;) : data:post.thumbnail' var='image'> <img alt='' border='0' expr:src='data:image'/> </b:with> </a> </div> </b:if> <div class='item-title'><a expr:href='data:post.href'><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> <b:include name='quickedit'/> </div>
6. Featured Post Widget
Gambar pada featured post widget/posting unggulan juga masih menyisakan kekosongan alt dan title pada thumbnail atau cuplikan gambarnya. Lengkapi datanya, biasanya kode ini terdapat di widget dengan struktur 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!
→ Advance SEO Optimisation
Untuk advance SEO ini bagi blog yang sudah melakukan seperti hal di atas serta untuk tingkat lanjut. Berdasarkan Google Speed Insight terdapat optimasi SEO lebih lanjut dengan pemanfaatan media hosting dan script. Untuk artikel berikut akan kami posting kemudian.
8. CDN Hosting Image
9. Open Graph Meta Tag
10. Script Image Lazy Load
11. Schema Image Object
Dari sekian banyak tools, saya merekomendasikan Web Page Analyzer Free Tool for SEO blog kamu. Optimasi setiap kekurangan tag gambar tersebut. Dari alat tersebut cukup mudah dimengerti dengan fitur alamat gambar juga disajikan dengan model pohon html. Jika masih ada keraguan melakukan langkah ini, silahkan kunjungi kualitas web melalui panduan praktik terbaik penggunaan gambar resmi webmaster google. Selamat optimasi pada gambar blog kamu ya!

Subscribe to receive free email updates: