Langsung ke konten utama

Validasi HTML5 Blogger Pada Sisi SEO

HTML5
Pada kesempatan kali ini saya akan sedikit mendiskusikan tentang pemahaman validasi HTML5 pada blogger yang konon katanya akan meningkatkan SEO. Belakangan berbagai spekulasi berkembang mengenai validasi HTML5 yang akan menaikan kualitas Search Engine Optimization . Tapi disisi lain ada yang berpendapat bahwa Validasi HTML5 tidak begitu penting bahkan tidak penting sama sekali pada blogger dan tidak ada hubungannya sama sekali dengan SEO , benarkah ?. Sebelumnya kita akan mengenal terlebih dahulu apa itu HTML ?. 

HTML 

HTML ( Hyper Text Markup Language ) adalah sebuah bahasa markah yang digunakan untuk membuat sebuah halaman web , menampilkan berbagai informasi di dalam sebuah penjelajah web internet pemformatan hiperteks sederhana yang ditulis dalam berkas format ASCII agar dapat menghasilkan tampilan wujud yang terintegrasi . HTML dibuat oleh kolaborasi Caillau TIM dengan Berners -Lee Robert ketika mereka bekerja di CERN pada tahun 1989. 

Sejarah dari standar HTML 

  • HTML 2.0 ( RFC 1886 ) Disetujui sebagai standar 22 September 1995 
  • HTML 3.2 pada 14 Januari 1996
  • HTML 4.0 pada 18 Desember 1997 
  • HTML 4.01 ( minor-fixes ) pada 24 Desember 1999 
  • ISO/IEC 15445 : 2000 ( ISO HTML , berdasar pada HTML 4.01 Strict pada 15 Mei 2000 
  • HTML5 masih dalam tahap pengerjaan / peninjauan lebih jauh . 
Pada dasarnnya HTML mirip dengan dokumen tulisan biasa , hanya dalam dokumen ini sebuah tulisan memuat intruksi yang ditandai dengan kode atau lebih dikenal TAG tertentu . Secara garis besar , terdapat 4 jenis element dari HTML. 
  • Struktural 
  • Presentasional 
  • Hiperteks 
  • Elemen Widget 
Namun untuk saat ini penggunaan tag HTML untuk menentukan tampilan telah dianjurkan untuk ditinggalkan , dan sebagai gantinya digunakan Cascading Style Sheets atau yang kita kenal dengan istilah CSS. Bicara HTML5 pada blogger kita pahami terlebih dahulu

Pengertian HTML5 

Revisi kelima dari HTML sebelumnya , tujuan utama HTML5 adalah untuk memperbaiki teknologi HTML agar mendukung teknologi multimedia terbaru sehingga mudah dibaca oleh manusia dan mudah dibaca oleh mesin. HTML5 memberikan aturan detail untuk meleksikalkan dan memparsing sebagai persyaratan agar berbagai peramban web tetap memberikan hasil yang sama saat terjadi kesalahan sintaks . 

Apakah blogger harus valid HTML5 

Beberapa pendapat mencuat mengenai validasi HTML5 pada Blogger, salah satu pendapat dengan menggunakan semantik HTML5 pada blogger akan meningkatkan kualitas SEO , namun pendapat ini seolah sebuah spekulasi saja karena dalam meningkatkan SEO logikanya sangatlah kompleks . Seperti : 
  1. Originalitas Konten 
  2. Relevansi Konten
  3. Inbound dan Outbound Link 
  4. Visitor / Pengunjung 
  5. Optimasi Sosial Media dan lain-lain 
Contoh pada Baclink yang menjadi salah satu syarat  SEO , ada beberapa hal yang harus diperhatikan terlebih dahulu dalam membangun sebuah backlink , karena baclink dapat membuat situs ranking tinggi atau sebaliknya . 
  • Link dari situs PR n/a yang tidak teroptimasi 
  • Link dari situs yang kena penalty Google 
  • Link dari situs yang dibenci Google 

Kenapa harus valid HTML5 

Validasi HTML5 seolah menjadi keharusan untuk struktur template blogger sehingga para kreator template berusaha membuat templatenya valid HTML5 , alasan dasar kenapa harus valid HTML5 , contoh untuk lebih menyempurnakan tampilan pada berbagai browser seperti yang dikatakan diatas, karena pengguna internet dalam aktivitas browsing tidak terpaku pada satu browser saja contoh ketika menggunakan Internet Explorer dengan Google  Chorme , Mozilla atau Opera akan terdapat perbedaan tampilan yang cukup signifikan . Nah dengan struktur template valid HTML5 maka aksesi dan tampilan web/blog akan mudah diakses dan terlihat rapi untuk semua browser.

Validasi HTML5 Top Website 

Kalau kita melihat validasi HTML5 pada website terkenal dunia , bahkan Google sendiri yang memiliki trafic dan PR tinggi justru sampai saat ini masih terdapat eror

  • http://www.google.com/ terdapat 25 Eror dan 4 Warning 
  • http://css-tricks.com/ terdapat 24 Eror dan 1 Warning 
  • https://www.facebook.com/ terdapat 38 Eror dan 4 Warning
  • https://twitter.com/ terdapat 13 Eror dan 3 Warning 
  • http://duniaradioku.blogspot.com/  7 Eror dan 1 Warning ( wkwkwkwk ) 
Dengan demikian saya punya kesimpulan sementara untuk semantik HTML5 pada blogger bukanlah sebuah permanen untuk meningkatkan SEO karena HTML5 hanya menitik beratkan pada sebuah aksesi mudah untuk berbagai browser dan mungkin hanya untuk sisi SEO sebagai penunjang saja . Pendapat yang mengatakan kalau validasi HTML5 pada blogger tidaklah penting , kenapa ? karena kode-kode eror HTML5 pada blogger justru terdapat pada mesin blogger-nya sendiri dan akan lebih baik memaksimalkan berbagai fitur pada blogger daripada mementingkan valiadsi HTML5 karena peramban / browser sekarang telah lebih canggih mungkin masuk akal. Namun demikian dengan valid-nya HTML5 pada blog akan memiliki struktur kode template yang lebih baik .

Bijaknya dari bahasan diatas mengenai validasi HTML5 pada struktur kode template blogger untuk SEO kembali pada pemahaman masing-masing

Resource : Berbagai sumber google

Komentar

  1. pertamaxx....betul banget sob..saya liat blognya "bagas31" itu gak valid HTML5 tapi merupakan situs download nomor 1 di Indonesia. KONTEN IS KING !!!

    BalasHapus
    Balasan
    1. http://duniaradioku.blogspot.com/ tetep is the king dari ke 5 situs popular yang di tampilkan pada postingan di atas. :)) wkwkkw.. ampuh benern nih kang rully validasi html5 nya . top markotop lah kang rully . (y)

      Hapus
    2. Wkwkwkwk .... ngaledek eta mah hahaha

      Hapus
    3. Wah apa lagi blog saya nih Kang Ruly error dan warning masih banyak
      Kalau blog punya Kang Ruly, pastinya lebih keren dan kasep deh =D

      Hapus
    4. Ah sama saja yang saya ge kang .. Ancurrr berantakan heuheu

      Hapus
  2. Betul kang, masih banyak yang menganggap bahwa valid html5 sama dengan seo. Seperti dikatakan di atas, dengan valid html5 berarti lebih memanjakan pengguna dan peramban dengan begitu tidak ada salahnya jika blog kita valid html5, namun dengan valid html5 bukan berarti blog kita telah seo karena valid html5 hanyalah salah satu dari sekian banyak faktor penunjang seo blog. Jadi dengan valid html5 kita telah memiliki satu faktor dari sekian banyak faktor penunjang seo. Tidak menjadi keharusan untuk valid html5 namun tidak ada salahnya juga valid html5. Kira-kira begitu kang hehehehe :)

    BalasHapus
    Balasan
    1. Ya benar kang saya setuju pendapatnya .... dengan valid html5 blog kita akan ramah diberbagai browser dan itu akan membuat pengunjung betah karena dgn browser apapun mereka mengakses blog kita , hasil tampilan sama sempurna dan sudah tentu itu akan mendatangkan trafic positiv !!

      Hapus
    2. palid-palid lagi.. ah.. jangan terlalu pokus kesana mah.. heheh tapi kalau bisa dipalitin dong heheh.. disisi SEO rasanya tidak ada kaitan dengan palid html5, palid html5 adalah menunjang pramban agar lebih gampang dibenahi. oh salah tulis tu, seharusnya Valid HTML5 heheheh :)

      Hapus
    3. Iya inti bahasan nya memang seperti itu sis ,, maksudnya spesial blogger gak usah terlalu fokus untuk validasi HTML5 .. P atau V sama saja hehe

      Hapus
  3. pencerahannya cukup baik mas, saya juga setelah baca artikel baru dari blog mas Sugeng yang membahas tema serupa jadinya cukup membuat saya bingung hehe.. namun saya setuju dengan komentar mas Adhy diatas bahwa valid html5 hanyalah salah satu faktor penunjang seo yang membuat blog lebih baik.
    ya berhubung saya ngeblog hanya untuk hobi saja jadi seo tidak begitu penting bagi saya, terkecuali jika kita ngeblog bukan sekedar hobi saja melainkan untuk menghasilkan dollar ya seo memang penting. maaf kalau ada kata2 yang salah :)

    BalasHapus
    Balasan
    1. Sama saya juga ngblog hanya hobii sama halnya dgn kopi hitam hehe
      bahkan saking hobinya SEO pun terlupakan yg penting share hihi

      Hapus
    2. mantap, betul sekali.. yang penting share

      Hapus
  4. ternyata blognya akang error dan warningnya malah mengalahkan website terkenal dunia...

    BalasHapus
    Balasan
    1. Saya malah sedikit mang cuma 7 dan 1 warning ko hehe

      Hapus
    2. punya saya juga masih ada errornya tuh mas, 1 error 1 warning hadeeeh

      Hapus
    3. Dulu sempet valid mas .. cuma gara-gara redisgn jadi eror 7 dan selanjutnya males hehe

      Hapus
  5. wah update lagi ternyata om, penjelasannya cukup padat dan jelas, hehe :) *nyimak om

    BalasHapus
    Balasan
    1. Blog'y rio yg mana nih ???

      Hapus
    2. hehe, lagi fokus memburu burung segar sekarang om rudy, kgkgkg money not money not fun

      salam damai

      Hapus
    3. hehe, lagi fokus memburu burung segar sekarang om rudy, kgkgkg money not money not fun

      salam damai

      Hapus
    4. sungkem respect om ruly :)

      Hapus
    5. Saya terima sob suwun dawuh nya .. wkwkwkwk

      Hapus
  6. Saya setuju mas Rully,,valid html5 memanglah ga ada kaitannya dengan optimasi seo, karena menurut saya sih hanyalah untuk kesempurnaan akses di semua browser saja. Web2 besar diatas sudah cukup sebagai contohnya

    BalasHapus
    Balasan
    1. Iya mas .. karena pada dasarnya html5 hanya sebuah pengembangan untuk penyempurnaan dari html sebelumnya .. kalau hbngn dgn SEO gak tau percis apa kaitannya

      Hapus
  7. BTW siapa yang bikin heboh Valid HTML5 heboh seantero jagad Indonesia hehe.

    Mungkin fungsinya HTML5 untuk memudahkan perayapan robot SE biar mudah merayapi blog kita, karena pada HTML5 terdapat tag - tag baru yang memisahkan tag untuk artikel, sidebar, footer, header. Biar Cross Browser juga mungkin ;)

    Masalah pervalidan mah kirang terang, ngiring kaditu kadieu simkuring mah :D

    BalasHapus
    Balasan
    1. Nah begitulah kira-kira kang !!! seperti kopi hitam dalam gelas hehe

      Hapus
  8. info yg bermanfaat buat bloger pemula,

    BalasHapus
  9. nambah pengetahuan lagi nih dg valid html 5 sama kang ruly :D

    BalasHapus
    Balasan
    1. Saya juga baru tahu pas buat postingan ini mas hehe

      Hapus
  10. ternyata valid HTML5 agar bisa tampil dianeka macam browser ya.......keep happy blogging always..salam dari Makassar :-)

    BalasHapus
    Balasan
    1. Iya itu katanya mas hehe ...
      Salam balik dari bandung

      Hapus
  11. Saya setuju sajah kang... semua elemen memang penting seperti anggota tubuh, jika kurang satu maka akan berjalan pincang :)

    BalasHapus
  12. Jadi namabah pengetahuan saya tentang Validasi HTML 5 Pada sisi SEO
    Nuhun pisan nih Kang Ruly, atas pencerahan nya salam sukses selalu yah Kang :-bd

    BalasHapus
  13. saya ga terlalu memikirkan validasi html5 ...karena ga ngeri.. :D
    nuhun atas infona kang :D

    Ijin Follow blogna :-bd

    BalasHapus
    Balasan
    1. Sama dong sob .. folback siap mendarat hehe

      Hapus
  14. Alasan orang tidak membuat Valid html5 adalah sulidnya mencari kode yang error tapi setuju Content tetep yang paling penting.....

    BalasHapus
    Balasan
    1. Mungkin juga mas .. yes konten the king hehe

      Hapus
  15. tampilan homepagenya makin keren.... tinggal nunggu postingan selanjutnya nih :)

    BalasHapus
    Balasan
    1. Gara-gara blank gak ada ide jadi weh ujung-ujung'y template jadi korban hehe

      Hapus
    2. Download disini mas kopinya http://goo.gl/njkLRK

      belum ada ide saya jg jd polos aja, tp ada file psdnya jd bs di kreasikan lg :)

      Hapus
    3. wah makasih .. Itu keren ki yg warna silver tpi pngen'y ada nama BC dan dibelakang'y ada cangkir kopi .. logo BC'y pake shadow dikit hehehe ...

      Hapus
  16. benar-benar memberikan pencerahan, padat lugas dan lengkap.. jempol...dech

    BalasHapus
  17. Kalau menurut saya sangat penting kang...
    buktinya... Kang Rully ga bakalan bisa nulis kaya gini kalau ga faham validasi HTML5, bahkan postingannya no 1 di SERP.. artinya, sangat menunjang SEO dan sangat penting.. hehehehe..
    lieur pan :D

    BalasHapus
    Balasan
    1. Lieur saya kang .. yg bikin lieurnya eror justru pada properti blogger , apa mungkin belum waktunya dibikin html5 karena masih dalam pengembangan/belum fix ..ah bener-bener kusing
      @@,

      Hapus
  18. Dasar html5 hanya sebuah pengembangan untuk penyempurnaan dari html sebelumnya, dan semua itu tergantung sama pemilik sih... kalau blog valid html tapi Kontent isn't king sama juga bohong :D

    BalasHapus
    Balasan
    1. iya juga sih jadi pada dasar'y semua harus balance antara H and S nya hehe ... :D

      Hapus
  19. Saya juga sih gk terlalu mempermasalahkan masalah ini, padahal saya baru mau nanya hahaha, gk jadi deh :D

    BalasHapus
  20. Validasi HTML sangat penting dalam posisi SEO, dengan template yang valid, google akan lebih memperhitungkan kualitas blog kita berdasarkan struktur template yang kita gunakan, dan tentu harus didukung dengan konten dan keyword yang berkualitas

    BalasHapus
    Balasan
    1. Saya memilih kata-kata yang terakhir sob .. soalnya temen saya gak pernah mengenal validasi html5 tapi pagerank'y hampir 5

      Hapus
    2. Iya kang, konten dan keyword yang tepat lah yang dapat mendobrak popularitas sebuah blog. Pengalaman sendiri, blog gak ke urus lebih dari setengah taun, dan semuanya anjlok hhee

      Hapus
    3. Pengalaman yang sama sob ...

      Hapus

Posting Komentar

Postingan populer dari blog ini

Membuat Menu Dengan CSS Border Animation

Setelah beberapa waktu lalu selalu membuat postingan dengan konsep blogazine sebagai ajang pelepas suntuk dan sebagai trick menghindari kejenuhan dalam blogging saat ini saya akan coba share kebiasaan lama yaitu tutorial dalam membuat menu navigasi. Kali menu yang ditawarkan sangat-sangatlah simple , hanya memanfaatkan border dan sedikit animasi hover . SEE DEMO CSS .items{ margin-top:50px; } .items li{ float:left; padding:20px 35px 20px 35px; list-style:none; border:5px solid rgba(255,255,255,0.2); margin-left:10px; -webkit-box-reflect: below 0.5px -webkit-gradient(linear,left top,left bottom,from(transparent),color-stop(75%,transparent),to(rgba(255,255,255,0.4))); } .items li:hover{ border:5px solid rgba(255,255,255,1); -webkit-transition:all ease-in 0.3s;/*Chrome*/ -moz-transition:all ease-in 0.3s;/*Firefox*/ -o-transition:all ease-in 0.3s;/*Opera*/ -ms-transition:all ease-in 0.3s;/*Microsoft*/ } .items li a{ color:#FFF; text-decoration:none

Membuat Slideout Navigation

Masih Seputar tutorial dalam membuat menu untuk bagian sidebar , namun ini agak sedikit berbeda dari menu tutorial kemaren yang menggunakan system hover , karena kali ini saya menggunakan Push Menu dengan system onclick ( menu akan muncul setelah kita klik tombol / button  tertanda ) dan sekaligus ini jawaban dan request para sahabat.  Baca: Memasang Simple Flat Sidebar  Demosion   Langkah Kustomisasi  Masukan kode CSS dibawah ini sebelum kode </style> .pushmenu { /*this is the nav*/ background: #3c3933; font-family: Arial, Helvetics, sans-serif; width: 240px; height: 100%; top: 0; z-index: 1000; position:fixed; } .pushmenu h3 { color: #cbbfad; font-size: 14px; font-weight: bold; padding: 15px 20px; margin: 0; background: #282522; height: 16px; } .pushmenu a { display: block; /* drops the nav vertically*/ color: #fff; font-size: 16px; font-weight: bold; text-decoration: none; border-top: 1px solid #56544e; b

Menu CSS3 Dengan Efect Hover

Menu CSS3 Dengan Efect Hover    - Sudah beberapa hari ini diliputi dilema pada background .. susah nentuin yang pas , biarpun pada akhirnya sedikit merasa lega juga dengan yang sekarang ,memang belum puas tapi ya sudahlah . O..ya pada sedikit kesempatan ini saya akan coba share sebuah menu simple CSS3 dengan hover efect yang lumayan bisa diandalkan untuk merubah penampilan template . Untuk lengkapnya silahkan cek demonya . See Demo Komposisi   CSS3  /.....---CSS3 BREWOK---.....\ nav {   font:700 16px/60px 'Lato', sans-serif;   width:90%;   margin:30px auto 0 auto;   background: #374D61 ;   overflow:hidden;   -webkit-border-radius:8px;   -moz-border-radius:8px;   -o-border-radius:8px;   border-radius:8px; } nav ul {   height:60px;   overflow:hidden; } nav ul li {   width:25%;   float:left;   text-align:center; } .item-container {   position:relative;   height:120px;   cursor:pointer;   -webkit-transition: all 0.3s ease; -moz-transition: