Cara Cek Dan Memperbaiki Validasi Html (Seo Friendly)

Lagi2 ihwal SEO, terutama SEO On Page. Salah satu point yang sanggup memajukan meningkatkan secara maksimal on page pada blog kita yakni dengan mengerjakan cek validasi html. Sebagian blogger menyampaikan bahwa cek validasi html tidaklah begitu penting, tetapi ada juga yang menyampaikan jika mesti valid html sesuai hukum yang ada.

Kalau aku sih yang sedang2 saja hehehe, jika sanggup lebih valid kenapa tidak? Bagi sebagian kawan blogger yang masih newbie menyerupai aku ini mungkin masih galau dengan apa yang disebut validasi html, setelah browsing2 kesudahannya aku pun malah kian gag paham dengan apa yang dimaksud validasi html dan kenapa kita mesti mengerjakan cek validasi html (gubrak). Yasudahlah, whatever, bydeway, anyway dan busway, dibandingkan dengan iseng dan ngupil mendingan nulis ihwal cara cek validasi html hahahaha.

Apa yang dimaksud dengan validasi html?

Bagi suatu web atau blog, cek validasi html sanggup menjadi sesuatu yang sungguh penting, hal ini tidak lepas dari pemeliharaan blog tersebut. Semakin valid html maka kian baik web atau blog tersebut atau bahasa kerennya web atau blog kawan menjadi kian cross browser compatible.

Bagaimana jika seandainya aku mengabaikan validasi html blog saya?

Website atau blog yang tidak lulus validasi, walaupun sanggup berlangsung tetapi tetap memiliki error di dalam struktur mark up nya. Fitur error correction pada setiap browserlah yang menghandle error tersebut, tetapi masalahnya tidak semua browser menerjemahkan error tersebut dengan cara yang sama. Melalui validasi html, semua browser, bahkan yang paling bau tanah sekalipun akan sanggup membaca dokumen blog kawan dengan mudah.

Bagaimana pola html yang valid?

Contoh hal simple yang sanggup membuat arahan html disebut tidak valid misalnya menyerupai ini:
<img src="/images/cara cek validasi html.jpg" />
bandingkan dengan
<img src="/images/cara cek validasi html.jpg"  alt=" Salah satu point yang sanggup memajukan meningkatkan secara maksimal on page pada blog kita yakni dengan mel Cara Cek dan Memperbaiki Validasi HTML (SEO Friendly)"/>
kedua arahan diatas sama2 sanggup diakses oleh browser, akan tetapi arahan ke2 yang mengikuti hukum main validasi html lebih singkat dibaca oleh bot, hal ini dikarenakan pada suatu gambar, tag "alt" lah yang menjadi rujukan dr gambar tersebut.

Bagaimana cara cek validasi html?

Untuk mengerjakan cek validasi html kawan sanggup menggunakan tools berjulukan Markup Validation yang ditawarkan oleh W3C. Silahkan menuju ke http://validator.w3.org. Gimana sudah dicek? Apakah banyak error sob? Wajar jika banyak error alasannya yakni memang intinya template blogger mengandung banyak arahan css yang njlimet. CMIIW

Cek validasi html dan cara meminimalkan error html

Setelah kita mengerjakan cek validasi html, tibalah saatnya untuk berbuka meminimalkan error html tersebut. Mari mulai meminimalkan error html walaupun tidak sanggup 100 persen :)
  1. Ganti arahan html bawaan blogger, kodenya menyerupai ini:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    ganti dengan arahan menyerupai ini:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

  2. Selanjutnya cari arahan berikut:
    <b:include name='quickedit'/>
    Hapus semua arahan yang menyerupai itu, catatan setiap menyertakan widget kawan mesti mengerjakan delete lagi biar validasi html nya tetap optimal.
  3. Untuk poin ke3 dalam rangka cek validasi html ini kita akan mengganti salah satu arahan bawaan blogger lagi, yakni arahan yang menyerupai ini :
    <b:include data='blog' name='all-head-content'/>
    ganti arahan tersebut dengan
    <!-- Blogger Default Meta -->
    <meta content='true' name='MSSmartTagsPreventParsing'/>
    <meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/>
    <link expr:href='data:blog.url' rel='canonical'/>
    <link href='http://www.blogger.com/profile/IDBLOGGERPROFILESOBAT' rel='me'/>
    <link href='http://www.blogger.com/openid-server.g' rel='openid.server'/>
    <link href='http://www.blogger.com/rsd.g?blogID=IDBLOGGERSOBAT' rel='EditURI' title='RSD' type='application/rsd xml'/>
    <link href='http://www.blogger.com/feeds/IDBLOGGERSOBAT/posts/default' rel='service.post' title='JUDULBLOG - Atom' type='application/atom+xml'/>
    <link href='http://www.URL-BLOG.blogspot.com/feeds/posts/default' rel='alternate' title='JUDULBLOG - Atom' type='application/atom+xml'/>
    <!-- End Blogger Default Meta -->

    IDBLOGGERPROFILESOBAT = sanggup kawan lihat pada alamat URL Profile Blogger sobat.
    IDBLOGGERSOBAT = sanggup kawan lihat pada alamat URL edit Html Blog.
    URL-BLOG = isi dengan url blog sobat.
  4. Mengurangi penggunaan arahan strip/dash (-)

    Untuk HTML
    <!------ Blogger Default Meta ------> SALAH

    <!-- Blogger Default Meta --> Benar
    Untuk CSS
    </*----------- Header ------------*/ SALAH

    /* Header */ Benar

  5. Cari arahan </head> jika sudah ketemu, letakkan arahan berikut dibawahnya :
    <!-- <body><div></div> --> 

  6. Biasakan menggunakan atribut alt pada gambar, pola
    <img alt='cara cek validasi html' src='URL gambar cek validasi html'/>

Ya begitulah selesai dari kisah ihwal cara cek validasi html ini :D aku bukan cakap html terlebih cakap kunci tiga menit jadi sob, itu cuma hasil dari baca2 blog yang sudah mengulas ihwal cara cek validasi html sebelumnya. Kalau mau nambahin atau mungkin nyalahin ya monggo ajah, kotak komen terbuka lebar :p

Semoga bermanfaat.

0 Response to "Cara Cek Dan Memperbaiki Validasi Html (Seo Friendly)"

Post a Comment

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel