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.
Sebagai dasar optimasi blogspot Google dapat mendeteksi penggunaan gambar pada artikel, sekedar informasi bahwa update terbaru pencarian google gambar menggunakan fitur google lens seperti dikonsirmasi pada Kamis, 27 September 2018. Google lens bertujuan menemukan gambar inspirasi dengan dasar bahwa gambar menarik perhatian, gambar yang paling cocok, tanpa harus menggambarkan apa yang Anda cari di kotak pencarian. Google dapat membaca informasi gambar seperti fakta peristiwa, lokasi, waktu, sesuai keadaan yang sebenarnya.
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. 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 blog5. 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> Ganti widget popular post atau artikel populer blog kamu dengan kode di atas untuk widget lebih seo friendly.
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!Sampai di sini dengan tehnik optimasi seo tersebut blog anda sudah lebih baik agar tampil di mesin pencari. Apabila akses googlebot mengalami masalah saat proses crawling (penelusuran isi blog oleh mesin pencari) teman-teman bisa menggunakan tehnik optimasi seo mempercepat indeks google.
→ Advance SEO Optimisation
Untuk advance SEO ini bagi blog yang sudah melakukan cara seperti di atas serta untuk SEO 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
12. Menggunakan Gambar Base64
Dari sekian banyak tools, saya merekomendasikan Web Page Analyzer Free Tool untuk mengecek optimasi SEO pada gambar blog kamu. Mulailah langkah 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 tehnik ini, silahkan kunjungi pedoman kualitas webmaster google melalui panduan praktik terbaik penggunaan gambar untuk blogspot kamu. Selamat optimasi pada gambar blog kamu ya!