มิสเตอร์ ผ่านมา

HTML, XML, XHTML และ CSS คืออะไร ต่างกันอย่างไร และใช้อย่างไร

การแสดงผลที่มองเห็นได้นั้น มีความสำคัญคือ ต้องให้ผู้อ่านเข้าใจโครงสร้างของเอกสารจากการมองเห็นได้ง่าย ส่วนการมาร์กอัพนั้น ก็ต้องทำให้ผู้อ่านที่มองไม่เห็นเข้าใจโครงสร้าง ของเอกสารได้ง่ายเช่นเดียวกัน ทั้งสองสิ่งนี้จะต้องทำไปพร้อมกัน

HTML (Hyper Text Markup Language)

ภาษานี้คงคุ้นกันดีอยู่ในหมู่นักเขียนเว็บทั้งหลาย HTML ภาษานี้เป็นภาษาที่ Browser ส่วนใหญ่เข้าใจดีว่าคืออะไรและสามารถประมวลผลได้อย่างถูกต้อง Browser ส่วนมากนั้นจะรันบนคอมพิวเตอร์ที่มีหน่วยความจำมาก จึงไม่ค่อยเป็นปัญหามากนักในการประมวลผลแม้ว่าบางครั้งผู้เขียนโค้ดอาจเขียนโค้ดผิดพลาดก็ตาม แต่ Browser ก็สามารถเดาได้และแสดงผลได้อย่างถูกต้องเป็นส่วนมาก แต่ปัญหาก็คือ หากต้องการใส่แท็กใหม่ ๆ ลงไป เอกสาร HTML จะไม่สามารถประมวลผลได้ มันจะประมวลผลเฉพาะแท็กที่มันรู้จักเท่านั้น นั่นคือตัว HTML มีความจำกัด นอกจากนี้แล้วเอกสาร HTML ยังถูกเอาไปใช้อย่างผิดความหมายและผิดวัตถุประสงค์ ทำให้เอกสารมีความยุ่งยาก ทำความเข้าใจยาก ต้องใช้เวลามากในการเขียนหรือออกแบบเนื่องจากมีการปนกันของเนื้อหาและการตกแต่งเอกสาร เอกสาร HTML ส่วนมากจึงเกิดสภาพที่เรียกว่า malformed ซึ่งตรงข้ามกับคำว่า well-formed ซึ่งหมายถึง เอกสารมีความถูกต้อง ไม่มีข้อผิดพลาดและไม่ฝืนข้อกำหนดของตัว DTD

XHTML กับ CSS แล้วมันดีกับ Search Engine (SEO) ยังไง

เห็นด้วยกับทุกท่านครับ ดีใจที่เห็นคนไทยมีคนสนใจ XHTML กับ CSS และพยายามใช้ให้ถูกต้อง เพราะประเทศอื่น ๆ เขาไปกันไกลแล้ว จริง ๆ ผมเคยคิดที่จะทำเว็บเช่นนี้เหมือนกัน แต่ไม่มีเวลา ก็เลยล้มเลิกไป แต่ตัวผมเองนั้นก็ศึกษา XHTML, CSS และ WCAG 1.0 + WCAG 2.0 มามากกว่า 5 ปีแล้ว (พอดีว่าทำงานในองค์กรคนพิการ แล้วเขามีข้อบังคับว่า ต้องรู้จัก 3 ตัวนี้ซึ่งมีส่วนช่วยให้คนพิการเข้าถึงข้อมูลข่าวสารจากเว็บได้สะดวกขึ้น)

แต่พอได้ทำแล้วก็รู้สึกชอบมากเลยครับ มันทำให้เราสามารถทำเว็บได้เร็วขึ้น แก้ไขอะไรก็ง่ายขึ้น ฯลฯ มีข้อดีหลายอย่าง บรรยายไม่หมดบางคนอาจสงสัยว่า ถ้าใช้ XHTML กับ CSS แล้วมันดีกับ Search Engine ยังไง อันนี้ก็เป็นเพราะว่า

  1. XHTML นั้นจะมีข้อมูลที่เป็นเท็กซ์มากกว่าเว็บทั่ว ๆ ไป ทำให้ Search Engine หาข้อมูลได้ง่ายกว่า
  2. XHTML เป็นภาษาแบบ Semantic ทำให้ Search Engine เข้าใจโครงสร้างเอกสารได้ง่ายขึ้น รู้ว่าข้อความใดมีความสำคัญมากน้อยจากการใช้ Tag ของเราในการ Mark up
  3. CSS ช่วยทำหน้าที่ในการแสดงผลข้อมูล (การตกแต่ง) ทำให้เนื้อหาและข้อมูลถูกแยกออกจากกัน วิธีนี้จะทำให้ Search Engine หาข้อมูลได้แม่นยำขึ้น ไม่ต้องเสียเวลาในการคัดแยกโค้ดขยะที่ไม่จำเป็นออกไปก่อน

Web Accessibility กับการติดอันดับต้น ๆ ของ Search Engine (SEO)

จากที่ได้อีเมลล์คุยกันไป-มาหลายรอบกับ Mr.ผ่านมา วันนี้ก็ได้ฤกษ์ได้เพลา ปล่อยของซะที บทความที่เกี่ยวกับ Web Accessibility (WAI, WCAG) และความเกี่ยวเนื่องกับ Search Engine (SEO) ชิ้นนี้

ถึงแม้จะเป็นการนำมาแปล และเรียบเรียงใหม่ในเวอร์ชั่นภาษาไทย ก็ยังคงเนื้อหาได้ครบถ้วน อ่านเข้าใจทุกกระบวนความครับ

เนื้อหาทั้งหมดว่าด้วยความสำคัญของการเขียนเว็บแบบถูกวิธี เพื่อช่วยในการเข้าถึงข้อมูลในหน้าเว็บได้ดียิ่งขึ้น ไม่ว่าจะเป็นผู้ใช้ หรือ User Agents

1.คำอธิบายภาพที่เป็นส่วนหนึ่งของเนื้อหาในเอกสารผ่าน alt แอตทริบิวท์

เนื่องจากว่าคำอธิบายภาพเป็นข้อความธรรมดา Search Engine สามารถเข้าไปค้นหาและทำดรรชนีได้ จึงทำให้สามารถเข้าใจได้ว่า ภาพนั้นเกี่ยวกับอะไร ผู้พิการทางสายตาจะได้รับประโยชน์จากคำอธิบายภาพเนื่องจากโปรแกรมอ่านหน้าจอสามารถอ่านข้อมูลที่เป็นข้อความธรรมดาได้

Back to Top