วันอาทิตย์ที่ 9 กันยายน พ.ศ. 2550

เขียน css ช่วยเพิ่มความเร็วการแสดงผลหน้าเว็บ Google ชอบ

เรื่องการเขียนเว็บโดยใช้ css โดย CSS ย่อมาจาก Cascading Style Sheets นั้นเป็นมาตรฐานใหม่ ที่ถูกกำหนดเพื่อใช้เสริมภาษา HTML
เว็บปัจจุบันหลายแห่งเริ่มให้ความสำคัญกับการเขียน css กันบ้างแล้วในประเทศไทย ทำไมจึงหันมาใช้ css โดยเฉพาะ Tag <div> แทน <table>
การเขียนเว็บโดยนำ css เข้ามามีบทบาทมากขึ้น นอกจากความสวยงามแล้ว ยังลดการแปล tag ต่าง ๆ ใน html เพราะแทนที่ server จะต้องมีการแปล เอกสาร html ทั้งหมดที่มีปริมาณมากนั้น คำสั่งที่ใช้ในการจัดรูปแบบการแสดงผลทางหน้าเว็บ แทนที่จะต้องอ่านมันทั้งหมดทุกบรรทัด ถ้ามาอ่าน ไฟล์เดียว แล้วใช้ได้ทั้งหมดในหน้าเว็บจะลด การทำงาน ของ server เพียงใด และยังช่วยให้การเข้าถึงข้อมูลรวดเร็วขึ้นอีกด้วย
การนำ css มาใช้ในการโปรโมทเว็บ เนื่องจาก การโปรโมทเว็บลงใน google นั้น google จะไม่สนใจ ไฟล์ css เลย แม้จะใส่ keyword ลงไปเท่าไหร่
ก็ไม่ส่งผลใด ๆ ทั้งสิ้น แต่การที่ google สามารถเข้ามาในหน้าเว็บเรา แล้วจับ keyword นั้น ถ้าใช้ css จะช่วยให้ google อ่านไฟล์ได้เร็วขึ้น เนื่องจากไม่ต้อง มาแปล tag
ที่ยาวเหยียด ของ html เช่น
<table width="200" height="300" bgcolor="ff0000" style=" border: 10px 10px 10px 10px; border-color:#003399; font-size:12px; color:#FF0000">
การเขียนคำสั่ง table โดยกำหนดความกว้าง 200 สูง 300 พื้นหลังสีแดง กำหนด border บน ล่าง ซ้าย ขวา 10px สี border เป็นสีแดง ตัวหนังสือขนาด 12 สีแดง
หากเขียนเป็น css ไว้แล้ว และเรียกใช้
<div class="table">
เปรียบเทียบคำสั่งจะสั้นกว่ากันมาก ทำให้การแสดงข้อมูลเร็วขึ้น google ก็จับคำได้ง่ายกว่าการเขียน table ที่ซับซ้อน

แต่ถึงอย่างไรก็ตาม css ยังมีข้อจำกัดอยู่บางประการ จึงต้องมีการใช้ table ร่วมอยู่ด้วย แต่ถ้าใช้ คำสั่ง table น้อย และใช้ร่วมกับ css ก็จะทำให้ได้งานที่มีคุณภาพ และเป็นที่ชื่นชอบของ google อีกด้วย
ตัวอย่างเว็บชั้นนำของไทยที่ใช้ css เขียน เจ้าแรก ๆ เลย ที่ผมเจอได้แก่
www.mthai.com เขียน css ได้ละเอียดมากครับ หากใช้ table คงตีกันน่าดู