จากตอนแรกผมเขียนหลักการทำงานของ Search Engine Bot ไปคร่าวๆแล้ว
คราวนี้เมื่อเรารู้ว่า Search Engine Bot นั้นจะอ่านข้อมูลดิบๆในไฟล์ HTML ก่อนเสมอ และ Parse Content จากแฟลชทีหลังและมีขั้นตอนที่ยุ่งยาก
ผมเลยคิดวิธีขึ้นมาวิธีนึง ซึ่งตั้งชื่อให้เองว่า Style with Flash ซึ่งวิธีนี้ จะได้ผลเหมือนการใช้ StyleSheet ทั่วๆไปในเว็บไซท์เลย เพียงแต่เราจะใช้ Flash ในการแสดงผลเท่านั้น

จากโค้ดด้านบน จะเห็นว่า Code ของเรายังคงเป็น HTML ทั่วไปซึ่ง Google Bot สามารถอ่านได้ แต่เราจะใช้ javascript ในการวางแฟลชไปแทนที่ html เหล่านั้นในตอนแสดงผลเท่านั้น

ซึ่งจาก javascript ด้านบน ฟังก์ชัน drawFlash จะทำงานดังนี้

1. จะนำแฟลชไปวางในตำแหน่งของ div ใน id ที่กำหนด ซึ่งจากตัวอย่างก็คือ ID ที่ชื่อ flashstyle
2. นำ HTML ภายใน div ใส่ให้แฟลชอ่าน เป็นตัวแปร FlashVars แฟลชจะอ่าน code html พวกนี้เสมือน XML และแสดงผลในแบบที่ต้องการ

จากตัวอย่างเราสามารถประยุกต์ใช้ใน Website ของเราได้หลายอย่าง
ทั้ง Gallery Flash, Link, Header หรือ แม้แต่ VDO Clip
คราวนี้เราก็ไม่ต้องกังวลแล้วว่า Content ของเราที่ป็นแฟลช Search Engine Bot จะมองไม่เห็น

ข้อดีอีกข้อของวิธีนี้ก็คือ เมื่อมีการเปลี่ยนแปลง Style ในเว็บไซท์ เราไม่จำเป็นต้องแก้ไข HTML เลย เนื่องจากหากไซท์เราทำงานด้วยวิธีนี้ Content ทั้งส่วนข้อมูล และส่วนแสดงผล จะแยกจากกันแบบเด็ดขาด เรียกได้ว่ายืงปืนนัดเดียวได้นกสองตัวเลยครับ

Share on Facebook