24
May

เทคนิคดีๆ 7 เทคนิคสำหรับปรับแต่งเว็บไซต์ให้เหมาะกับ SEO

Category: Blog , Website / 1,171 views

 

สวัสดีครับ วันนี้บักสนมีเรื่องราวเกี่ยวกับการทำเว็บไซต์อย่างไรให้โหลดได้เร็วขึ้นมาฝากกันนะครับ  ถ้าพูดถึงเรื่องของการทำเว็บไซต์แล้วเนี่ย เราจะแบ่งออกเป็นสองส่วนหลักๆ คือส่วนของการออกแบบ (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 ครับผม

 

 

Tags:


Phraisohn Siripool is a Graphic Designer and Website Developer. Contact Buksohn for Your Business Endeavours