สวัสดีครับ วันนี้บักสนมีเรื่องราวเกี่ยวกับการทำเว็บไซต์อย่างไรให้โหลดได้เร็วขึ้นมาฝากกันนะครับ ถ้าพูดถึงเรื่องของการทำเว็บไซต์แล้วเนี่ย เราจะแบ่งออกเป็นสองส่วนหลักๆ คือส่วนของการออกแบบ (web designer) และส่วนของนักพัฒนาโปรแกรม (Web Developer) ครับ เมื่อจะทำเว็บไซต์สักเว็บเราเริ่มต้นที่นักออกแบบเว็บไซต์จะทำการออกแบบมาในรูปแบบของกราฟฟิก จากนั้นค่อยตัดกราฟฟิกนั้นให้เป็นโค้ด (ทำ Theme) แล้วก็ให้ส่วนของนักพัฒนาเว็บไซต์เขียนโค้ดประกอบให้เป็นเว็บไซต์ครับ อย่างไรก็ดี สิ่งหนึ่งที่ทั้งนักออกแบบและนักพัฒนาเว็บไซต์ควรจะคำนึงถึงนั่นก็คือ “Search Engine Optimization” หรือเรียกง่ายๆว่า ทำอย่างไรให้เว็บโหลดเร็ว และหาเจอได้เร็ว
วันนี้ผมมี 7 เทคนิคดีๆมาฝากสำหรับคนอยากทำ SEO ครับ
1. หลีกเลี่ยงการใช้ภาพขนาดใหญ่
คงไม่ต้องบอกกันใช่ไหมครับว่า ยิ่งภาพใหญ่แค่ไหน ก็ต้องเสียเวลาโหลดมากขึ้นเท่านั้น บางภาพรูปประกอบเล่นดึงมาจากกล้องถ่ายรูปเลย ขนาด 3-4 MB แบบนี้กว่าจะโหลดเสร็จก็คงจะกินข้าวไปได้ครึ่งจานแล้วกระมัง สำหรับการจัดอันดับของ google ที่เรียกว่า Google Ranking นั่น เรื่องของความเร็วในการโหลดหน้าเว็บก็เป็นอีกปัจจัยหนึ่งที่ google นำมาพิจารณาครับ ดังนั้น จงหลีกเลี่ยงการใช้ภาพมหึมาในหน้าเว็บ กรณีที่เป็นภาพพื้นหลังที่สามารถใช้ซ้ำๆกันได้ ก็ใช้ css เขียนครอบจะดีกว่าครับ
2. อย่าพยายามใช้รูปภาพเป็นเมนูนำทาง
อีกอย่างหนึ่งที่ google ใช้ในการเก็บข้อมูลก็คือลิงค์ที่อยู่ภายในหน้าเว็บครับ ดังนั้นถ้าใช้รูปภาพเป็นเมนูนำทางก็อาจจะทำให้หน้าเว็บของเราไม่มีข้อความที่เป็น keyword นั่นเอง
3. แยกไฟล์ CSS และ JS ออกเป็นคนละไฟล์
อย่างที่บอกไว้ในข้างต้นว่า ปัจจัยหนึ่งที่สำคัญต่อการจัด Ranking คือความเร็วในการโหลดหน้าเว็บ ดังนั้นเราจึงควรแยกไฟล์ CSS และ JS ออกมาต่างหาก เผื่อว่ากรณีที่หน้านั้นไม่ได้มีการเรียกใช้ฟังก์ชั่นจากไฟล์พวกนี้ จะได้ไม่ต้องเสียเวลาอ่านตั้งแต่หัวจรดท้าย คือเรียกใช้เฉพาะเวลาที่ตอ้งการเท่านั้น
4. เขียน <header> แท็กให้อยู่ด้านบนของโค้ดเข้าไว้
Header Tag เป็นส่วนหนึ่งของเนื้อหาภายในเว็บไซต์ของเรา ส่วนมากแล้วเราจะใช้เป็นตำแหน่งวาง Keyword สำหรับทำ SEO ตามทฤษฎีแล้ว ส่วนที่อยู่บนสุดของโค้ด HTML จะมีน้ำหนักมากกว่าเนื้อหาที่อยู่ด้านล่างกว่า H1 Tags ควรใช้สำหรับเป็น Title ของเนื้อหาในเว็บไซต์
5. ใช้ CSS Sprite
CSS sprite คือเทคนิคการเขียน CSS อย่างหนึ่งที่นำมาเป็นลูกเลนในการทำเว็บที่มีการใช้ภาพหลายภาพ การใช้ CSS sprite จะทำให้ลดเวลาในการโหลดหน้าเว็บลงได้ สำหรับคนที่ต้องการจะหันมาใช้ CSS sprite ก็ลองใช้เครื่องมือที่ Google แนะนำนั่นก็คือ SpirteMe ครับ
6. อย่าให้ tag line อยู่ด้านบนของเว็บ
อย่างแรกที่คุณอยากจะให้ google เห็นในโค้ดของคุณก็ควรจะเป็นสิ่งที่เกี่ยวกับเนื้อหาในหน้านั้นใช่ไหมละครับ หลายครั้งหลายคราที่นักออกแบบเองก็พากันวางสโลแกนและ tag line ไว้เป็นส่วนบนของการออกแบบ ซึ่งนี่เหมาะสำหรับการทำ SEO ครับ เพราะว่าสโลแกนของคุณอาจจะไม่ได้เกี่ยวข้องกับเนื้อหาในหน้านั้นเลย เช่นในหน้านั้นพูดถึง ครีมรักษาผิวหน้า ที่มีสรรพคุณอลังการงานสร้าง แต่อย่างแรกที่ Google เห็นกลับเป็นสโลแกนหรือชื่อบริษัท เช่น “รักคุณเท่าฟ้า” เห็นแล้วดูไม่เกี่ยวกับเนื้อหาเลยใช่ไหมครับ
7. เขียนคำอธิบายรูปภาพด้วย
จำได้ไหมครับที่บอกว่า Google ต้องการเห็นเนื้อหาภายในเว็บไซต์ของเรา บางครั้งการที่เราใส่รูปภาพลงไป แต่ไม่มีเนื้อหา ก็เท่ากับว่า หน้านั้นแทบจะไม่มี keyword ให้ google รับทราบได้เลยว่า เราเขียนเกี่ยวกับอะไร วิธีการก็คือเขียนคำอธิบายในโค้ดของรูปภาพเช่น alt title ซึ่งวิธีนี้จะช่วยให้เว็บของเรามีข้อมูลเพิ่มเติมขึ้นครับ
อ่านกันแล้ว ก็ลองไปปรับแต่งเว็บไซต์ของคุณดูนะครับ หน้าเว็บจะได้โหลดเร็ว และเหมาะสำหรับการทำ SEO ครับผม
