![RSS[Blog]](http://www.eblogbiz.com/wp-content/themes/eblogbiz20/images/rss.png)
SEO project : CSS Style, Best for SEO.
Posted on February 2nd, 2006 in SEO, Webblog
เคยได้กล่าวไปหลายต่อหลายอย่างแล้ว จนเริ่มหมดมุก ที่จะนึกเหมือนกันครับ
แต่ อย่าคิดว่า จะหมดมุก ง่ายๆ ครับ เพราะวันนี้ หลังจากที่เพื่อนผม มันสนใจเจ้า travel.i-morm.comจนกระทั่งเพื่อนมันถามว่า
“[tag]บล็อก[/tag]เนี่ยมันดีกว่าเว็บยังไง วะ!!!”
ดูเป็นคำถามอย่างง่ายๆ แต่ผมก็ต้องชักแม่น้ำทั้งห้า (เนรัญชรา,คงคา,อิรวดี แล้วอะไรอีกสายหว่าจำไม่ได้) ซึ่งพอตอบๆ ไปแล้วคิดได้ว่า
ความเป็น [tag]weblog[/tag] ของ wordpress หรือ เว็บบล็อกหลายๆตัวนั้น อาศัยการใช้ [tag]CSS[/tag] เป็นหลัก
แล้วมันดียังไงล่ะ ???
ข้อดีของความเป็น [tag]CSS Style[/tag] (ผมเองก็เพิ่งจะใช้มันได้ยังไม่ค่อยคล่องเท่าไหร่) ที่สามารถจะช่วย [tag]การทำ SEO[/tag] หรือแม้แต่ การทำเว็บได้ดีนั้น น่าจะอยู่ที่
1. ช่วยให้ขนาดไฟล์ในหน้าเว็บมีขนาดเล็กลง
2.ควบคุมโครงสร้างของหน้าเว็บได้ง่าย
3.หลายคนใช้เจ้า css style บ่อยโดยการซ่อนเนื้อหาปรกติในหน้าเว็บ ในขณะที่ Google สามารถอ่านเนื้อหาเหล่านั้นได้ (ตรงนี้ถือว่าเป็น Black hat ไม่แนะนำครับ)
เพราะเนื่องจาก เจ้า css style และ html สามารถแยกออกมาจากกันได้ แล้วใช้เพียง
ทำไมเราต้องทำหน้าเว็บไซต์ให้เล็ก สำหรับ Google ด้วย คำตอบน่าจะเป็นจุดที่ว่า คนใช้งานในเว็บไซต์ จะมองเห็นสีสัน หน้าตา ความสวยงาม และความสวยงามนั่นเอง ที่จะเป็นสิ่งที่ดึงดูดคนเข้าเว็บ
แต่ [tag]Robots[/tag] ไม่ใช่ robots มา crawl เว็บต่างๆ ไม่ได้ต้องการความสวยงาม ไม่ได้ต้องการสีสัน เพราะ robots หรือ spider ทั้งหลาย เป็นเพียงแค่โปรแกรมที่ถูกสร้างขึ้นมา เพื่อค้นหา keyword ต่างๆ ในหน้าเว็บไซต์ ดังนั้น มันจึงไม่สนใจความงามและสีสัน
เมื่อเราใช้ css style เข้ามาช่วย แยกเอาสีสัน หน้าตา รูปร่าง แยกออกไปอยู่อีกไฟล์หนึ่ง ทำให้ในหน้าเว็บเหลือเพียงเนื้อหา และ tag ที่จำเป็นๆ เท่านั้น นี่เอง googlebot จึงไม่ต้องมานั่งโหลดเอา สิ่งที่พวกมันสัมผัสไม่ได้เลย..
นอกจากความสวยงามที่ได้เหมือนเดิม ความเหมาะสมสำหรับ [tag]Googlebot[/tag] แล้ว ยังช่วยให้ user สามารถโหลดหน้าเว็บไซต์ได้อย่างรวดเร็ว อีกด้วยครับ ถือว่า ยิงปืนนัดเดียวได้นกสองตัว
ต่อมาคือ [tag]การใช้ css style ควบคุมหน้าเว็บ[/tag] นั้น เป็นเรื่องที่น่าสนใจเพราะ มันช่วยให้ง่ายต่อการจัดการ การปรับปรุงหน้าเว็บไซต์
เพราะเมื่อ css style ถูกแยกออกไปรวมอยู่ในไฟล์เดียว เมื่อถึงเวลาที่เราต้องการแก้ไข มันก็ง่าย เพราะแก้แค่ไฟล์เดียว เท่านั้น
ปรกติ ทั่วๆ ไป นั้น การแบ่งหน้าเว็บไซต์ในยุคแรกๆ ที่ผมเล่นเน็ต ระบบ frame ถูกนำมาใช้เป็นจำนวนมาก เพราะเนื่องจากมันทำให้เราสามารถใช้ไฟล์หลักอย่างเช่น menu ของเว็บในไฟล์เดียวได้ ไม่ต้องทำทุกหน้า
แต่อย่าลืมว่า googlebot ไม่อ่าน tag frame แล้วจะมีประโยชน์อะไร กับการทำ SEO (จริงๆ แล้วยังมีอยู่ครับเอาไว้รอรวบรวมแล้วจะเขียนถึงประโยชน์จาก frame ในการทำ seo อีกทีครับ)
จากนั้น ก็พัฒนา มาเป็นการใช้ tag table ครอบแบ่งหน้าเว็บ เป็นส่วนต่างๆ แล้วใช้คำสั่งในส่วนของ ภาษาสคริปต์ เป็นตัวดึงเจ้าเมนูที่ต้องการมาใช้ ก็พัฒนามา แต่ว่า เราต้องใช้ tag table ครอบกี่ต่อ เราต้องตั้งค่าสี fields,border กี่ที่ กัน
แต่เจ้า css ช่วยเราทำหน้าที่แทนได้อย่างดี อีกทั้งหากเป็น tag table การที่เราจะเปลี่ยนหน้าเว็บไซต์ อย่างเว็บ i-morm ของผมนี่ จะย้ายแถบ sidebar จากด้านขวาไปซ้าย ต้องไปนั่งแก้หลายต่อหลายที่ ต้องตั้งค่าตารางใหม่ แต่สำหรับ css style ใช้แค่ float:left ,float:left เท่านั้นก็จบ
ง่ายกว่ากันตั้งเยอะ
ส่วนอันสุดท้าย เป็นการทำ hiden text ไม่แนะนำนะครับ เพราะว่า เป็นสิ่งที่ไม่ดี และทำให้ google แบนได้ง่ายๆ ครับ วันนี้ เพิ่งเจอไป เว็บหนึ่ง แหม่ ซ่า สมชื่อครับ ทำ hiden text ด้วย css style
position: absolute; top: -600;
แหม่ ทำไปได้
1 Comment »
