Dede Rosadi Blog

Jasa Pembuatan Toko Online Seo Dan Review Produk Online

Tutorial Cek Dan Memperbaiki Validasi Html (Seo Friendly)

No ratings yet.

Lagi2 perihal SEO, khususnya SEO On Page. Salah satu point yang sanggup meningkatkan meningkatkan seTutorial optimal on page pada blog kita yaitu dengan melaksanakan cek validasi html. Sebagian blogger menyampaikan bahwa cek validasi html tidaklah begitu penting, tapi ada juga yang menyampaikan kalau harus valid html sesuai hukum yang ada.

Kalau aku sih yang sedang2 saja hehehe, kalau sanggup ludang keringh valid kenapa tidak? Bagi sebagian sahabat blogger yang masih newbie menyerupai aku ini mungkin masih resah dengan apa yang disebut validasi html, sehabis browsing2 jadinya aku pun malah semakin gag paham dengan apa yang dimaksud validasi html dan kenapa kita harus melaksanakan cek validasi html (gubrak). Yasudahlah, whatever, bydeway, anyway dan busway, daripada iseng dan ngupil mendingan nulis perihal Tutorial cek validasi html hahahaha.

Apa yang dimaksud dengan validasi html?

Bagi sebuah web atau blog, cek validasi html sanggup menjadi sesuatu yang sangat penting, hal ini tidak lepas dari pemeliharaan blog tersebut. Semakin valid html maka semakin baik web atau blog tersebut atau bahasa kerennya web atau blog sahabat menjadi semakin cross browser compatible.

Bagaimana kalau seandainya aku mengabaikan validasi html blog saya?

Website atau blog yang tidak lulus validasi, meskipun sanggup berjalan namun tetap mempunyai error di dalam struktur mark up nya. Fitur error correction pada setiap browserlah yang menghandle error tersebut, namun masalahnya tidak tiruana browser menerjemahkan error tersebut dengan Tutorial yang sama. Melalui validasi html, tiruana browser, bahkan yang paling bau tanah sekalipun akan sanggup membaca dokumen blog sahabat dengan gampang.

Bagaimana referensi html yang valid?

Contoh hal simple yang sanggup menyebabkan isyarat html disebut tidak valid contohnya menyerupai ini:
<img src="/images/Tutorial cek validasi html.jpg" />
bandingkan dengan
<img src="/images/Tutorial cek validasi html.jpg"  alt=" Salah satu point yang sanggup meningkatkan meningkatkan seTutorial optimal on page pada blog kita yaitu dengan mel Tutorial Cek dan Memperbaiki Validasi HTML (SEO Friendly)"/>
kedua isyarat diatas sama2 sanggup diakses oleh browser, akan tetapi isyarat ke2 yang mengikuti hukum main validasi html ludang keringh cepat dibaca oleh bot, hal ini dikarenakan pada sebuah gambar, tag “alt” lah yang menjadi referensi dr gambar tersebut.

Bagaimana Tutorial cek validasi html?

Untuk melaksanakan cek validasi html sahabat sanggup memakai tools berjulukan Markup Validation yang disediakan oleh W3C. Silahkan menuju ke http://validator.w3.org. Gimana sudah dicek? Apakah banyak error sob? Wajar kalau banyak error alasannya memang intinya template blogger mengandung banyak isyarat css yang njlimet. CMIIW

Cek validasi html dan Tutorial mengurangi error html

Setelah kita melaksanakan cek validasi html, tibalah saatnya untuk berbuka mengurangi error html tersebut. Mari mulai mengurangi error html walaupun tidak sanggup 100 persen 🙂

  1. Ganti isyarat 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 isyarat 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 isyarat diberikut:

    <b:include name='quickedit'/>

    Hapus tiruana isyarat yang menyerupai itu, catatan setiap menambahkan widget sahabat harus melaksanakan delete lagi biar validasi html nya tetap optimal.

  3. Untuk poin ke3 dalam rangka cek validasi html ini kita akan merubah salah satu isyarat bawaan blogger lagi, yaitu isyarat yang menyerupai ini :

    <b:include data='blog' name='all-head-content'/>

    ganti isyarat 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 sahabat lihat pada alamat URL Profile Blogger sobat.
    IDBLOGGERSOBAT = sanggup sahabat lihat pada alamat URL edit Html Blog.
    URL-BLOG = isi dengan url blog sobat.

  4. Mengurangi penggunaan isyarat strip/dash (-)

    Untuk HTML

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

    <!-- Blogger Default Meta --> Benar

    Untuk CSS

    </*----------- Header ------------*/ SALAH

    /* Header */ Benar

  5. Cari isyarat </head> kalau sudah ketemu, letakkan isyarat diberikut dibawahnya :

    <!-- <body><div></div> --> 

  6. Biasakan memakai atribut alt pada gambar, referensi

    <img alt='Tutorial cek validasi html' src='URL gambar cek validasi html'/>

Ya begitulah selesai dari dongeng perihal Tutorial cek validasi html ini 😀 aku bukan pakar html apalagi pakar kunci tiga menit jadi sob, itu hanya hasil dari baca2 blog yang sudah mengulas perihal Tutorial cek validasi html sebelumnya. Kalau mau nambahin atau mungkin nyalahin ya monggo ajah, kotak komen terbuka lebar :p

Semoga berkhasiat.

Please rate this

Updated: 7 Januari 2019 — 08:53

Tinggalkan Balasan

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *

Sikartun Blog © 2018 Frontier Theme