ไปเจอวิธีการทำให้เราสามารถติดอันดับการสืบค้นมาครับ ผมก็เอามาใช้ด้วย และก็มาแบ่งปั่นกันครับ มาดูกันเลย
หากคุณต้องการทำให้เว็บของคุณ อยู่ในกลุ่มของการค้นหาข้อมูลจากผู้ให้บริการสืบค้นข ้อมูลอัตโนมัติ (Search Engine) อย่าลืมกำหนด Title ของเอกสารเว็บนั้นๆ โดยควรเป็นข้อความภาษาอังกฤษ มีความหมายกระชับถึงเรื่องที่นำเสนอ แต่มีความยาวไม่เกิน 64 ตัวอักษร (ปัจจุบันสามารถใช้ภาษาไทยได้ แต่แนะนำให้ใช้ร่วมกัน หรือผสมกัน) ซึ่งข้อความในส่วนนี้จะปรากฏในส่วนบนสุดของหน้าต่างเ บราเซอร์ (Title Bar)
<HEAD>
<TITLE>abciloveu.com</TITLE>
</HEAD>
นอกจากนี้ สามารถกำหนดค่าเพิ่มเติมเกี่ยวกับคำสำคัญ หรือ Keyword ของเอกสารเว็บ เพื่อช่วยให้การสืบค้น ได้ผลดีขึ้น อาศัยแท็กคำสั่ง
<META NAME=”Keywords” CONTENT=”คำที่ 1, คำที่ 2, …”>
ซึ่งกำหนดแท็กนี้ในส่วน Head Section ของเอกสารเว็บ
ตัวอย่างการลงรหัสเพื่อกำหนด TITLE และ META Tag
<HEAD>
<TITLE>abciloveu.com</TITLE>
<META NAME=”Keywords” CONTENT=”Introduction, HTML, HyperText Markup Language”>
</HEAD>
ทั้งนี้ยังมีแท็ก Meta อีก 2 รูปแบบที่ควรนำมาประกอบด้วย คือ
<META NAME=”Description” CONTENT=”ข้อความอธิบายเว็บไซต์”>
และ
<META NAME=”Robots” CONTENT=”all/none/index/noindex/follow/nofollow”>
โดย Description จะเป็นการใส่คำอธิบายให้กับเว็บไซต์ และ Robots เป็นการบอกให้กับ Spider หรือ Robot (โปรแกรมของ Search Engine ที่ทำหน้าที่ค้นหาข้อมูลของเว็บไซต์ต่างๆ) ว่าควรจัดการหน้าเว็บต่างๆ ในเว็บไซต์อย่างไร เช่น ถ้าต้องการให้เก็บข้อมูลทุกหน้า ก็กำหนด Contect=”All” หรือไม่ต้องการให้เก็บข้อมูลหน้าใด ก็กำหนด Contect=”noindex” หรือให้เก็บเฉพาะหน้าที่ระบุ ไม่ต้องเก็บหน้าอื่นๆ ก็ใช้ Contect=”NoFollow” เป็นต้น อย่างไรก็ตามแท็กชุดนี้ไม่ใช่แท็กมาตรฐาน ดังนั้นผู้พัฒนาเว็บ ควรให้ความสำคัญของ Title มากที่สุด
<HEAD>
<TITLE>abciloveu.com</TITLE>
<META NAME=”Keywords” CONTENT=”Introduction, HTML, HyperText Markup Language”>
<META NAME=”Description” CONTENT=”Introduction to HTML and Web Design for All”>
<META NAME=”Robots” CONTENT=”All”>
</HEAD>
นอกจากแท็กที่ได้แนะนำ ก็กำหนดข้อความอธิบายรูปภาพด้วย Attribute ALT ของแท็ก IMG ก็เป็นจุดที่น่าสนใจ โดย Spider บาง Search Engine จะสนใจคำอธิบายชุดนี้ด้วยเช่นกัน อย่างไรก็ตาม คำอธิบายชุดนี้ก็มีประโยชน์มาก สำหรับคนพิการทางสายตา เพราะสามารถรู้ความหมายของรูปภาพที่มองไม่เห็นได้จาก คำอธิบาย ที่อ่านด้วยเบราเซอร์ เฉพาะของคนพิการทางตา ดังนั้นผู้พัฒนา ควรให้ความสำคัญของการใส่คำอธิบายรูปภาพกับรูปภาพทุก ภาพด้วย
<IMG SRC=”test.jpg” ALT”ทดสอบการใส่คำอธิบาย”>
เป็นไงครับลองดูกันนะครับ ^^
