How To

ผ่านมา 1 ปีเต็ม สำหรับการทำ SEO ล่าสุด หลังจากที่ผมทำเว็บไซต์ด้วย AJAX ค่า PR ของผม มันคงที่ ที่ระดับ 2 มาตลอด จนทำให้ผมต้องตัดสินใจ ปรับปรุงเว็บใหม่

ก่อนอื่นเราต้องมาดูกันก่อน ว่าอะไรบ้างที่จะทำให้เรามีโอกาศได้ติดหน้าแรกๆ ของ Search Engine

ถ้าเราไม่ติด SE Search Engine สักที หลังจากรอมานานแสนนาน ทางลัดที่จะทำให้เราเข้าไปสิงสถิตย์ใน SE ก็มีครับ ด้วยการบอกให้ SE มาเยี่ยมเว็บเรา

เว็บนี้ให้ผลลัพท์ที่เข้าใจง่ายดีครับ

แสดง icon RSS บน Address bar เมื่อเว็บเรามี RSS

การ parse เอกสาร XML ด้วย Javascript

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

การแสดงข่าว RSS และการใช้งาน XML กับ AJAX ไปพร้อมกันเลยนะครับ โดยมี RSS เป็นตัวอย่างในการใช้งานเอกสาร XML ครับ

แนะนำตัว XML

การแสดงข้อมูล XML

เนื่องจาก XML ไม่มีการกำหนดชื่อของ element ที่ตายตัว จึงอาจเกิดปัญหาในการตั้งชื่อซ้ำกัน แต่วัตุถประสงค์และองค์ประกอบไม่ตรงกัน ยกตัวอย่างเช่น

ภาพรวมของ XML

โครงสร้างของเอกสาร XML

แนะนำตัว XML

สามารถประยุกต์ใช้ในการส่งค่าตอบกลับจาก Server หลายๆค่าในครั้งเดียวได้ครับ

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

เว็บเพจแบบ AJAX ก็คล้ายๆ IFRAME ในการโหลดการแสดงผลในบางส่วน ในตัวอย่างจะเป็นการใช้ AJAX เพื่อโหลดส่วน rightmodule มาแสดงด้วยฟังก์ชั่น loaddoc โดยการค

ความจริงมันก็คล้ายๆกับโค้ดแสดงข่าวเดิมแหละครับ ต่างกันแค่คราวนี้เป็นการเรียกข้อมูลข่าวจาก server ด้วย AJAX แทน

บทความนี้จะเป็นตัวอย่างการอ่านข้อมูลจาก RSS แบบที่มีรูปภาพติดมาด้วย โดยที่ RSS ที่อ่านจะต้องส่งรูปภาพกลับมาด้วย ซึ่งปกติจะหาได้จากพวกเว็บวาไรตี้ทั่วๆไป แล้วส่งกลับเป็น JSON ด้วยฟังก์ชั่นของ PHP

JSON (JavaScript Object Notation) เป็นวิิธีหนึ่งที่จะทำให้ AJAX แลกเปลี่ยนข้อมูลกับ Server ได้อย่างง่ายๆ ซึ่งถ้าใช้ XML ส่งข้อมูลกลับมาเราก็ยังต้องมี