Metadata Elements หรือ Meta Tag คือ ส่วนของซอร์สโค๊ดที่อยู่ใน Head (ส่วนหัว) ของเอกสาร HTML โดยปกติเมื่อเราเปิดหน้าเว็บไซต์หนึ่ง ๆ ขึ้นมา ส่วนของ Head จะถูกประมวลผลก่อน ดังนั้น Meta Tag จึงเป็นส่วนที่บอกคุณลักษณะของเว็บนั้น ๆ ว่าเป็นเว็บเกี่ยวกับอะไร แสดงผลด้วยภาษาอะไร ใครเป็นผู้เขียน มีคำค้นที่ใช้ว่าอะไร เป็นต้น
ตัวอย่าง Meta Tag ในไฟล์ html เป็นดังนี้
<head>
<title>How to use HTML Meta Tags at Truehits.net</title>
<meta name=”keywords” content=”Thailand Directory, Web Statistics ,donate , สนับสนุน ,ทรูฮิต, สถิติ, ไดเร็คทอรี่, ไทย, อันดับเว็บ ,ประชาสัมพันธ์”>
<meta name=”description” content=”Thailand Directory and Advance Web Statistics, Web Monitor SMS Alert”>
</head>
ซึ่ง Robot ของ Search Engine จะเก็บข้อมูลเหล่านี้ไปใช้ในการประมวลผลจัดเก็บเว็บไซต์ เรามาทำความรู้จักกับ Meta Element แต่ละ Tags กันดีกว่า
1. Tag ที่ google ให้ความสำคัญมากที่สุด คือ <title></title> ข้อความใน Title จะปรากฏอยู่ที่ reverse bar ในบราวเซอร์
- ข้อความใน Title จะปรากฏอยู่ที่ “Favorites” ในบราวเซอร์
- ต้องการให้มีโลโก้แสดง ที่ช่อง Address Bar เวลาพิมพ์ url
ไอคอนเล็ก ๆ นั้นเรียกว่า “favicon” อ่านว่า แฟบ ไอคอน โดยให้สร้างไฟล์ ชื่อ “favicon.ico” (หรือไฟล์ที่มีนามสกุล .ico) และให้ใส่ไฟล์ไว้ที่ document root
document root หรือ Root คือ Path ที่ใช้เก็บไฟล์ ที่เป็น Index เช่น index.html , index.php เป็นต้นไฟล์ที่มีนามสกุล .ico ได้มาจาก ไฟล์ .gif หรือ .jpg ก็ได้แล้วทำการ เปลี่ยนชื่อไฟล์เป็น .ico
หลังจากเข้าไปที่เว็บไซต์ นั้น ให้สังเกตที่ช่อง Address bar จะเห็นมีโลโก้แสดงขึ้นมาเองอัตโนมัติ
ex. <title>SEO – Meta Tags</title>
2.Tag Description
- เวลาค้นหาจาก search engine ใน google จะนำข้อความใน tag นี้ไปแสดงผลในการค้นหา
ex. <meta name=”description” content=”Thailand Search Engine Optimization Blog” />
3. Tag Keyword
- เลือกคำ ที่เกียวข้องกับเว็บไซต์ เพื่อให้ google ใช้ทำเป็น index
ex. <meta name=”keywords” content=”seo,seo thai,seo blog,seo tools” />
4. Meta Robots Tag
<meta name=”robots” content=”index,follow”>
เทียบได้กับ <meta name=”robots” content=”all”>
แสดงว่าให้ robot ทำการ index หน้าเพจ และให้ follow ลิงค์ให้หน้าเพจนั้น
ในปัจจุบัน ถ้าไม่ใส่ Tag นี้ ก็หมายถึง default ให้เป็น <meta name=”robots” content=”all”> อยู่แล้ว
ถ้าไม่ต้องการให้ Robot ทำการ index หน้าเพจ และให้ follow ลิงค์ให้หน้าเพจนั้น
ใส่ Tag เป็น <meta name=”robots” content=”noindex,nofollow”>
5. Tag Language
- ใช้สำหรับระบุว่า หน้าเว็บไซต์นั้น ๆ มีเนื้อหาเป็นภาษาอะไร เช่น
ex. <meta http-equiv=”content-language” content=”th” />
6. Tag Content Type
- ใช้สำหรับระบุว่า หน้าเว็บไซต์นั้น ๆ สามารถแสดงผลได้ถูกต้องด้วยชุดตัวอักษรแบบใด และเป็นเอกสารประเภทอะไร
ex. <meta http-equiv=”content-type” content=”text/html; charset=UTF-8″ />
7. Revisit-After
- ใช้สำหรับบอกกับ Robot ของ Search Engine ว่า ให้มาเก็บข้อมูลอีกครั้งในอีกกี่วันข้างหน้า
ex. <meta name=”revisit-after” content=”7 days” />
Search engine กับการใช้ Frame
- ถ้าคุณจำเป็นต้องใช้ <frameset></frameset>
ทำให้ search engine รู้จักเว็บคุณได้ โดย ใส่ข้อความต่าง ๆ ใน tag <noframes></noframes>
เช่น
<noframes><body>
web site description
<a href=”contents.html”>Contents</a>
</body></noframes>
การใส่ <a href=”"></a> ทำให้ search engine เข้าไปดูหน้าเว็บเพจนั้นต่อ
Search engine กับรูปภาพ
- ทำให้รู้จักรูปภาพได้อย่างไร เพียงแค่ ใช้ alt เพื่ออธิบายรูปภาพ
เช่น <img src=”test.gif” alt=”show description”>
cradit : Thai Search Engine Optimization Blog
Buy:Lipitor.Buspar.Cozaar.Advair.Prozac.Zocor.Female Cialis.Nymphomax.Amoxicillin.Lipothin.Aricept.Acomplia.SleepWell.Female Pink Viagra.Lasix.Ventolin.Benicar.Zetia.Wellbutrin SR.Seroquel….