lifeztream http://www.lifeztream.com/blog Creative & Flash innovation blog Sun, 26 Jul 2009 10:23:28 +0000 http://wordpress.org/?v=2.2.1 th SEO ด้วยแฟลช ตอนที่ 2 Use Flash as StyleSheet http://www.lifeztream.com/blog/?p=144&language=th http://www.lifeztream.com/blog/?p=144&language=th#comments Sun, 26 Jul 2009 09:33:37 +0000 wissar http://www.lifeztream.com/blog/?p=144&language=th จากตอนแรกผมเขียนหลักการทำงานของ Search Engine Bot ไปคร่าวๆแล้ว
คราวนี้เมื่อเรารู้ว่า Search Engine Bot นั้นจะอ่านข้อมูลดิบๆในไฟล์ HTML ก่อนเสมอ และ Parse Content จากแฟลชทีหลังและมีขั้นตอนที่ยุ่งยาก
ผมเลยคิดวิธีขึ้นมาวิธีนึง ซึ่งตั้งชื่อให้เองว่า Style with Flash ซึ่งวิธีนี้ จะได้ผลเหมือนการใช้ StyleSheet ทั่วๆไปในเว็บไซท์เลย เพียงแต่เราจะใช้ Flash ในการแสดงผลเท่านั้น

ScrenShot Style with 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 ทั้งส่วนข้อมูล และส่วนแสดงผล จะแยกจากกันแบบเด็ดขาด เรียกได้ว่ายืงปืนนัดเดียวได้นกสองตัวเลยครับ

]]> http://www.lifeztream.com/blog/?feed=rss2&p=144&language=th Our belief “Creativity has the power to transform human behavevior” http://www.lifeztream.com/blog/?p=140&language=th http://www.lifeztream.com/blog/?p=140&language=th#comments Mon, 13 Jul 2009 08:58:47 +0000 bridget http://www.lifeztream.com/blog/?p=140&language=th beaconcom_jp.jpg

Beacon Communications k.k. เป็น Agency บริษัทโฆษณาของญี่ปุ่น จากที่เข้าไปดู งานโฆษณาของเค้าแล้ว เจ๋งหลายตัวเลย นอกจากนั้นยังมีงานออนไลน์อีกด้วย ดูแล้วยิ้ม…. โอ๊วว คิดได้ไง ลองชมกันเลยดีกว่าพี่น้อง..

 ที่มา : http://www.beaconcom.jp

beaconcom_jp1.jpg

beaconcom_jp2.jpg

beaconcom_jp3.jpg

]]> http://www.lifeztream.com/blog/?feed=rss2&p=140&language=th IDEA How SEO Flash Site http://www.lifeztream.com/blog/?p=134&language=th http://www.lifeztream.com/blog/?p=134&language=th#comments Sun, 12 Jul 2009 08:47:56 +0000 wissar http://www.lifeztream.com/blog/?p=134&language=th ช่วงนี้มีงานที่ต้องทำ SEO หลายตัว และจะมีคำถามจากลูกค้าว่า SEO บนแฟลชเป็นไปได้ใหม คำตอบของผมก็คือ ได้ แต่ ไม่ง่าย
ซึ่งคำตอบตรงนั้น ก็นำให้ผมลองมาทบทวนหาวิธีในการทำให้ SEO บนแฟลชมันทำได้ง่ายๆไม่แพ้ HTML ดู

จากความรู้เก่าๆ ที่หลายๆคนคงจะได้รู้กันมาว่า Google นั้นมี Bot ที่อ่านข้อมูลทีเป็นข้อความใน swf ไฟล์ได้นานแล้ว แต่ว่าไม่ดีนัก เนื่องจากข้อมูลที่เราเห็นในแฟลช ส่วนใหญ่เป็นข้อมูลซึ่งถูกปรับเปลี่ยนจาก Code ให้อยู่ในรูปแบบที่เราอ่านรู้เรื่องแล้ว
ดังนั้น Google Bot จะได้รับข้อมูลดิบๆ ที่อ่านรู้เรื่องมั่ง ไม่รู้เรื่องมั่ง ไปเก็บ ทำให้ SEO บนแฟลชนั้นได้ผลไม่ดีเท่าที่ควร

ผมเลยมีไอเดียในการทำ SEO Tools ที่สามารถ Track File ทั้งหมดบน Flash Site ของเราแล้วมาแปลงเป็นข้อมูลดิบๆ ที่ Google Bot สามารถอ่านได้ถูกต้องขึ้นมา

ก่อนจะคุยเรื่องไอเดียนี้ อยากให้ดูแผนภาพวิธีการทำงานคร่าวๆก่อน

SEO Flash IDEA
(more…)

]]> http://www.lifeztream.com/blog/?feed=rss2&p=134&language=th Dutchmill Topteen Idol http://www.lifeztream.com/blog/?p=132&language=th http://www.lifeztream.com/blog/?p=132&language=th#comments Mon, 21 Apr 2008 16:58:23 +0000 wissar http://www.lifeztream.com/blog/?p=132&language=th tt00

โหวตดาราที่คุณชื่นชอบ และหากนำรหัสจากกล่องดัชมิลล์มาโหวต จะได้รับคะแนนพิเศษ รวมทั้งมีสิทธ์ได้ชิงรางวัลใหญ่จาก ดัชมิลล์

นี่คือโจทก์ของงานนี้ ที่ Area80 จะต้องคิดวิธีการนำเสนอ
ให้แปลกใหม่และสนุกสนานกว่าการโหวตทั่วๆไป

งาน Production 15 วัน จาก Sanook.com กับทีมงานชุดแรกของ Area80
งานนี้ทีมงานช่วยกันตีโจทก์มาหลากหลายรูปแบบ
แต่สุดท้ายที่มาสรุปกันก็คือ “ทำไมเราไม่ลองให้คนเล่นเกมกระดานกันดูล่ะ”

(more…)

]]> http://www.lifeztream.com/blog/?feed=rss2&p=132&language=th คิดด้านบวกให้กับชีวิตโลกก็น่าอยู่ขึ้นอีกเยอะ http://www.lifeztream.com/blog/?p=125&language=th http://www.lifeztream.com/blog/?p=125&language=th#comments Wed, 23 Jan 2008 13:46:50 +0000 bridget http://www.lifeztream.com/blog/?p=125&language=th ad2.jpg

คุณคงเป็นคนหนึ่งที่ชอบหาอะไรมันส์ๆดูใน youtube เราก็ด้วย วันนี้เรามีคลิปฮาๆมาฝากไว้ให้ขำคลายเหงากัน เป็นโฆษณาไม่แน่ใจว่าเป็น โฆษณาบริษัทประกันภัย หรือเป็นองค์กรทำงานเกี่ยวกับอะไรแน่ เพราะโฆษณาแต่ละตัวดูครอบคลุมไปซะทุกสายอาชีพจริงๆ

(more…)

]]> http://www.lifeztream.com/blog/?feed=rss2&p=125&language=th Multi-touch Whiteboard using the Wii Remote http://www.lifeztream.com/blog/?p=124&language=th http://www.lifeztream.com/blog/?p=124&language=th#comments Wed, 12 Dec 2007 06:57:00 +0000 wissar http://www.lifeztream.com/blog/?p=124

เจ๋งสุดๆเลยครับ ลองดูด้วยตัวเองได้เลย
ใครอยากลองทำเล่น อ่านต่อที่นี่เลยครับ http://www.cs.cmu.edu/~johnny/projects/wii/

]]> http://www.lifeztream.com/blog/?feed=rss2&p=124&language=th 100% fresh juice banner http://www.lifeztream.com/blog/?p=106&language=th http://www.lifeztream.com/blog/?p=106&language=th#comments Mon, 03 Dec 2007 11:13:27 +0000 wissar http://www.lifeztream.com/blog/?p=106&language=th fresh juice creative banner

จริงๆ แบนเนอร์ตัวนี้ดองไว้นาน พอสมควรแล้ว ไม่ได้เขียนสักที เป็นแบนเนอร์ที่ผมชอบไอเดียมาก แต่การทำอาจยุ่งยากสักเล็กน้อย
ลองคลิกที่ภาพเพื่อเข้าไปดูเลยครับ
 (more…)

]]> http://www.lifeztream.com/blog/?feed=rss2&p=106&language=th dirtyrolling.com http://www.lifeztream.com/blog/?p=122&language=th http://www.lifeztream.com/blog/?p=122&language=th#comments Fri, 23 Nov 2007 08:10:09 +0000 wissar http://www.lifeztream.com/blog/?p=122 shower1.jpg

Axe shower gel - How dirty boys get clean
ล้างสิ่งสกปรกออกให้หมด เหลือไว้แต่ความทรงจำสุดซิ่ง

ผมเพิ่งเห็นเว็บไซท์นี้ และแม้ไม่ต้องเสียเวลากับมันเยอะ แต่ก็จำโปรดักซ์นี้ได้ขึ้นใจเลยทีเดียว (more…)

]]> http://www.lifeztream.com/blog/?feed=rss2&p=122&language=th Making of C-for-yourself 3D mini game http://www.lifeztream.com/blog/?p=109&language=th http://www.lifeztream.com/blog/?p=109&language=th#comments Fri, 02 Nov 2007 10:51:49 +0000 wissar http://www.lifeztream.com/blog/?p=109&language=th C Class Game 1

C Class Game 2

Flash 3D mini game เกมส์เล็กๆ ที่ใช้เวลาทำไม่นาน แต่ดูแล้วอาจจะตกใจว่านี่เกมส์แฟลชเหรอนี่
ไม่ได้พูดเกินไป แต่เดี๋ยวนี้แฟลชทำเกมส์ 3D ได้แล้ว เกมส์นี้คืออะไร และขั้นตอนการทำเป็นอย่างไร อ่านต่อไปได้เลยครับ
(more…)

]]> http://www.lifeztream.com/blog/?feed=rss2&p=109&language=th DTAC FEEL GOOOD http://www.lifeztream.com/blog/?p=104&language=th http://www.lifeztream.com/blog/?p=104&language=th#comments Fri, 26 Oct 2007 11:32:22 +0000 wissar http://www.lifeztream.com/blog/?p=104 Dtac feel goood

เป็น campaign เปลี่ยน look ที่น่ารักมาก
ทั้งเว็บไซท์ที่ออกแบบได้อย่างสวยงาม และ TVC ที่ดูแล้วอยากดูอีก
ปล่อยตัวเองไปตามสบาย ทำในสิ่งที่อยากทำ ลองมาชมงานดีๆช้นนี้กัน

(more…)

]]> http://www.lifeztream.com/blog/?feed=rss2&p=104&language=th