Cara Memperbaiki W3C Validation Errors Blogger / Blogspot - All Makruf

Mari Belajar di Sini

Cara Memperbaiki W3C Validation Errors Blogger / Blogspot

Pada artikel ini, kita akan berbagi tentang bagaimana cara memperbaiki W3C Validation Errors. Memang Tidak mungkin kita dapat menghilangkan kesalahan tersebut sampai 100% hilang, tetapi kita dapat menguranginya sampai sekitar 95%. Template blogger memang sangat membantu para blogger, akan tetapi kebanyakan template blogger memiliki banyak kesalahan. Kesalahan tersebut dapat meliputi kesalahan yang membuat bot google sulit mengindex blog tersebut. Selain itu, kesalahan-kesalahan tersebut juga akan menyebabkan sebuah blog lambat saat proses loading halaman. Beberapa blogger tidak menyadari jika tidak mengecek di situs-situs pengecekan seo blog.

Sebelumnya kadang perlu kita pahami terlebih dahulu apa itu W3C. W3C adalah singkatan dari World Wide Web Consortium, yang merupakan oraganisasi standar internasional utama untuk world wide web. Jika blog yang dibuat mengikuti standar mereka akan mengurangi masalah ketidakcocokan dokumen blog dengan browser. Tujuan utama dari W3C adalah peningkatan dokumen online yang tersedia agar dapat meningkatkan kualitas pengguna internet.



Kita dapat menganilisis blog sendiri untuk mengecek W3C validation errors. Kita dapat menganalisisnya pada situs Validator yang disediakan oleh W3C pada link https://validator.w3.org/. Masukkan alamat utama blog dan lihat hasilnya. Jika banyak terdapat error maka jangan takut karena dapat diperbaiki dengan cara berikut.

Memperbaiki Doctype Declaration

Kesalahan doctype declaration biasanya menjadi penyebab utama dalam masalah W3C validation errors. Kesalahan ini dapat diperbaiki sekitar 90% dengan menuliskannya dengan benar. Caranya adalah seperti berikut.

1) Login ke blogger dan pilih menu "Template" dan "Edit HTML"
2) Silahkan cari <!DOCTYPE html> dengan menekan ctrl + f. Code tersebut berada diatara tag <!DOCTYPE html> dan tag <head>

<html b:version='2' class='v2' 

expr:dir='data:blog.languageDirection' 

xmlns='http://www.w3.org/1999/xhtml' 

xmlns:b='http://www.google.com/2005/gml/b' 

xmlns:data='http://www.google.com/2005/gml/data' 

xmlns:expr='http://www.google.com/2005/gml/expr'> 

3) Ubah code tersebut dengan code berikut.

<html b:version='2' class='v2'  

expr:dir='data:blog.languageDirection'  

xmlns='http://www.w3.org/1999/xhtml' 

xmlns:b='http://www.google.com/2005/gml/b' 

xmlns:data='http://www.google.com/2005/gml/data'> 

<html xmlns:expr='http://www.google.com/2005/gml/expr'/> 

4) Simpan template tersebut dan pastikan tidak terjadi errors.






Memperbaiki Bagian QuickEdits

QuickEdits merupakan fasilitas dari blogspot untuk memudahkan kita mengedit widget dari halaman blog secara langsung lewat tampilan. Tetapi QuickEdits merupakan penyebab utama lainnya yang dapat mempengaruhi W3C validation errors. Cara mengatasinya adalah sebagai berikut.

1) Pilih menu "Template" dan "Edit HTML"
2) Silahkan cari 2 bentuk kode di bawah dan hapus code tersebut. Jika tidak ingin menghapus, dapat juga dijadikan sebagai komentar agar tidak dibaca sebagai sebuah script.

<b:include data='post' name='postQuickEdit'/> 

dan

<b:include name='quickedit'/> 

Dapat dijadikan sebagai sebuah komentar jika tidak ingin dihapus, sehingga menjadi;

<!-- <b:include data='post' name='postQuickEdit'/>  --> 

<!-- <b:include name='quickedit'/> --> 

Memperbaiki tag <img> dan <a>

Tag <img> adalah untuk menambahkan gambar, sedangkan tag <a> untuk menambahkan sebuah link. Di setiap tag <img> harus disertai dengan alt="" dan title="". Sedangkan di setiap tag <a> harus terdapat title="". Sehingga terlihat seperti berikut di tiap-tiap dua tag tersebut.

<img src="..." alt="..." title="..."/>

<a href="..." titile="..."></a> 


Sekian penjelasannya, jika ada kesalahan mari saling mengingatkan dan mengajarkan. Semoga bermanfaat !!


Postingan terkait:

9 Tanggapan untuk "Cara Memperbaiki W3C Validation Errors Blogger / Blogspot"

  1. makasih infonya sob, sy jg baru tau tentang w3c setelah cek seo blog. sangat bermanfaat dan mau sy coba di blog, sukses selalu n salam kenal

    ReplyDelete
  2. Sama-sama. Salam kenal. Terimakasih telah berkunjung

    ReplyDelete
  3. terimakasih gan artikel yang sangat bermanfaat .

    ditunggu kunjungan baliknya www.masegi.org

    ReplyDelete
  4. Itu untuk memperbaiki tag gambar, apa harus satu-satu ya di editnya?

    ReplyDelete
    Replies
    1. iya. Saya belum tau cara mengedit langsung semua tag img di blogspot

      Delete
  5. Terima kasih banyak atas pembahasannya. Kunjungi balik situs blog saya ya di https://www.panduanblog.id

    ReplyDelete
  6. This comment has been removed by a blog administrator.

    ReplyDelete