Cara optimasi dan validasi gambar posting

Cara optimasi dan validasi gambar posting

Aturan ngeblog agar SEO friendly memang salah satunya harus meng optimasi dan validasi error w3c pada gambar di setiap posting/gambar yang ada di blog apalagi untuk blog/website yang yang dipakai juga untuk bisnis online itu penting juga. Optimasi gambar termasuk dalam SEO on page, optimasi gambar dilakukan dengan cara memberi nama pada gambar yang kita posting dalam artikel dan gambar ukuranya lebih baik mengambil yang medium atau large. Nama yang kita taruh pada gambar adalah sesuai keyword yang akan kita posting dan sesuai title atau judul posting. Kenapa gambar juga harus di optimasi? karena kadang orang dalam pencarian artikelnya di google akan menulis keyword gambar misalnya gambar apple hijau, dan apabila gambar itu kita beri nama/title bisa saja menemukan blog kita apabila kita pernah posting tentang apple hijau dan mengeklik blog kita, atau berarti bisa memberi nilai plus/tambah pada blog kita di mata mbah google, itu hanya contoh saja. Maaf ini adalah tutorial blog pemula yang belum tahu hehehe...pasti kalau teman-teman blogger senior aku, semua sudah tahu caranya xD.

Cara optimasi dan validasi gambar posting
Cara optimasi dan validasi gambar posting
Tekan Properties
Apabila menulis artikel untuk posting dan kita mencantumkan gambar, gambar sudah di upload klik pada tengah-tengah gambar/image tadi dan akan keluar tulisan di bawahnya tentang ukuran gambar small-medium,dll coba tekan Properties kemudian akan keluar tulisan seperti gambar di bawah ini:

Cara optimasi dan validasi gambar posting
Image Properties (tekan gambar untuk memperjelas)
Image Properties di bawahnya ada kolom title text itu diisi dengan nama gambar sesuai keyword artikel yang anda tulis dan alt text itu isikan dengan title atau judul artikel yang sedang ditulis kemudian tekan OK. Selanjudnya apa itu validasi gambar posting? yaitu membuang kode error w3c yang ada pada gambar agar error yang ada pada blog kita sedikit/berkurang xD. Apa itu perlu? perlu juga kalau blog pingin seo friendly seperti yang dianjurkan mbah google. Caranya adalah kalau gambar sudah di upload coba tekan HTML nanti akan keluar kode kemudian tekan F3 saja biar mudah mencari kode error nya dan masukkan kata imageanchor="1" dan border="0" delete/hapus kode itu, o ya ini adalah sebagian dari cara validasi error w3c HTML 5. Kalau dalam blog kita misalnya sidebar atau gambar selain di posting artikel apabila ada kode seperti itu sebaiknya dihapus juga.
Cara optimasi dan validasi gambar posting
Tekan gambar untuk memperjelas (gambar contoh)
Kadang error html5 juga berasal dari video yang kita upload dan kode itu memang harus di hapus juga, contohnya seperti gambar di bawah ini dengan menekan HTML dulu setelah video di upload hapus/delete kode frameborder=''0'' allowfullscreen
Cara optimasi dan validasi gambar posting

Tekan gambar untuk memperjelas

Selanjudnya untuk setiap gambar yang ada di blog kita, untuk mengurangi error harusnya diberi nama pada gambar/alt gambar contohnya seperti di bawah ini.

kode sebelumnya (tidak valid html5):

<img src="//assets.whicdn.com/assets/follow_me_2.png" />

jadikan seperti (valid html5):

<img alt='NAMA IMAGE/GAMBAR' src="//assets.whicdn.com/assets/follow_me_2.png" />

atau meletakkan alt di belakangnya, contohnya:

<img src="http://i1243.photobucket.com/albums/gg546/alice4ja/pin_zpsa8332ab2.pngalt="NAMA IMAGE/GAMBAR"/>

Kalau semua kode image yang error sudah dihapus bisa dicek Validasi W3C nya di Markup Validation Service dengan memasukkan url website/blog anda. (Sumber=guru blogger saya xD)

6 comments:

  1. jadi pengen belajar optimalisasi blog nih ke mba.. kapan doong? aku mah pake SEO juga gag ngerti..

    ReplyDelete
  2. kakak....aku belum begitu ngerti cara kerja html,Css atau yang sejenis itu.....ajarin aku ;)

    ReplyDelete
    Replies
    1. Tuh barusan aku nulis post nya,cara belajar html5 free online misal di w3c schooll,sip kalau suka coding,semangat ya xD lama2 pasti pinter,aku juga sedang/sambil belajar neh hehe..

      Delete
  3. Makasih sob, akhirnya valid dah blog saya.

    ReplyDelete
  4. thanks sob panduannya, nice share :)

    ReplyDelete

Related Posts Plugin for WordPress, Blogger...

©2014-Personal Blog Pribadi-Design oleh Ananda Jogja