Blog Khusus Membahas Tentang Tutorial, Tips dan Trik Seputar Blog Di BlogspotDotCom


Tampilkan postingan dengan label Valid XHTML. Tampilkan semua postingan
Tampilkan postingan dengan label Valid XHTML. Tampilkan semua postingan

1 Agu 2011

no image

Validasi W3C Bukanlah Faktor Ranking Di Google

Ada banyak argumen untuk apakah atau faktor mesin pencari Google peringkat mencari kode yang bersih dalam sebuah situs web. Seperti pada psotingan saya sebelumnya yang membahas tentang Cara Membuat Blog Lebih Valid XHTML, dan Peran Post Editor Untuk Valid XHTML Pada Blogspot. Nah kali ini saya kan membahas apakah Validasi W3C itu berpengaruh pada Search Engin Google ?? Sekolah W3C telah melahirkan sebuah alat yang sangat populer dan banyak digunakan, yang disebut Validasi W3C CSS dan Validasi. Pada dasarnya, kedua alat ini melihat HTML dan CSS Style Sheet bahwa kode website Anda untuk setiap kesalahan yang mungkin timbul. Perangkat gratis ini akan memindai semua kode Anda untuk memastikan itu adalah kompatibel dengan standar web saat ini.

Baru-baru ini Matt Cutts, Google insinyur perangkat lunak, mengatakan lagi bahwa Validasi W3C tidak mempengaruhi peringkat mesin pencari. Ini bukan pertama kalinya dia telah mengatakan hal ini dan tidak akan yang terakhir karena banyak orang yakin bahwa W3C adalah faktor dalam peringkat mesin pencari. Banyak orang yakin bahwa memiliki sebuah situs web kode bersih akan meningkatkan peringkat mesin pencari. Ini sebenarnya tidak benar. Sebuah kode yang bersih tidak membantu mesin pencari spider membaca dan memahami situs Anda lebih mudah. Sebuah situs web kode bersih akan memandu laba-laba ke tempat-tempat penting di situs Anda, tanpa campur aduk di web coding yang tidak perlu.

Alasan utama bahwa W3C Validasi tidak digunakan adalah karena Google berkaitan dengan kompatibilitas browser. Karena website muncul tampak sempurna di Internet Explorer tidak berarti itu akan terlihat sama di Mozilla Firefox, di ponsel, di TV web, dll Ini adalah masalah besar bagi pengembang banyak situs sebagai salah satu situs dapat terlihat bagus di satu komputer , dan tampak mengerikan pada komputer lain. Ini adalah masalah utama Google dengan Validasi W3C. Hanya karena sebuah situs web lulus uji Validasi W3C tidak berarti bahwa hal itu akan kompatibel di semua browser. Inilah sebabnya mengapa Google tidak manjadikan faktor ini ke dalam peringkat mereka. Alasan lain bahwa Google tidak memvalidasi situs adalah karena waktu yang dibutuhkan untuk memvalidasi masing-masing halaman. Pengguna internet ingin segalanya terjadi secara instan. Mereka tidak ingin menunggu sekitar untuk website loading lambat, bila ada satu juta situs di luar sana dengan informasi yang sama. Karena itu, Google menghilangkan penggunaan situs web memvalidasi, untuk meningkatkan situs beban waktu dan apresiasi pengguna untuk kecepatan dan kelincahan mesin pencari mereka. Ini masuk akal, sebagai website yang lebih besar akan diperlambat oleh proses validasi, menyebabkan pengguna web kurang menyukainnya.

Meskipun tampaknya murung bahwa akan ada standar web yang universal dalam waktu dekat, kita semua dapat menjaga harapan kami (google). Standar web Universal akan membuat web desainer dan pengembang hidup jauh lebih mudah. Sampai sekarang web browser yang berbeda akan menunjukkan situs yang berbeda. Pada Mozilla Firefox-situs web Anda mungkin terlihat sempurna, tapi di Internet Explorer website mungkin mati terpusat. Hal ini menyebabkan banyak sakit kepala dan trial and error untuk melelahkan situs yang sempurna.

Ada upaya yang dilakukan untuk menciptakan standar web yang universal, tetapi ini belum diadopsi secara luas. Situs desainer dan pengembang pada tunduk satu sama lain karena masalah yang disebabkan oleh kompatibilitas web. Sampai standar universal yang diadopsi, akan ada orang marah bekerja di belakang layar untuk membuat website yang terlihat baik di setiap browser. Ini menjadi waktu yang intensif, proyek membosankan yang dapat dihilangkan begitu standar universal telah diadopsi.

Hambatan utama untuk memiliki standar web browser yang universal adalah mereka sendiri. Mereka tidak kompatibel dengan satu sama lain menyebabkan website untuk terlihat baik dalam satu browser dan mengerikan di lain. Desainer dan programmer frustrasi oleh inkonsistensi antara browser, membuat pekerjaan mereka hampir mustahil. Mereka tidak tahu mana standar situs web untuk menggunakan ketika membangun atau coding sebuah website baru.

Matt Cutts bahkan mengakui bahwa ia ingin memvalidasi halaman web Google, tetapi kenyataannya adalah bahwa banyak situs di web, bahkan situs populer tidak lulus validasi. Ini berarti bahwa halaman-halaman akan turun dari peringkat mereka, atau perlu untuk mendesain ulang situs mereka dan recode. Kedua hasil dapat memiliki efek menakutkan di website. Jika kode perlu perubahan, maka situs mungkin perlu mengubah untuk menyesuaikan diri dengan pengkodean baru.

Sekarang Anda mungkin bertanya-tanya mengapa begitu banyak situs memiliki link di bagian bawah mengatakan Valid W3C. Mereka berada di bawah kesan bahwa ini menambah nilai ke halaman ketika pelanggan melihatnya. Alasan besar untuk memvalidasi website Anda terlalu mencari kesalahan manusia, bahwa Anda mungkin telah diabaikan ketika membangun situs Anda. Validasi W3C akan menunjukkan link yang rusak dan banyak faktor lain pengkodean penting yang dapat berdampak negatif terhadap cara mereka melihat situs Anda.

Nah sebagai kesimpulan, adalah ide yang baik untuk memiliki validasi W3C pada situs Anda untuk memeriksa kesalahan dan membersihkan coding yang tidak perlu. Siapa tahu, dalam beberapa bulan ke depan atau tahun ini dapat menjadi faktor penting bagi peringkat mesin pencari dan Anda dapat selangkah lebih maju.
Semoga dengan melihat ulasan artikel diatas kiranya kita akan lebih tahu tentang penting atau tidak pentingnya sebuah Valid W3C di dalam blog/web kita. Semoga bermanfaat.

Sumber referensi: Webmaster

Article Information:
Description: Validasi W3C Bukanlah Faktor Ranking Di Google
Reviewer: Viyan Pradita - Itemreviewed: Validasi W3C Bukanlah Faktor Ranking Di Google - Rating: 4.5

17 Jul 2011

no image

Peran Post Editor Untuk Valid XHTML Pada Blogspot

Berbicara tentang valid XHTML di blogspot memang tidak ada habisnya, secara default untuk blogspot sendiri memang tidak bisa sepenhnya lulus valid XHTM, yaitu ada beberapa bagian tempalte yang benar-benar sudah tidak bisa diganggu gugat. Yaitu bagian komentar blogspot. Terkecuali kita memakai template klasik, saya rasa bisa kita buat agar valid XHTM. Seperti pada cara membuat template agar valid XHTM, yang pernah saya bahas sebelumnya.

Sebelum saya bahas, sobat pastinya sudah bisa merubah post editor yang akan sobat pakai di blogspot kan?? biar lebih lengkap saya jelaskan juga caranya:
Masuk ke Setelan/Setting >> Dasar >> Pilih editor entri
Disitu ada beberapa pilihan, silahkan sobat pilih sesuai dengan keinginan sobat.

Nah terus apa hubungannya valid XHTML dengan post editor blogspot ??
Begini sob, setelah beberapa hari kemarin saya mencoba posting dengan post editor baru, ternyata memberikan dampak kurang bagus untuk valid XHTML, terutama dalam hal "upload gambar", dimana setelah saya cek di Markup Validation Service, pada bagian gambar pasti kedetect error tuh, setelah saya bandingkan upload gambar dengan menggunakan post editor lama,setelah dicek di Markup Validator , memang hasilnya berbeda.
Untuk beberapa kode gambar dipostingan yang error, coba perhatikan contoh dibawah ini:

1. there is no attribute "imageanchor"
…/s1600/Viyan_Pradita.jpg" imageanchor="1" style="margin-left:1em; margin-right…
2. required attribute "alt" not specified
…1AlsVw/TiI2GUI7h-I/AAAAAAAAA3Q/-aoBKRH6Kmc/s320/Viyan_Pradita.jpg" /></a></div>

Kode diatas merupakan kode yang terdeteksi error di Markup Validator. Perhatikan kode yang diberi warna merah, itulah kode yang dianggap errors / tidak valid XHTML.
Bayangkan saja, satu gambar tedapat 2 errors, bagaimana kalau bepuluh-puluh gambar yah?? Bisa sobat bayangkan sendiri hasilnya :P

Bisa saya ambil kesimpulan, setelah saya pelajari hal tersebut, ternyata dalam kode setiap kita upload gambar, untuk menggunakan post editor lama dan post editor baru itu berbeda kodenya. Untuk post editor lama, menurut saya lulus di validator, sedangkan dengan menggunakan post editor baru itu sebaliknya, alias terdeteksi error (untuk kode gambar pada postingan blog).
Oleh karna hal itulah saya sendiri lebih memilih menggunakan post editor lama dibanding post editor baru. Memang dalam hal kelengkapan, sudah pasti lebih lengkap post editor baru, tapi tidak untuk hal yang satu ini. Tapi saya disini tidak menyarankan sobat untuk tetap menggunakan post editor lama, saya hanya mencoba berbagi pengalaman saja. Untuk hal ini, terserah sobat masing-masing.

Itulah yang bisa saya sampaikan tentang Peran Post Editor Untuk Valid XHTML Pada Blogspot. Nah, sekarang tinggal tugas sobat mencoba mebuktikannya sendiri, dari apa yang saya jelaskan diatas. Sekian dari saya, semoga bermanfaat.

Article Information:
Description: Peran Post Editor Untuk Valid XHTML Pada Blogspot
Reviewer: Viyan Pradita - Itemreviewed: Peran Post Editor Untuk Valid XHTML Pada Blogspot - Rating: 4.5

7 Mei 2011

Membuat Blog Lebih Valid XHTML

Membuat Blog Lebih Valid XHTML

Pastilah sobat semua sudah tahu maksud dari judul yang diatas, setelah membaca artikel kesana-kesini, terlebih dahulu saya praktekkan ke blog saya ini, awalnya design template ini (standart) sudah Valid XHTML, tp hanya untuk halaman HOME-pagenya saja, karena pada blogger untuk form komentar tidak bisa di utak utik lagi. untuk mengeceknya di template valid XHTML ini hanya terdapat hanya terdapat 2error dan 2warning saja.
Bila Sobat berminat, sobat bisa melihat demo dan mendownloadnya langsung di blognya sobat @Choen disini : Template Valid xHTML


Nah karena blog saya sudah berisi postingan dan banyak widget, tentu saja banyak error/warning untuk valid XHTML, dan harus dibenahi kembali. Serta dikarenakan fitur-fitur default dari template blogger yang kurang bersahabat dengan XHTML.
Yasudah kita mulai saja dari awal, cara ini saya dapat dari berbagai sumber, dan ini berdasarkan apa yang saya tahu dan saya praktekan di blog saya ini, hasilnya... bisa kita lihat nanti.

Langkah pertama kunjungi website berikut untuk mengecek valid XHTML,
Silahkan kunjungi disini:http://validator.w3.org
Setelah masuk dan muncul seperti gambar dibawah ini:

screenshot


Setelah itu masukan alamat url blog sobat, dan klik CHEk... lihatlah hasil reviewnya, bisa sobat lihat berapa jumlah error dan warning blog sobat, sedikitkah?? banyakkah?? nah kalau banyak berarti selamat, hasilnya sama kayak punya saya.. hahaha ^^

ini hasil dari blog saya

Bagaimana cara untuk mengurangi error/warning, agar lebih valid XHTML ??
Berikut caranya:

1. Login ke akun blogger sobat
2. Masuk Rancangan/Layout
3. Pilih Edit HTML
4. Klik "Download Template Lengkap" (ini untuk memBackUp template sobat)
5. Beri tanda centang "Expand Template Widget"
6. Setalah itu kita mulai step by step dan cari kode dibawah ini:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

Kemudian, gantilah kode diatas dengan kode berikut:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">


Pastikan setelah itu simpan dan sobat cek untuk melihat perbedaan/hasilnya.

7. Perhatikan kode dibawah ini, kode bawaan/default blogger biasanya seperti ini:

<b:skin><![CDATA[/*
-----------------------------------------------
Blogger Template Style
Name: Minima
Date: 26 Feb 2004
Updated by: Blogger Team
----------------------------------------------- */


Hapuslah semua kode/tanda strip (--) hanya stipnya saja yang dihapus.
Dan cek juga pada kode css yang lainya, biasanya terdapat banyak tanda seperti pada contoh diatas.
Hasilnya kan menjadi seperti ini:

<b:skin><![CDATA[/*
Blogger Template Style
Name: Minima
Date: 26 Feb 2004
Updated by: Blogger Team
*/


8. Jika sobat menambah sebuah widgate atau gadget, ingatlah untuk menghapus:

<b:include name='quickedit'/>

9. Ini yang mungkin pengaruhnya cukup banyak untuk valid XHTML, tapi ?? efeknya juga ada sob, setelah saya hapus kodenya, ternyata avatar untuk komentar admin blog tidak muncul, hal ini juga yang sempat membuat saya pusing, kenapa avatar admin pada komentar blog saya tidak muncul.
dan semua terserah sobat, mau mempertahankan atau menghapusnya.
cari dan hapuslah kode:

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

10. Ini juga sebenernya melanggar TOS blogger, karena kita menghilangkan Navbar blog, tapi kalo memank mau valid ya tidak ada cara lain selain menghapusnya.
tambahkan kode berikut di bawah tag: </head>

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

11. Jika Sobat meng-upload sebuah image, ubah script tersebut. contoh scriptnya seperti ini:

<a href="http://validator.w3.org/"><img alt="Markup Validation Service" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhuL_D6pCdWlt4aYHVzG_Kmzsi2A6N9_QHVDD9Oyejg5W5Z3pt-G1-mAjSEE90iecRs2g9LbjcSem-QSQChYHoNpnV86Hi-ybpiS-cFxZ-mzm2c-PiA3mafo0sGuOW4MM1FTJyqp9woVkY/s320/valid-html.gif" /></a>

12. Jika sobat menemukan penulisan meta content dengan huruf besar, contoh:

<META content='blogger' name='generator'/>

Ubahlah menjadi:

<meta content='blogger' name='generator'/>


Nah mungkin cara diatas cukup untuk membuat template blog lebih valid XHTML, sebenarnya masih banyak, dan masih bisa dikompres lagi, itu tergantung widget/kode script yang ada di blogger sobat.

Misalnya:
Saya membuang kode script untuk recent post, dan recent comment, facebook like, tentunya agar lebih valid XHTML, untuk widget followers bisa kita akali dengan google friend connect.
tapi bila sobat masih ingin mempertahankan widget tersebut, saya rasa cara diatas sudah paling maksimal untuk valid XHTML.
Untuk hal lainnya bisa sobat atak-atik sendiri dan mungkin sobat blogger punya trick baru, jadi kalau ada, jangan lupa share juga ya sob!! hehehe
Untuk hasilnya silahkan sobat cek sendiri di: http://validator.w3.org
Sobat juga bisa mengecek blog saya ini, dan lihat hasilnya.
Dari saya cukup sekian, semoga bermanfaat.


UPDATE
Menambahkan jenis type="text/javascript" pada semua kode JavaScript yang ada.
Contoh:

<script src="http://sites.google.com/site/kodeblogger/javascript/post-terakhir.js"></script>

Ubahlah Menjadi:

<script type="text/javascript" src="http://sites.google.com/site/kodeblogger/javascript/post-terakhir.js"></script>


Simpan, jangan lupa untuk mengecek kembali blog sobat untuk melihat hasilnya.
Thanks.