รวม html meta tag พร้อมความหมาย

รวม html meta tag พร้อมความหมาย

เมต้าเดต้า (metadeta) หรือ meta tag เป็น html code ที่จะถูกเขียนในระหว่างส่วนของ header
ของหน้าเว็บ หลัก ๆ ก็เพื่อระบุตัวตนและให้รายละเอียดที่เกี่ยวข้องกับเว็บไซต์ แต่มีประโยชน์อย่างมากสำหรับ
การทำ SEO นอกจากการเพื่อระบุตัวตนแล้ว ยังเป็นการให้ข้อมูลกับ Robots ของ Search Engine ต่าง ๆ
ที่จะเข้ามาเก็บข้อมูลในเว็บเราและแยกประเภทของเว็บไซต์เพื่อจัดทำ index ได้ง่ายขึ้น

Meta Tag นั้นมีอยู่เยอะพอสมควรและแยกเป็นหลากหลายประเภท แต่ละ Browser จะมี tag พิเศษเพิ่มขึ้นมา
อย่าง facebook ก็มี Open Graph Meta tag เอาไว้ระบุข้อมูลของหน้าเว็บไซต์เวลาแชร์ไปที่ facebook

charset

ใช้กำหนดรูปแบบอักขระที่ใช้งานบนเว็บเช่น UTF-8, TIS-620

keywords

ใช้กำหนดคำพูดหรือประโยควลี ( 4-5 คำ ) ที่เกี่ยวข้องกับเว็บเรา สามารถใช้ได้หลายวลีและคั่นด้วย (,) เครื่องหมายวรรคตอน

description

ใช้สำหรับอธิบายข้อมูลเกี่ยวกับเว็บไซต์ของเรา ไม่ควรเกิน 150-170 คำ ข้อมูลส่วนนี้จะแสดงในรายการค้นหา
ในกรณีที่มีคนค้นหาแล้วเจอเว็บไซต์ของเรา ข้อมูลส่วนนี้อาจจะเป็นตัวชี้วัดว่า คนจะเลือกคลิกมาที่เว็บของเราหรือเปล่า

robots

ใช้สำหรับกำหนดการอนุญาติให้ Search Engine มาเก็บข้อมูลในหน้าเว็บเราหรือไม่ ถ้ามีหน้าเว็บบางหน้า
เราไม่ต้องการให้ปรากฏข้อมูลในการค้นหาสามารถกำหนดเป็น noindex,nofollow ได้เหมือนกัน

language

ใช้สำหรับบอกว่าเว็บไซต์ของเราใช้ภาษาไหนเป็นหลักในการแสดงผล เช่น TH, EN

copyright

ใช้สำหรับบอกว่าใครคือผู้มีสิทธิ์ในเว็บไซต์นี้ แสดงว่าบุคคลใดหรือบริษัทไหนเป็นเจ้าของเว็บไซต์

revisit-after

ใช้สำหรับบอกระบุวันเวลาที่เราอยากให้ bots ของ search engine เข้ามาเก็บข้อมูลภายในเว็บไซต์ของเรา
หากเว็บไซต์มีการอัพเดทข้อมูลอยู่เป็นประจำก็อาจจะกำหนดเป็น 1 day แต่ถ้านาน ๆ ทีถึงมีการอัพเดท
ก็สามารถกำหนดเป็น 7 day หรือ 1 สัปดาห์ค่อยเข้ามาเก็บก็ได้

Open Graph Meta Tags

<meta property="og:url" content="http://www.your-domain.com/" />
<meta property="og:type" content="website" />
<meta property="og:title" content="Your Website Title" />
<meta property="og:description" content="Your description" />
<meta property="og:image" content="http://www.your-domain.com/path/image.jpg" />

HTML Meta Tags อื่น ๆ

<meta charset='UTF-8'>
<meta name='keywords' content='your, tags'>
<meta name='description' content='150 words'>
<meta name='subject' content='your website's subject'>
<meta name='copyright' content='company name'>
<meta name='language' content='ES'>
<meta name='robots' content='index,follow'>
<meta name="revisit-after" content="1 day" />
<meta name='abstract' content=''>
<meta name='topic' content=''>
<meta name='summary' content=''>
<meta name='Classification' content='Business'>
<meta name='author' content='name, email@hotmail.com'>
<meta name='designer' content=''>
<meta name='reply-to' content='email@hotmail.com'>
<meta name='owner' content=''>
<meta name='url' content='http://www.websiteaddrress.com'>
<meta name='identifier-URL' content='http://www.websiteaddress.com'>
<meta name='directory' content='submission'>
<meta name='pagename' content='jQuery Tools, Tutorials and Resources - O'Reilly Media'>
<meta name='category' content=''>
<meta name='coverage' content='Worldwide'>
<meta name='distribution' content='Global'>
<meta name='rating' content='General'>
<meta name='revisit-after' content='7 days'>
<meta name='subtitle' content='This is my subtitle'>
<meta name='target' content='all'>
<meta name='HandheldFriendly' content='True'>
<meta name='MobileOptimized' content='320'>
<meta name='date' content='Sep. 27, 2010'>
<meta name='search_date' content='2010-09-27'>
<meta name='DC.title' content='Unstoppable Robot Ninja'>
<meta name='ResourceLoaderDynamicStyles' content=''>
<meta name='medium' content='blog'>
<meta name='syndication-source' content='https://mashable.com/2008/12/24/free-brand-monitoring-tools/'>
<meta name='original-source' content='https://mashable.com/2008/12/24/free-brand-monitoring-tools/'>
<meta name='verify-v1' content='dV1r/ZJJdDEI++fKJ6iDEl6o+TMNtSu0kv18ONeqM0I='>
<meta name='y_key' content='1e39c508e0d87750'>
<meta name='pageKey' content='guest-home'>
<meta itemprop='name' content='jQTouch'>
<meta http-equiv='Expires' content='0'>
<meta http-equiv='Pragma' content='no-cache'>
<meta http-equiv='Cache-Control' content='no-cache'>
<meta http-equiv='imagetoolbar' content='no'>
<meta http-equiv='x-dns-prefetch-control' content='off'>