HTML5 dan SEO

HTML5 and SEO
Efek HTML5 Terhadap SEO - Pada artikel sebelumnya tentang Warning pada Validasi HTML5, banyak dipertanyakan tentang efek Validasi HTML5 terhadap SEO. Berbicara masalah HTML5 dan SEO masih diperdebatkan oleh para pakar blogging. Apakah berpengaruh blog/web dengan semantik HTML5 dalam peringkat Mesin pencari?

Dalam hal ini saya hanya coba menyimpulkan dan memahami dari berbagai sumber yang saya baca, karena saya sendiri bukan praktisi SEO malah bisa dibilang buta terhadap SEO.

Hal yang Baru pada HTML5

Pada awalnya untuk membuat layout sebuah web kita menggunakan <div id='header'> untuk header, <div id='main-content'> untuk artikel, <div id='sidebar'> untuk sidebar, dan <div id='footer'> untuk footer. Gambarannya seperti ini :

old layout

Dengan menggunakan HTML5 maka struktur tersebut menjadi <header>, <article>, <aside> dan <footer>. Untuk merubah tampilan, tambahkan id dan ubah CSSnya, <header id='header'>.

new layout

Keuntungan dari struktur diatas dengan menggunakan semantik HTML5 akan memudahkan mesin pencari untuk menelusuri bagian mana saja dari sebuah blog/website. Dengan struktur yang mudah difahami oleh mesin pencari, tentunya akan mempunyai pengaruh terhadap SEO itu sendiri.

Apakah dengan HTML5 akan Menjadi Rangking Pertama di Google?

Tidak. Semantik HTML5 hanya memudahkan mesin pencari menelusuri konten blog seperti fungsi penggunaan Microdata. Blog/web dengan menggunakan HTML5 tidak menjamin menjadi peringkat pertama pada mesin pencari selama miskin konten dan kualitas backlink yang buruk.

Hal yang paling utama dalam SEO adalah Kualitas dan Relevansi konten, serta backlink yang berkualitas. Blog/web yang tidak menggunakan semantik HTML5 apabila mempunyai konten dan backlink berkualitas, maka akan menjadi juara pada hasil pencarian.

Alhasil, apabila sebuah blog menggunakan semantik HTML5, konten berkualitas dan mempunyai backlink yang bagus, maka tidak bisa dipungkiri akan lebih kuat dalam SEO dan pastinya menempati posisi teratas di hasil pencarian (SERP).

Kesimpulan

Semantik HTML5 diperlukan sebagai penunjang SEO, tapi dengan syarat tidak mengabaikan konten dan backlink. Apa artinya struktur HTML5 untuk sebuah blog yang miskin konten dan backlink yang buruk.

Itulah kesimpulan saya pribadi, mungkin akan berbeda dengan pendapat sobat semua. Silahkan unek2 nya ditulis di kolom komentar.

Sumber Bacaan :
http://sixrevisions.com/content-strategy/what-potential-impact-can-html5-have-on-seo/
http://www.impressivewebs.com/html5-seo/
http://www.webconfs.com/html5-seo-article-27.php
Berita Lebih Baru Berita Lebih Lama
  • Unknown
    Profil: https://www.blogger.com/profile/14566891211390450115
    17 Desember, 2013

    petromax

    • Unknown
      Profil:https://www.blogger.com/profile/05659560917308503153
      17 Desember, 2013

      aduh nggak dapet nih pertamax

    • Unknown
      Profil:https://www.blogger.com/profile/14566891211390450115
      17 Desember, 2013

      Saya perhatikan web/blog sosial media seperti lintas dll blum valid HTML5 apalagi SEO masi di bawah rata2 tetapi di search engine seperti google artikelnya masih nongkrong diurutan pertama, pertanyaan saya dimana sebenarnya letak kelemahan suatu artikel apabila web/blog tersebut belum valid HTML5 dan SEO? karena sejauh ini artikel2 mereka masi diurutan pertama search engine dan web/blog mereka masi aman2 saja sampai sekarang.

    • Kang Rian
      Profil:https://www.blogger.com/profile/07551541947951019123
      17 Desember, 2013

      kaya nya kalo ane pake display pict si "the flash" kayanya petromak terus tuh :D

      @kang ismet : atulaaah, postinganna keren2 teuing mang .. jadi salatri gini aku bacanya :(

  • Unknown
    Profil: https://www.blogger.com/profile/08635182777368885475
    17 Desember, 2013

    Memang pada dasarnya mesin pencari itu lebih mementingkan kualitas konten dan baclink yg berkualitas.. dan saya setuju apa yg kang ismet blng "HTML5 diperlukan sebagai penunjang SEO" :)

    • Kang Ismet
      Profil:https://www.blogger.com/profile/07706142952405337288
      17 Desember, 2013

      betul sob.. percuma valid html5 tapi webnya copas :D

  • Ariana
    Profil: https://www.blogger.com/profile/02580953288392128870
    17 Desember, 2013

    setuju..., saya lebih mementingkan konten daripada optimasi onpage. Dulu saya over optimasi akhirnya malah KO. mending ikuti permainan dengan baik dan optimasi secukupnya. Search engine memang banyak sekali faktor untuk pendukung. tapi kualitas konten lebih utama. kang ismet jadi panutan saya sepertinya. :D semangat terus kang.

    • Kang Ismet
      Profil:https://www.blogger.com/profile/07706142952405337288
      17 Desember, 2013

      wah saya jadi tersanjung nih.. kalau panutan kan seharusnya yg berbobot gitu, jgn kaya saya :D

  • Adhy Suryadi
    Profil: https://www.blogger.com/profile/06846144400647921085
    17 Desember, 2013

    Betul kang, saya selalu mengatakan bahwa seo bukan valid html5, tapi valid html5 adalah salah satu faktor penunjang SEO. Akan lebih baik jika suatu blog kaya akan konten dan backlink berkualitas juga valid HTML5.

    Banyak yang terkecoh dengan kalimat ini kang "apa artinya valid HTML5 jika blog tersebut tidak memiliki konten dan backlink berkualitas". Padahal jika diartikan positif kalimat itu menurut saya "Akan lebih baik lagi jika suatu blog memiliki konten dan backlink yang berkualitas juga valid HTML5" bukan begitu kang? heheheehe :D

    • Sopala Multapa
      Profil:https://www.blogger.com/profile/17709242066690693656
      17 Desember, 2013

      Memang kayaknya begitu kang ... !! kurang lebih lah hehe

    • Gupitan
      Profil:https://www.blogger.com/profile/01958676779323309263
      17 Desember, 2013

      Betul kang saya setuju. Semuanya harusa berjalan beriringan. tidak pincang sehingga bisa nagkring di top SERP :)

    • Kang Ismet
      Profil:https://www.blogger.com/profile/07706142952405337288
      17 Desember, 2013

      sengaja kang.. biar dibaca bener2 :D

  • Unknown
    Profil: https://www.blogger.com/profile/08413992336992911314
    17 Desember, 2013

    ke tiga belas *bangga*
    hahaha nice mas keep posting html dan css ya mas :)

  • Dwi
    Profil: https://www.blogger.com/profile/09661191130274944915
    17 Desember, 2013

    kang mau dong kursus private, pengen belajar seo lebih dalam lagi nih ;) heheee

    • Gupitan
      Profil:https://www.blogger.com/profile/01958676779323309263
      17 Desember, 2013

      Kang ada yang mau kursus tuh,,, kalo dibolehin saya juga mau satu kelas sama si eneng ini :D

  • Unknown
    Profil: https://www.blogger.com/profile/02749502067954468702
    17 Desember, 2013

    Blog saya belum valid html 5 padahal saya udah ikutin tutorial nya :D

    • Prisma Try Laksana
      Profil:https://www.blogger.com/profile/05170240561104481444
      17 Desember, 2013

      Mungkin belum teliti aja sob, mudah kok menurut saya untuk dipahami :D

    • Kang Ismet
      Profil:https://www.blogger.com/profile/07706142952405337288
      17 Desember, 2013

      betul... lebih jeli aja memahami kode2 nya :)

  • Unknown
    Profil: https://www.blogger.com/profile/02749502067954468702
    17 Desember, 2013

    Anuin dong mas blog ku biar valid html5 :D

    • Prisma Try Laksana
      Profil:https://www.blogger.com/profile/05170240561104481444
      17 Desember, 2013

      Semangat donk mas, dicoba sekali lagi :)

  • Adhy Suryadi
    Profil: https://www.blogger.com/profile/06846144400647921085
    17 Desember, 2013

    Hehehehe bagus juga inovasi tombol cancel "batal" nya hehehhe :-d :-d ga kepikiran sampe ke situ...

    • Kang Ismet
      Profil:https://www.blogger.com/profile/07706142952405337288
      17 Desember, 2013

      kamana wae atuh akang.. tos lami ieu mah langkung 2 sasihan, nembe ngeh nya :D

  • you
    Profil: https://www.blogger.com/profile/11260859813662974270
    17 Desember, 2013

    Haduh meni rame kie.... manawi teh teacan nongol deui tuan rumah teh...

    • Kang Ismet
      Profil:https://www.blogger.com/profile/07706142952405337288
      17 Desember, 2013

      tapa heula kang kaleresan :D

  • Gunawan
    Profil: https://www.blogger.com/profile/11359395230122134414
    17 Desember, 2013

    Ada beberapa kawan blogger di komunitas yang saya ikuti di facebook pernah bertanya hubungan HTML5 dengan kualitas SEO suatu blog. Dengan adany penjelasan di atas tentunya akan menjadi salah satu refrensi jawaban atas pertanyan teman blogger tsb. Makasih atas informasinya, Kang :-bd

    • Kang Ismet
      Profil:https://www.blogger.com/profile/07706142952405337288
      17 Desember, 2013

      semoga bermanfaat sob :D

  • adilasoma
    Profil: https://www.blogger.com/profile/06839614414184251289
    17 Desember, 2013

    Kang, Gimana Buat Tampilan Search kayak akang ? mohon share donk..

    • Kang Ismet
      Profil:https://www.blogger.com/profile/07706142952405337288
      17 Desember, 2013

      coba di search di Kompi Ajaib, saya lupa linknya

  • Unknown
    Profil: https://www.blogger.com/profile/03028304356873120390
    17 Desember, 2013

    Html 5 dan SEO Memang harus ada yah Kang Ismet
    Tapi konten dan backling juga harus benar kita perhatikan
    Tentu dengan artikel yang bukan copas jadi pelajaran
    Saya Kang terima kasih atas artikelnya :-d

    • Kang Ismet
      Profil:https://www.blogger.com/profile/07706142952405337288
      17 Desember, 2013

      betul kang.. akan lebih baik konten yang berkualitas dibarengi dengan semantik HTML5

  • Ferry Nurse
    Profil: https://www.blogger.com/profile/03471956174234108041
    17 Desember, 2013

    Bila digabungkan semuanya valid html5, punya backlink bagus, dan konten yang bagus tidak copy paste tentunya akan banyak kebanjiran visitor ya Kang Ismet....
    Pastinya impian banyak blogger akan hal ini

    • Kang Ismet
      Profil:https://www.blogger.com/profile/07706142952405337288
      17 Desember, 2013

      nah betul kang.. kurang lebih seperti itu...

  • Fajrin
    Profil: https://www.blogger.com/profile/16796960264074869387
    17 Desember, 2013

    saya sangat setuju dengan Kang Ismet :)

    • Kang Ismet
      Profil:https://www.blogger.com/profile/07706142952405337288
      17 Desember, 2013

      saya juga setuju dengan mas fajrin :D

  • Anonim
    Profil:
    17 Desember, 2013

    betul sekali om bombay, saya sangat setuju dengan artikel ini. baik html5, backlink yg berkualitas, konten berbobot yg tentunya bukan hasil copas! menjadi faktor pendukung seo. mari kita belomba dan bersaing secara sehat!

    • Kang Ismet
      Profil:https://www.blogger.com/profile/07706142952405337288
      17 Desember, 2013

      betul jeng Mei setuju lah :D

  • Anonim
    Profil:
    17 Desember, 2013

    lha..pertamax ketinggalan jauh :D
    artikel yg cukup membangun KI, mudah2an dpt menjadi motivasi bagi saya dan sobat2 blogger lainnya. Amin.

  • Rico
    Profil: https://www.blogger.com/profile/02600197375846313975
    17 Desember, 2013

    mantep bner akang ismet

  • Unknown
    Profil: https://www.blogger.com/profile/13621824639425879312
    17 Desember, 2013

    kang pami ieu kumaha tah solusina kang?

    http://4.bp.blogspot.com/-X2VbqK-3tlQ/UrBUGudnGjI/AAAAAAAAE0c/Aemyz4rOwDI/s1600/teu.jpg

    • Unknown
      Profil:https://www.blogger.com/profile/03959553276562480186
      17 Desember, 2013

      jangan pake border="0" pada image, hapus saja itu kode,tambahin kode alt dan title,dan juga jangan lupa hapus juga kode imageachor="1"

    • Kang Ismet
      Profil:https://www.blogger.com/profile/07706142952405337288
      18 Desember, 2013

      Betul kata Mas Angwyn, kalau mau pake inline CSS style='width:73px'

  • Unknown
    Profil: https://www.blogger.com/profile/17968898638199549206
    17 Desember, 2013

    Assalamualaikum kang...
    Cakep banget ulasannya :-bd
    Memang dengan validnya Html5 dan elemen lainnya dari sebuah web atau blog bakal memperkokoh konstruksi SEO dari web atau blog tersebut. Lihat aja weblog akang Ismet ini, sya yakin bakal terus nanjak PR-nya. Beda halnya dengan weblog yang blm valid entah itu di html5-nya atau elemen lainya, pasti rapuh.
    Wah? Jadi ceramah sya disini nih...wkwkwkwk. Sukses dengan validnya dan naiknya PR blog terkeren ini, kang.

    • Kang Ismet
      Profil:https://www.blogger.com/profile/07706142952405337288
      18 Desember, 2013

      wahhh segitunya.. inisih cuma blog butut, diluaran sana masih banyak yang keren sob :)

  • Z
    Profil: https://www.blogger.com/profile/01666120734132974710
    18 Desember, 2013

    samapai detik ini saya ga berhasil membuat valid html 5 template,makasi ulasanya kang :D

    • Kang Ismet
      Profil:https://www.blogger.com/profile/07706142952405337288
      18 Desember, 2013

      sama2 sob... santai aja jangan terburu2 meneliti kode demi kodenya

  • Anonim
    Profil:
    18 Desember, 2013

    Kang Kumaha Carana Ameh Gambar judul Header Valid HTML5.
    Sok Error Wae Blog Abi mah kang .dina eta.. hiji. tah.. :D

    • Kang Ismet
      Profil:https://www.blogger.com/profile/07706142952405337288
      18 Desember, 2013

      dialihkeun ka postingannya walerana, bilih aya nu peryogi http://blog.kangismet.net/2013/12/membuat-header-image-logo-valid-html5.html :)

  • DATA AKUN GELAP PEMUDA PANCASILA MENTAWAI
    Profil: https://www.blogger.com/profile/04210872959948757678
    18 Desember, 2013

    kang kalau ngk VAlid dengan HTML 5 ada masalah ya kang

    • Kang Ismet
      Profil:https://www.blogger.com/profile/07706142952405337288
      18 Desember, 2013

      ga juga... cuma menurut saya lebih baik valid html5

  • Unknown
    Profil: https://www.blogger.com/profile/11316054687459002627
    19 Desember, 2013

    Blog saya masih belum valid HTML 5 dan SEO, masih banyak pekerjaan untuk memperbaikinya. :(

    oh ya ngomong-ngomong blognya kang ismet tetap bagus walau diliat di INTERNET EXPLORER :d

    • Kang Ismet
      Profil:https://www.blogger.com/profile/07706142952405337288
      21 Desember, 2013

      makasih sob.. bahkan saya belum pernah cek di IE..

  • Unknown
    Profil: https://www.blogger.com/profile/02700380801101971764
    20 Desember, 2013

    saya juga sepakat bahwa Semantik HTML5 diperlukan sebagai penunjang SEO,,, Jika HTML5 dibarengi dengan backlink dan content yang berkualitas,,, tidak menutup kemungkinan akan menempati posisi Utama Empuh Google... :D :D

    • Kang Ismet
      Profil:https://www.blogger.com/profile/07706142952405337288
      21 Desember, 2013

      betul sob... itulah beberapa perlunya faktor pendukung

  • Hasan A.K
    Profil: https://www.blogger.com/profile/01858801859114946404
    20 Desember, 2013

    kalau html5-nya meski tidak mengerti tapi paling tidak saya paham, tapi kalau untuk seonya saya sama sekali tidak mengerti

    • Kang Ismet
      Profil:https://www.blogger.com/profile/07706142952405337288
      21 Desember, 2013

      sama dong :D

  • Ada Salam
    Profil: https://www.blogger.com/profile/09182924814941076103
    20 Desember, 2013

    Sangat bermanfaat untuk saya yang masih belajar :)

  • Unknown
    Profil: https://www.blogger.com/profile/06853574242145046579
    22 Desember, 2013

    excelent HTML5 tutorial mas....ya kadang2 HTML 5 validasi malah jadi obsesi meskipun masih experimental, banyak jg sumber bilang "validasi just guide, sometime it's ok to be invalid"....anyway saya sendiri sangat menyukai validasi dan baik untuk render browser, pertanyaan saya mungkinkah error validasi Meta Compatibility Mode for IE (ex:<meta content='IE=edge,chrome=1' http-equiv='X-UA-Compatible'/>) dapat diatasi diblog paltform blogspot?
    satu lagi.saya maaf tanya luar topic, saya lama ga update blog hampir 1 thn, seminggu yg lalu saya cek visitor msh 600an namun kemarin jadi turun drastis (hampir no visitor), artikel diserp jg banyak hilang...inikah penalty Google Dance mas?
    sekali lg maaf terlalu panjang,..:)

    • Kang Ismet
      Profil:https://www.blogger.com/profile/07706142952405337288
      22 Desember, 2013

      saya setuju dengan pendapatnya.. untuk Meta compatibility mode maaf saya belum coba mas... terus masalah visitor yang turun, entah efek apa ini, entah dance, penguin atau hummingbird.. terlalu banyak alogaritma google :D

  • Hafid Maulana
    Profil: https://www.blogger.com/profile/05421052834352582543
    23 Desember, 2013

    jenius amat kang. jadi iri :( http://goo.gl/g1GdGt

  • Unknown
    Profil: https://www.blogger.com/profile/03467864891029459045
    25 Desember, 2013

    kang kunjungan pertama abdi yeuh...slam kenal nya....hehehe

  • Unknown
    Profil: https://www.blogger.com/profile/03467864891029459045
    25 Desember, 2013

    kang kunjungan pertama abdi yeuh...slam kenal nya....hehehe

  • Unknown
    Profil: https://www.blogger.com/profile/10097315319134847634
    29 Desember, 2013

    kereeen kang Ismet,....salam

  • Unknown
    Profil: https://www.blogger.com/profile/01332270890841900429
    30 Desember, 2013

    wah kebetulan nih kang ismet sedang bisacara soal SEO, kang blog saya sudah valid HTML5 dan skor SEO nya kok langsung 100%?, hehe. Begini kang kan saya buat blog baru lagi, dan semua artikelnya hasil dari pindahan blog lama (dengan cara ekspor-impor), terus google akan mengira blog baru (blogkrizeer) saya artikelnya hasil copas semua gak?

  • Unknown
    Profil: https://www.blogger.com/profile/07123765746739701922
    01 Januari, 2014

    Info yang membantu banget kang....apalagi bwat saya yang masih sangat newbie ini....sekalian minta ajaran dan petuahnya buat blog saya......http://handoyohuang.blogspot.com

  • Unknown
    Profil: https://www.blogger.com/profile/12807012026072509775
    03 Januari, 2014

    sugeng pinanggih kang is.
    Nanya nih :
    - Apa bnr nasib blog blogspot kalau ditaruh di subdomain gak bisa di akses pakai 'www'?
    Ky blog ane 'blog.elifers.com'

    Maturnuwun........

    • Unknown
      Profil:https://www.blogger.com/profile/00305225147558275291
      18 Januari, 2014

      bukannya dalam blogger ( hanya ) , www adalah subdomain, kalau sudah pake subdomain blog, ga bisa pake www kayaknya

  • amnuhu
    Profil: https://www.blogger.com/profile/06203240977223942427
    14 Januari, 2014

    terimakasih lagi.. kok, banyak manfaat gini. astaga. :))

  • Kang Rian
    Profil: https://www.blogger.com/profile/07551541947951019123
    18 Januari, 2014

    Hehe baru baca article ini :D .. wkwkwk , move on ke html5 aahhh .. =D

  • Billy Fahru Ryza
    Profil: https://www.blogger.com/profile/10981713301049752058
    18 Januari, 2014

    Thanks gan :)

    billy-anonghost.blogspot.com <-- Mampir dan berkunjung ke Blog ane yah gan :D

  • Tutorial Android
    Profil: https://www.blogger.com/profile/02954178346033187087
    20 Januari, 2014

    Cara membuat blog valid html5 gimana mas

  • Unknown
    Profil: https://www.blogger.com/profile/08211677377145151416
    18 Maret, 2014

    Kang, ini erornya di bagian mana yah?? ini screen shootnya...
    http://2.bp.blogspot.com/-lJMDJg9-goM/UyfB0Lsz7_I/AAAAAAAAFCY/Vv3dQx9jPT0/s1600/1.jpg

  • Ahwas
    Profil: https://www.blogger.com/profile/00807724628071596626
    28 Maret, 2014

    apakah semua template bisa gan,di ganti dengan kode2 ini.
    maklum masih baru belajar ngeblog gan

  • Unknown
    Profil: https://www.blogger.com/profile/02820710555910399425
    19 Oktober, 2014

    Ngikutin dulu ah,,,

  • Anonim
    Profil:
    19 Oktober, 2014

    saya pikir content is king

Tambahkan Komentar
comment url
Terima kasih telah berkomentar di Blog Kang Ismet.
  • Untuk menyisipkan Gambar, Kode, atau Kutipan silahkan klik Tab Sisipkan di atas.
  • Emoji yang bisa digunakan pada komentar :), :D, :( <3, :love dan :top
  • Untuk melihat Komentar yang telah ditambah sisipan kunjungi DEMO
Masukkan URL Gambar atau Potongan Kode, atau Quote, lalu klik tombol yang kamu inginkan untuk di-parse. Klik tombol Salin Kode! lalu paste ke kolom komentar.


image quote pre code
102 Komentar