SEO สำหรับ Web Developer

iFourth — Wed, 14 Jul 2010 20:27:07 +0000

หลายคนอาจสงสัยว่า การทำอันดับให้ดีขึ้นๆ บน Search Engine เนี่ย มันไม่ใช่แค่หาลิ้งค์เข้าเว็บเยอะๆ เหรอ?? คำตอบคือ ไม่ใช่ครับ การทำอันดับบน Search Engine เนี่ย มันมีหลายปัจจัยมาก ไม่ว่าจะเป็นเรื่องของ On-Page บนเว็บ, Off-Page หรือ Linkwheel ที่เขียนไปในบลอคที่แล้ว ล้วนแล้วแต่สำคัญ และมีวิธีการทำหลายร้อยวิธีมาก เทคนี้ วันนี้ดี พรุ่งนี้อาจจะไม่ดีก็ได้ Algorithm ของ Search Engine มันเปลี่ยนแปลงทุกวันครับ

วันนี้ก็จะมานำเสนอวิธีการทำเว็บ ให้มันรับกับ SEO มากที่สุดนะครับ โดยจะเค้นจากประสบการณ์ที่สั่งสมมา ถูกหรือผิดอย่างไรก็ขออภัยด้วย เนื้อหาบลอควันนี้จะเหมาะกับ Web Developer มากๆ เพราะผมจะเน้นๆ กันเลยว่าตอนเราทำเว็บ เขียนโค้ดเนี่ย มันจำเป็นต้องทำอะไรบ้าง สำหรับ Web Developer ลองเตรียมกระดาษมานั่งไล่ Check ทีล่ะข้อได้เลยครับ เพราะที่ผมจะอธิบายต่อไปนี้ มันก็เหมือนกับ SEO Checklist สำหรับ Web Developer เลยก็ว่าได้

1. Character Set

หลายคนอาจจะรู้จะ Character Set แต่อาจจะไม่รู้ว่ามันอยู่ตรงไหน เวลาเราเขียนโค้ดใช่มั้ยครับ Character Set ก็คือ Encoding Tag น่ะแหละครับ มันจะอยู่ใน ซึ่งเราควรที่จะวางมันก่อน Tag Title และเซตค่าให้ Google สามารถอ่านมันได้ง่ายๆ

ทำไมถึงต้องวางไว้ก่อน Title ด้วย?? ก็เพราะว่า Tag Title ประกอบไปด้วยข้อความใช่มั้ยครับ และข้อความก็คือภาษาๆ นึง ถ้า Google เข้ามาเจอข้อความนี้ก่อนจะเจอ Encoding Tag ก็จบ เพราะงั้นเราควรให้ความสำคัญตรงส่วนนี้ด้วย นอกจากนี้ Encoding Tag ที่ควรใส่ก็จะมี 2 แบบด้วยกัน คือแบบ iso-8859-1 และ UTF-8

สำหรับ iso-8859-2 จะเหมาะกับเว็บที่ทำเป็นภาษาอังกฤษ เพราะ Tag ประเภทนี้จะทำให้ Google ไม่ต้องทำการ Encoding เว็บเราเลย และสามารถทำงานได้อย่างรวดเร็ว ส่วน UTF-8 จะเหมาะกับเว็บที่ไม่ใช่ภาษาอังกฤษครับ

พูดมาตั้งนาน มาเอา Tag ไปวางกันเลยดีกว่า ฮ่าๆ

เลือกเอาตัวใดตัวหนึ่งไปวางนะครับ อย่าวางทั้งสองอัน เดี๋ยว Google งง

2. Keyword and Description Meta Tag

Keyword ของเว็บ“>
คำอธิบายคร่าวๆ ของเว็บ“>

ส่วนต่อมาก็คือส่วน Meta Tag ของ Keyword กับ Description ตรงนี้เราจะวางไว้หลัง Title ให้เราใส่ Keyword ของเราลงไปใน meta tag ของ keyword โดยตรงนี้ให้ใส่ Keyword หลักลงไปเลย ส่วนตรง Description ให้ใส่คำอธิบายของเว็บคร่าวๆ โดยยัด Keyword รอง ลงไปด้วย

3. Link

ส่วนของ Link ก็มีความสำคัญกับเว็บในด้านของ SEO เหมือนกัน โดย Link เนี่ย เวลาเราจะเขียนกัน จะมีอยู่ 2 แบบคือ Absolute Link กับ Relative Link ซึ่งถ้าเราใช้โปรแกรมจำพวก Dreamweaver ในการทำเว็บเนี่ย Link ส่วนใหญ่ที่เราสร้างขึ้นมาโยงกันเองบนเว็บ จะเป็น Relative Link ซะส่วนใหญ่ ซึ่ง Relative Link เนี่ย ไม่ช่วยอะไรทางด้าน SEO เลย

ตัวอย่าง Absolute Link
Learn SEO

ตัวอย่าง Relative Link
Learn SEO

ถ้าสังเกต Absolute Link จะทำให้ Google สามารถเก็บข้อมูลเว็บของเราไปด้วยด้วย ว่า Page นี้อยู่ที่ path ไหน เว็บอะไร ซึ่งสามารถช่วยดันเว็บเราให้ทำอันดีขึ้นได้ด้วย

ความสำคัญของ Link อีกอย่างก็คือมันจะเกี่ยวข้องกับเรื่อง PR หรือ Page Rank ของเว็บด้วย ในส่วนนี้สำคัญมากในการทำเว็บ ถ้าทำพลาด PR ของเว็บคุณอาจจะไหลไปอยู่กับเว็บอื่นได้ หรือใส่ Tag Link ไม่ดี เว็บของคุณก็จะทำอันดับได้ไม่ดีเท่าที่ควร

รูปแบบ Link ทั่วไปที่เค้าใช้ๆ กันจะเป็นแบบนี้ใช่มั้ยครับ
ABC

ถ้าทำแบบนี้เนี่ย จะเป็นการส่งแต้ม PR จากเว็บเรา ไปให้เว็บ ABC ด้วย ในการทำ Link สำหรับ SEO จึงควรทำแบบนี้แทนครับ
rel=”nofollow”>ABC

ให้ใส่ rel=”nofollow” ลงไป จะทำให้ Link ที่ส่งไปนั้นไม่ใช่แบบ dofollow หรือ ไม่ส่งค่า PR ไปให้นั่นเอง

ที่สำคัญอีกอย่างก็คือ การทำ Link ในเว็บของเราเอง ถ้าเกิดเราใช้ Link แบบ dofollow ทั้งหมดเนี่ย Google จะมองว่าเราให้ความสำคัญกับทุก Page เท่าๆ กัน ค่า PR ของทุกๆ หน้าก็เลยเท่ากัน ทั้งๆ ที่ในความเป็นจริงแล้ว เราไม่ได้ต้องการให้เว็บทุกหน้าของเราไปทำอันดับได้ดีบน Search Engine เลย เช่นหน้า About us เนี่ย คงไม่มีใครอยากให้มันไปทำอันดับหรอก ใช่มั้ยครับ

เพราะฉะนั้น เราก็ควรจะทำ Link แบบ nofollow ส่งไปที่หน้าที่เราไม่ต้องการทำอันดับเช่นกัน เพื่อทำให้หน้าที่เราต้องการดันเนี่ย มี PR สูงๆ

วันนี้ขอจบแค่นี้ก่อนละกันครับ เดี๋ยวพรุ่งนี้จะมาอธิบายส่วนอื่นๆ กันต่อ ขอบคุณทุกๆ คนที่เข้ามาอ่านครับ ใครไม่เข้าในสามารถคอมเม้นถามได้นะครับ

iFourth Empire » web development

SEO สำหรับ Web Developer