Cara Mengoptimasi Gambar di Web Blogger & Wordpress

Cara Optimasi Gambar Pada Konten Blog Agar Lebih SEO - Pada artikel sebelumnya mimin sudah share cara menyebar kata kunci utama pada paragfar awal. Nah! pada kesempatan kali ini mimin akan sharekan cara optimasi gambar pada artikel agar lebih SEO. Cara optimasi gambar itu sangat mudah di lakukan dan sangat penting untuk dilakukan.
Cara Optimasi Gambar

Selain mengoptimasi gambar di blog blogger di blog wordpress juga harus di optimasi, karena saya sedang melanjutkan artikel seri optimasi konten, seblumnya tentang cara menyebar kata kunci utama di paragraf awal sekarang saya akan berikan panduan cara optimasi gambar pada web blogger dan wordpress.

Ini bisa di sebut dengan optimasi SEO pada gambar postingan agar lebih seo, mengoptimasi gambar untuk seo sangatlah penting karena terkadang artikel tanpa gambar itu membosanan, udah panjang gak ada gambar lagi.

Agar konten lebih berkualitas (SEO) tambahkan gambar yang relvan di dalamnya, dan jangan lupa optimasi gambar tersebut agar mudah di index google juga.

Oke... langsung saja ke tutorialnya...

Cara Optimasi Gambar Di Postingan Blogger

Dalam artikel minimal sisipkan satu gambar saja dan ukuranya jangan sampai melebihi 1 mb.

1. Buat dan Gunkan Gambar Original.

Gunkan gambar hasil buatan sendiri, jangan sampai comot sembarangan di google karena mungkin gambar tersebut tidak bebas CR.

Anda bisa mendownload gambar gratis di situs penyedia gambar gratis yang bebas CR di internet. Atau bisa membuat gambar ciri khas blogmu sendiri seperti blog ini.

2. Ukuran Gambar.

Ukuran gambar yang baik untuk postingan blog di bawa 50 kb, dan gunkan format JPG atau PNG. Tapi yang lebih baik menurut saya gunkan format JPG saja agar ukuranya lebih rendah, ingat juga kualitas gambar juga harus berkualitas jangan ngeblur.

Bagaiman cara membuat gambar berkualitas tapi ukuranya rendah?

Sangat mudah sekali Anda bisa resize ukuran gambarnya menjadi 600x300 ke bawah dengan fomat .JPG jika ukuranya masih besar coba compres lagi di situs online: imageopimal.com/api, trimage.org, kraken.io, saya yakin ukuran akan lebih kecil.

Tapi trik yang saya gunakan agar mendapatkan gambar kualitas bagus tapi ukuran kecil. triknya adalah membuat gambar sendiri dengan coreldraw, photoshop, adobe illustrator atau inkscape tapi menyimpanya dengan cara screnshot dulu baru di simpan dengan fomat jpg, jadi saya gak perlu resize atau compres karena ukuranya sudah 30kb.

Cara Mengoptimasi Gambar di wordpres

3. Atur ukuran gambar di postingan.

Hal selanjunya yang harus di perhatikan adalah ukuran gambar di dalam postingan, ada beberapa parian ukuran yang bisa Anda gunakan di postingan di antarnya small - medium - large - x lage - orginal size.

Gunkan ukuran large agar gambar tidak terlalu besar dan tidak terlalu kecil.

cara optimasi gambar agar seo secara otomatis

4. Isi "title text" dan "alt text" dengan kata kunci turunan.

Mengisi title text dan alt text dengan keyword turunan sangatlah penting dalam teknik SEO agar artikel dapat terindex oleh mesin pencari.

cara optimasi gambar title text dan alt text pada postingan

Sebenarnya ada juga lho cara optimasi gambar agar seo secara otomatis dengan menambahkan script tambahan pada template blogger, cara tersebut akan saya share di artikel selanjunya.

Sebelumnya saya kan sharekan juga Script Lazy Load Gambar agar loading blog Anda lebih cepat.

Cara Memasang Script Lazy Load Gambar di Blog

Ikuti langkah-langkahnya...

Cari kode </body> dan letakan semua kode di bawah tepat di atasnya.


<script async='async' src='https://cdn.rawgit.com/aFarkas/lazysizes/gh-pages/lazysizes.min.js' type='text/javascript'></script>
<script>
//<![CDATA[
for(var imgEl=document.getElementsByTagName("img"),i=0;i<imgEl.length;i++)imgEl[i].getAttribute("src")&&(imgEl[i].setAttribute("data-src",imgEl[i].getAttribute("src")),imgEl[i].className+=" lazyload",imgEl[i].setAttribute("src","data:image/png;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs="));
$(document).ready(function() {
    $('iframe[src*="youtube.com"]').wrap('<div style="position:relative;padding-bottom:56.25%;height:0;overflow:hidden;margin:0 auto;width:100%"></div>').css({
        "position": "absolute",
        "top": "0",
        "left": "0",
        "width": "100%",
        "height": "100%",
        "border": "0"
    }).addClass("lazyload").each(function() {
        $(this).attr("data-src", $(this).attr("src"));
        $(this).removeAttr("src", "")
    });
});
//]]>
</script>

Jika sudah di letakan silahkan klik simpan tema.

Sekarang kita beralih ke cara optimasi gambar di wordpress.

Cara Optimasi Gambar Di Wordpress

SEO gambar wordpres tidak jauh berbeda cara mengoptimasinya dengan optimasi gambar di blogger.

Dari menggunkan gambar yang original dan sampai mengisi title text dan alt text bisa Anda terapkan juga di Wordpress, tapi mungkin cara prakteknya beda tapi perlaukan optimasinya sama.

Nah! tapi di wordpres bisa menggunkan Plugin tambahan.

WordPress menyediakan berbagai plugin untuk membantu Anda menyelesaikan masalah optimasi gambar. Beberapa plugin yang bisa Anda gunakan diantaranya Imagify Image Optimizer, ShortPixel Image Optimizer, WP Smush, dan Optimus Image Optimizer.

Cara Optimasi Gambar Di Wordpress

Jadi itulah cara optimasi gambar di wordpress, caranya sama dan sedikit tambahan plugin, ingat gunkan plugin satu saja jangan semuanya.

Penutup...

Jadi itulah panduan cara mengoptimasi gambar di web blogger dan wordpress agar postingan lebih seo. semoga artikel ini bermanfaat bagi banyak orang.

Jika Anda suka dengan tutorial blogger yang saya bagikan silahkan ikuti bloggersukses.id dengan cara mengklik tombol follow me di bawah dan ikuti petunjuknya selanjutnya...

Follow Me...

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel