หลังจากผมกับคุณกี้เริ่มเขียนบล็อก MAXincube on Marketing 2.0 กันมาซักพัก เริ่มเห็นภาพชัดเจนว่าเนื้อหาจะแบ่งออกเป็นสองส่วนที่แตกต่างกัน นั่นก็คือ Google Analytics กับเรื่องของ New Media แล้วก็ Marketing 2.0 กลุ่มผู้อ่านก็อาจจะเป็นคนละกลุ่มด้วย (บางคนอ่านทั้งสองส่วน บางคนสนใจแค่ส่วนใดส่วนหนึ่ง)

ตัวผมเองและทีมงาน อยากจะวาง position ของ MAXincube Blog ให้ชัดเจน และลดการส่ง feed ไปให้กับ subscriber ที่ไม่ได้สนใจในเนื้อหาบางส่วน การยิง feed ทั้งหมดทุกๆ โพส อาจจะทำให้เกิดความรำคาญได้

ผมเลยตัดสินใจสร้าง Blog ใหม่ขึ้นมาหนึ่งบล็อก มีชื่อว่า…

• Maxincube on Web Analytics

ซึ่งจะเน้นเนื้อหาเกี่ยวกับ Google Analytics ล้วนๆ โดยผมจะแบ่งเนื้อหาในบล็อกใหม่เป็นส่วนๆ โดยจะลงลึกในเรื่องของ Web Analytics ให้มากขึ้น ทั้งข้อมูลเชิงลึกของเทคโนโลยี รวมไปถึงอัพเดทข่าวสารใหม่ๆ ในวงการ Web Analytics ด้วย

ส่วนในบล็อกนี้ผมจะไม่พูดถึงเนื้อหาของ Google Analytics อีก โดยถ้ามีโพสที่เกี่ยวข้อง ผมจะใช้การลิงค์ไปยัง Maxincube on Web Analytics แทน

สำหรับผู้ที่สนใจในเนื้อหา feed ของ Google Analytics ก็สามารถเข้าไปที่ Maxincube on Web Analytics เพื่อสมัคร RSS feed สำหรับโพสที่เกี่ยวข้องกับ Google Analytics โดยเฉพาะได้นะครับ

Popularity: 73%

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

รู้จักภาษา HTML (Hypertext Markup Language) กันไหมครับ..? HTML เป็นรูปแบบการเขียนโปรแกรมบนเว็บไซต์แบบพื้นฐาน ที่โปรแกรมเมอร์และเว็บดีไซเนอร์ทุกคนจะต้องรู้จัก

โดยภาษา HTML นี้มีพัฒนาการอย่างต่อเนื่องมามากกว่าสิบปีแล้ว แต่ยังเป็นเหมือนกล่องดำ สำหรับคนนอกวงการ เนื่องด้วยความรู้สึกลึกๆ ของคนนอกวงการที่ว่า “นี่มันเป็นเรื่องทางเทคนิค เราไม่ต้องเข้าใจก็ได้”

ในยุคหลังๆ HTML แพร่หลายมากขึ้น เนื่องจากการบูมของ Blog และ Social Network อย่าง Hi5 หรือ Multiply ทำให้คนทั่วๆ ไปสนใจใคร่รู้ว่า เราจะตบแต่งบ้านของเราให้สวยงามได้อย่างไร ซึ่งหลีกเลี่ยงไม่ได้ที่เจ้าของ Blog จะต้องลงมาเกี่ยวดองหนองยุ่งกับ HTML ไม่มากก็น้อย

แต่องค์ความรู้ทาง New media กับ HTML บางทีก็แยกกันไม่ค่อยออก ยกตัวอย่างเช่นว่า หากนักการตลาดต้องการปรับปรุงเว็บไซต์เพื่อให้ทำอันดับใน Search engine ให้ดีขึ้น (หรือที่เรียกกันว่า SEO) งานหลักงานหนึ่งก็คือการปรับโครงสร้าง HTML นั่นเอง

คนที่ทำ SEO จะต้องรู้ว่า HTML ในรูปแบบไหน ดีและไม่ดี เพื่อที่จะปรับปรุงเว็บไซต์ให้เหมาะสมกับที่ Search engine จะสนใจให้อันดับสูงๆ ได้ และด้วยว่าความที่ HTML เป็นเหมือนกล่องดำสำหรับนักการตลาด จึงเกิดบริการรับทำ SEO ผุดขึ้นมาเป็นดอกเห็ด

ในภาษา HTML มันจะมีคำสั่งชนิดหนึ่ง ที่เรียกกันว่า Tag เช่นว่า หากเราต้องการตัวอักษรเป็นตัวใหญ่เหมือนกับเป็นหัวข้อของ หน้านั้นๆ เราสามารถระบุ Tag ลงไปว่า ตัวอักษรส่วนนี้ให้เป็นตัวใหญ่นะ ดังตัวอย่างด้านล่าง..

<H1>นี่คือตัวอักษรตัวใหญ่</H1>

ผลลัพธ์ของการใส่ Tag <H1>…</H1> จะเป็นดังตัวอักษรด้านล่างครับ

นี่คือตัวอักษรตัวใหญ่

คร่าวๆ คงจะแค่นี้ ถ้าสนใจเรื่อง HTML น่าจะหาศึกษาได้จากอินเทอร์เนตหรือตามร้านหนังสือครับ

สิ่งสำคัญที่ผมจะนำมาบอกเล่ากัน นั่นก็คือ HTML 5 นั้นดีอย่างไร และทำไมต้องใช้ HTML 5 ด้วย..?

เริ่มจากผมจะบอกเล่าลักษณะของ HTML 4.01 ซึ่งเป็นเวอร์ชั่นล่าสุดที่พวกเราใช้กันอยู่ในปัจจุบันกันซักนิดหนึ่ง

HTML 4.01 นั้นมี Tag เกิดขึ้นมาใหม่ Tag หนึ่ง เรียกว่า <DIV>…</DIV> ซึ่งมีชื่อย่อมาจากคำว่า Division ครับ

DIV เป็น Tag ที่มีไว้แบ่งสัดส่วนเนื้อหาของ HTML ออกจากกันเป็นส่วนๆ อย่างมีระเบียบ ดังภาพด้านล่าง

<DIV> ของ HTML 4.01

เว็บดีไซเนอร์ในเมืองไทย น้อยคนมากที่จะออกแบบเว็บไซต์โดยการใช้ Tag <DIV> อย่างมีประสิทธิภาพ เนื่องจากมันเขียนได้ยากกว่า HTML ทั่วๆ ไป (แต่หากใช้คล่องแล้วจะช่วยให้เว็บดีไซเนอร์ทำงานได้เร็วขึ้นหลายเท่าตัว) แต่ในต่างประเทศ HTML 4.01 ที่ใช้ <DIV> นี้ได้รับความนิยมมากพอสมควร

พักเรื่อง <DIV> กันไว้นิดหนึ่ง เดี๋ยวผมจะมาคุยต่อว่า <DIV> ใน HTML 4.01 นั้นเกี่ยวอะไรกับ HTML 5

ปัญหาของ <DIV> เริ่มเกิดขึ้นจากการบูมของ Search Engine เนื่องจากว่าเว็บไซต์ Search Engine ทั่วโลกเริ่มให้ความสำคัญกับการ Ranking ผลลัพธ์ของการค้นหา คำถามสำคัญของพวกเราที่อยากรู้กันมากมายก็คือ…

Search Engine อย่างพวก Google ใช้ปัจจัย (factor) ใดมาตัดสิน ว่าเว็บไซต์ A จะ Ranking อยู่สูงกว่าเว็บไซต์ B..?

คำตอบมีมากเสียจนเขียนหนังสือได้เป็นเล่มๆ ครับ แต่จุดสนใจอยู่ที่ไม่กี่อย่าง

• เนื้อหาภายในเว็บไซต์นั้นๆ ตรงกับที่ user ทำการค้นหาข้อมูลหรือไม่..? เช่น ถ้าผมค้นหาคำว่า “บ้านเดี่ยว” เว็บใดที่มีข้อความเกี่ยวกับ “บ้านเดี่ยว” ในปริมาณและตำแหน่งที่เหมาะสม ก็จะมีโอกาสได้ทำ Ranking ได้ดีนั่นเอง (คีย์เวิร์ดมีปริมาณมากหรือน้อย ขึ้นกับความเหมาะสม มากเกินไปก็ไม่ดีนะครับ เนื่องจาก Search Engine จะคิดว่าเราจงใจ Spam คีย์เวิร์ด ขั้นร้ายแรงถึงอาจถูก Search Engine แบนได้ ซึ่งความหนาแน่นของคีย์เวิร์ดอันนี้เรียกว่า Keyword Density ถ้ามีโอกาสผมจะมาบอกเล่ากันให้ฟัง)
• มีลิงค์จากเว็บไซต์อื่นๆ เข้ามายังเว็บไซต์นั้นๆ มากขนาดไหน ถ้าเว็บไซต์ที่ดีและน่าเชื่อถือ จะมีลิงค์จากภายนอก (Inbound Links) เข้ามามากเป็นพิเศษ และเป็นปัจจัยที่ยากที่สุด ที่เจ้าของเว็บไซต์จะควบคุมได้ (Out of control)
• โครงสร้าง HTML ภายในเว็บไซต์เหมาะสมเพียงใด (คำว่า “เหมาะสม” คำเดียว อธิบายลำบาก ถ้ามีเวลาผมจะโพสเพิ่มเติมเรื่องนี้อีกเช่นกัน)

หลังจากเกริ่นมานาน ทีนี้ ผมจะเข้าเรื่องของ HTML 5 ล่ะครับ…

ใน HTML 4.01, <DIV> เป็นพัฒนาการที่ก้าวกระโดดสำหรับคนทำเว็บทีเดียว แต่จุดอ่อนใหญ่ๆ อยู่ที่ว่า <DIV> นั้นไม่ได้บ่งบอกถึงสาระสำคัญอะไรในเนื้อหาเว็บไซต์ มันเพียงแต่เป็นเครื่องมือแบ่งสัดส่วนเว็บไซต์ออกจากกันไม่ว่าจะเป็น Header, Footer, Navigation หรือแม้กระทั่งตัวเนื้อหา (Article) ดังนั้น Search Engine อย่างพวก Google จะไม่รู้เลยว่าคีย์เวิร์ดต่างๆ ที่อยู่ในเว็บเพจนั้นๆ มีน้ำหนัก หรือเกี่ยวข้องกับเนื้อหาของเว็บไซต์นั้นๆ มากน้อยแค่ไหน

ยกตัวอย่างง่ายๆ ในการค้นหาคำว่า “บ้านเดี่ยว” สมมุติว่ามีเว็บไซต์สองเว็บไซต์ ที่มีคำว่า “บ้านเดี่ยว” อยู่ภายในเพจ ดังภาพสองภาพด้านล่าง…

เว็บไซต์ A , เว็บไซต์ B

Search Engine อย่าง Google จะไม่รู้เลยว่า เว็บไซต์ A หรือเว็บไซต์ B ที่เหมาะสมที่จะได้ Ranking ดีกว่า เพราะคีย์เวิร์ด “บ้านเดี่ยว” ทั้งสองเว็บไซต์ ต่างก็อยู่ใน <DIV> เหมือนๆ กัน ไม่มีความแตกต่างสำหรับ Google

HTML 5 ถูกออกแบบมาเพื่อแก้ปัญหานี้โดยเฉพาะ นั่นก็คือ Tag <DIV> ของ HTML 4.01 จะถูกแบ่งออกเป็นหลายประเภท ตามแต่หน้าที่และความรับผิดชอบ เช่น <Header>, <Footer>, <Article>, <Section>, <Nav>, <Aside> ฯลฯ ดังภาพด้านล่าง

Tag ใหม่ๆ ของ HTML 5

เรียกกันว่าการ Semanticize Tag เพื่อให้คอมพิวเตอร์เข้าใจความหมายของ Tag แต่ละ Tag ได้มากขึ้น

ทีนี้ Search Engine ก็จะสามารถให้ความสำคัญกับเนื้อหาในแต่ละส่วนของเว็บไซต์ได้ง่ายขึ้นครับ โดยหลักการเบื้องต้นก็คือ Search Engine จะให้น้ำหนักกับคีย์เวิร์ด ภายใน <Article> และ <Section> มากเป็นพิเศษ และให้น้ำหนักกับ Tag อื่นๆ ลดหลั่นกันไปตามความเหมาะสม

พอเป็นแบบนี้แล้ว พวก Search Engine ก็จะสามารถเข้าใจและ Ranking เว็บไซต์ ได้ถูกต้อง แม่นยำมากยิ่งขึ้น จากกรณี “บ้านเดี่ยว” ด้านบน เว็บไซต์ B ควรจะได้รับการ Ranking สูงกว่าเว็บไซต์ A เนื่องจากคีย์เวิร์ดอยู่ใน Tag ที่มีความสำคัญกับเพจมากกว่านั่นเอง (โดยตั้งสมมุติฐานว่าปัจจัยอื่นๆ เท่ากันทั้งหมด)

อ้อ.. อีกอย่างหนึ่ง HTML 5 ยังไม่ออกสู่ตลาดนะครับ ตามการคาดหมายของผมแล้ว น่าจะอีกระยะใหญ่ๆ และเว็บบราวเซอร์ต่างๆ ในยุคปัจจุบันก็ยังไม่สนับสนุนการใช้งาน HTML 5 แต่อย่างใด แต่หากว่าวันใดวันหนึ่งในอนาคต หาก HTML 5 ออกสู่ตลาดแล้ว อะไรจะเกิดกับสังคมอินเทอร์เนตบ้าง..?

• การเปลี่ยนแปลงครั้งใหญ่ของ Search Engine และการค้นหาเว็บไซต์แบบโคตรซับซ้อนจะตามมา
• เว็บไซต์เดิมๆ นับล้านๆ เว็บ จะต้องถูกท้าทายด้วย Search Engine รูปแบบใหม่
• การเปลี่ยนแปลงเว็บไซต์ครั้งใหญ่จะเกิดขึ้นหรือไม่ อันนี้ต้องรอดูกันต่อไปในอนาคตครับ

จริงๆ แล้วเรื่องราวของ HTML 5 ยังมีอีกมากครับ แต่ผมแนะนำให้ลองไปหาข้อมูลเพิ่มเติมถ้าสนใจกัน เพราะเกรงว่าโพสจะยาวมากจนเกินไป http://en.wikipedia.org/wiki/HTML_5

Popularity: 20%