Meta เป็นแท็กเสริมในพื้นที่ส่วนหัวของภาษา HTML บางทีคุณอาจคิดว่ารหัสเหล่านี้เป็นทางเลือก ในความเป็นจริงถ้าคุณสามารถใช้เมตาแท็กได้ดีมันจะนำเอฟเฟกต์ที่ไม่คาดคิดมาให้คุณ ฟังก์ชั่นของ Meta Tags รวมถึง: Search Engine Optimization (SEO), การกำหนดภาษาของหน้า, การรีเฟรชโดยอัตโนมัติและชี้ไปที่หน้าใหม่, ตระหนักถึงเอฟเฟกต์แบบไดนามิกเมื่อการแปลงเว็บเพจ, การควบคุมการบัฟเฟอร์หน้าเว็บ, การประเมินการจัดอันดับหน้าเว็บ, การควบคุมหน้าต่างที่แสดงบนหน้าเว็บ
องค์ประกอบของเมตาแท็ก: มีสองแอตทริบิวต์ในแท็กเมตาแอตทริบิวต์ชื่อตามลำดับแอตทริบิวต์ HTTP-Equiv และแอตทริบิวต์ชื่อ แอตทริบิวต์ที่แตกต่างกันมีค่าพารามิเตอร์ที่แตกต่างกันและค่าพารามิเตอร์ที่แตกต่างกันเหล่านี้จะรับรู้ฟังก์ชั่นหน้าเว็บที่แตกต่างกัน
1. แอตทริบิวต์ชื่อ
แอตทริบิวต์ชื่อส่วนใหญ่จะใช้เพื่ออธิบายหน้าเว็บและค่าแอตทริบิวต์ที่สอดคล้องกันคือเนื้อหา เนื้อหาในเนื้อหาส่วนใหญ่จะใช้โดยหุ่นยนต์เครื่องมือค้นหาเพื่อค้นหาข้อมูลและจำแนกข้อมูล
รูปแบบไวยากรณ์ของแอตทริบิวต์ชื่อของเมตาแท็กคือ:
<meta name = parameter content = ค่าพารามิเตอร์เฉพาะ>
แอตทริบิวต์ชื่อส่วนใหญ่มีพารามิเตอร์ต่อไปนี้:
A. คำหลัก (คำหลัก)
คำอธิบาย: คำหลักใช้เพื่อบอกเครื่องมือค้นหาว่าคำหลักอยู่บนหน้าเว็บของคุณคืออะไร
ตัวอย่าง: <meta name = คำสำคัญเนื้อหา = วิทยาศาสตร์, การศึกษา, วัฒนธรรม, การเมือง, Ecnomics, ความสัมพันธ์, entertaiment, Human>
B. คำอธิบาย (คำอธิบายเนื้อหาเว็บไซต์)
คำอธิบาย: คำอธิบายใช้เพื่อบอกเสิร์ชเอ็นจิ้นเนื้อหาหลักของเว็บไซต์ของคุณ
ตัวอย่าง: <meta name = คำอธิบายเนื้อหา = หน้านี้เกี่ยวกับความหมายของวิทยาศาสตร์การศึกษาวัฒนธรรม>
C. หุ่นยนต์ (คู่มือหุ่นยนต์)
คำอธิบาย: หุ่นยนต์ใช้เพื่อบอกหุ่นยนต์ค้นหาว่าหน้าต้องการดัชนีและหน้าใดไม่ต้องการดัชนี
พารามิเตอร์ของเนื้อหาคือทั้งหมด, ไม่มี, ดัชนี, noindex, ติดตาม, nofollow ค่าเริ่มต้นคือทั้งหมด
ตัวอย่าง: <meta name = robots content = none>
D. ผู้แต่ง (ผู้เขียน)
คำอธิบาย: ติดฉลากผู้แต่งเว็บเพจ
ตัวอย่างเช่น: <meta name = เนื้อหาผู้เขียน = root, [email protected]>
2. แอตทริบิวต์ http-equiv
ตามชื่อแนะนำ HTTP-Equiv นั้นเทียบเท่ากับส่วนหัวไฟล์ของ HTTP มันสามารถส่งข้อมูลที่เป็นประโยชน์บางอย่างไปยังเบราว์เซอร์เพื่อช่วยแสดงเนื้อหาหน้าเว็บอย่างถูกต้องและถูกต้อง ค่าแอตทริบิวต์ที่สอดคล้องกันคือเนื้อหาและเนื้อหาในเนื้อหาเป็นค่าตัวแปรของแต่ละพารามิเตอร์
รูปแบบไวยากรณ์ของแอตทริบิวต์ HTTP-Equiv ของแท็กเมตาคือ:
<meta http-equiv = พารามิเตอร์เนื้อหา = ค่าตัวแปรพารามิเตอร์>;
ในหมู่พวกเขาแอตทริบิวต์ HTTP-Equiv ส่วนใหญ่มีพารามิเตอร์ต่อไปนี้:
A. หมดอายุ (คำศัพท์)
หมายเหตุ: สามารถใช้เพื่อตั้งค่าเวลาหมดอายุของหน้าเว็บ เมื่อหน้าเว็บหมดอายุจะต้องส่งสัญญาณไปยังเซิร์ฟเวอร์ใหม่
การใช้งาน: <meta http-equiv = หมดอายุเนื้อหา = ศุกร์, 12 ม.ค. 2001 18:18:18 GMT>
หมายเหตุ: ต้องใช้รูปแบบเวลาของ GMT
B. Pragma (โหมดแคช)
หมายเหตุ: ห้ามใช้เบราว์เซอร์จากการเข้าถึงเนื้อหาหน้าเว็บจากแคชบนคอมพิวเตอร์ในท้องถิ่น
การใช้งาน: <meta http-equiv = pragma content = no-cache>
หมายเหตุ: การตั้งค่านี้จะช่วยให้ผู้เข้าชมเรียกดูออฟไลน์
C. รีเฟรช (รีเฟรช)
คำอธิบาย: รีเฟรชโดยอัตโนมัติและชี้ไปที่หน้าใหม่
การใช้งาน: <meta http-equiv = refresh content = 2; url = http: //www.root.net> (หมายเหตุคำพูดหลังจากนั้นก่อนวินาทีและหลัง URL ตามลำดับ)
หมายเหตุ: 2 ของพวกเขาหมายความว่าคุณจะรีเฟรช URL โดยอัตโนมัติหลังจากอยู่เป็นเวลา 2 วินาที
D. Set-Cookie (การตั้งค่าคุกกี้)
หมายเหตุ: หากหน้าเว็บหมดอายุคุกกี้ที่บันทึกไว้จะถูกลบ
การใช้งาน: <meta http-equiv = content set-cookie = cookieViewalue = xxx; หมดอายุ = วันศุกร์ 12 ม.ค. 25001 18:18:18 GMT; path =/>
หมายเหตุ: ต้องใช้รูปแบบเวลาของ GMT
E. เป้าหมายหน้าต่าง (การตั้งค่าหน้าต่างแสดงผล)
คำอธิบาย: บังคับให้หน้าจะแสดงเป็นหน้าแยกต่างหากในหน้าต่างปัจจุบัน
การใช้งาน: <meta http-equiv = เนื้อหาเป้าหมายหน้าต่าง = _top>
หมายเหตุ: ใช้เพื่อป้องกันไม่ให้ผู้อื่นเรียกหน้าของตัวเองในกรอบ
F, ประเภทเนื้อหา (การตั้งค่าการตั้งค่าอักขระแสดง)
คำอธิบาย: ตั้งค่าชุดอักขระที่ใช้ในหน้า
การใช้งาน: <meta http-equiv = เนื้อหาประเภทเนื้อหา = text/html; charset = gb2312>
G, เนื้อหาภาษา (แสดงการตั้งค่าภาษา)
การใช้งาน: <meta http-equiv = content-language content = zh-cn />>
H, Cache-Control ระบุกลไกการแคชที่ร้องขอและตอบสนองตาม
แคชควบคุมระบุกลไกการแคชที่ร้องขอและการตอบกลับตามมา การตั้งค่าการควบคุมแคชในข้อความคำขอหรือข้อความตอบกลับไม่ได้แก้ไขกระบวนการประมวลผลแคชในการประมวลผลข้อความอื่น คำแนะนำแคชในระหว่างการร้องขอรวมถึงไม่มีแคชไม่มีร้านค้า, อายุสูงสุด, Max-Stale, Min-Fresh, On
ly-if-cached คำแนะนำในข้อความตอบกลับรวมถึงสาธารณะ, ส่วนตัว, ไม่มีแคช, ไม่มีร้านค้า, ไม่เปลี่ยนรูป, การตรวจสอบการปรับเทียบ ความหมายของคำสั่งในแต่ละข้อความมีดังนี้สาธารณะระบุว่าการตอบสนองสามารถแคชได้โดยพื้นที่แคชใด ๆ
ส่วนตัวระบุว่าข้อความตอบกลับทั้งหมดหรือบางส่วนของผู้ใช้รายเดียวไม่สามารถประมวลผลได้โดยแคชที่ใช้ร่วมกัน สิ่งนี้ช่วยให้เซิร์ฟเวอร์อธิบายเฉพาะข้อความตอบกลับบางส่วนสำหรับผู้ใช้ซึ่งไม่ถูกต้องสำหรับคำขอของผู้ใช้รายอื่น
ไม่มีแคชระบุว่าไม่สามารถแคชคำขอหรือตอบกลับได้
ไม่มีร้านค้าเพื่อป้องกันข้อมูลสำคัญจากการเผยแพร่โดยไม่ได้ตั้งใจ การส่งข้อความร้องขอจะทำให้ทั้งคำขอหรือข้อความตอบกลับใช้แคช
Max-age ระบุว่าลูกค้าสามารถรับคำตอบที่อายุการใช้งานไม่เกินเวลาที่กำหนด (ในวินาที)
ขั้นต่ำระยะต่ำระบุว่าลูกค้าสามารถรับการตอบกลับซึ่งเวลาตอบสนองน้อยกว่าเวลาปัจจุบันรวมถึงเวลาที่กำหนด
Max-Stale ระบุว่าลูกค้าสามารถรับข้อความตอบกลับที่หมดอายุระยะเวลาหมดเวลา หากระบุค่าของข้อความ Max-Stale ลูกค้าสามารถรับข้อความตอบกลับที่เกินค่าที่ระบุหลังจากหมดเวลา
เคล็ดลับการใช้งานเมตาแท็ก:
Meta Tags เป็นภาษาที่ใช้อธิบายแอตทริบิวต์เว็บเพจ Meta Tags มาตรฐานสามารถอำนวยความสะดวกในการเรียงลำดับเครื่องมือค้นหาและปรับปรุงการจัดอันดับน้ำหนักเว็บไซต์ของเครื่องมือค้นหา หากคุณต้องการให้เว็บไซต์สอดคล้องกับมาตรฐานเครื่องมือค้นหามากขึ้นคุณต้องเข้าใจเมตาแท็ก นี่คือความคิดที่ดีสำหรับทุกคนที่จะพูดคุยเกี่ยวกับความหมายและการใช้งานของเมตาแท็ก:
1. คำหลักของเมตาแท็ก
วิธีการเขียนคือ: <meta name = keywords content = parameters ข้อมูล/>
พารามิเตอร์ข้อมูลของคำหลักแท็กเนื้อเป็นตัวแทนของคำหลักของเว็บไซต์
2. คำอธิบายของเมตาแท็ก
<meta name = คำอธิบายเนื้อหา = พารามิเตอร์ข้อมูล/
พารามิเตอร์ข้อมูลของคำอธิบายเมตาแท็กแสดงเนื้อหาหลักของเว็บไซต์และภาพรวมคืออะไร
3. http-equiv = เนื้อหาประเภทเนื้อหา = text/html ของ meta tag
HTTP-Equiv = ประเภทเนื้อหาแสดงถึงโปรโตคอลส่วนหัวของ HTTP โดยแจ้งข้อมูลหน้าเว็บเบราว์เซอร์
<meta http-equiv = เนื้อหาประเภทเนื้อหา = text/html; charset = พารามิเตอร์ข้อมูล/>
เมื่อพารามิเตอร์ข้อมูลของเมตาแท็ก charset เป็น GB2312 หมายความว่าเว็บไซต์ใช้การเข้ารหัสในภาษาจีนที่เรียบง่าย
เมื่อพารามิเตอร์ข้อมูลของเมตาแท็ก charset เป็น BIG5 หมายความว่าเว็บไซต์ใช้การเข้ารหัสเป็นภาษาจีนดั้งเดิม
เมื่อพารามิเตอร์ข้อมูลของเมตาแท็ก charset มีดังนี้: ISO-20122-JP หมายความว่ารหัสที่ใช้โดยเว็บไซต์เป็นภาษาญี่ปุ่น
เมื่อพารามิเตอร์ข้อมูลของเมตาแท็ก charset เป็น KS_C_5601 หมายความว่ารหัสที่ใช้โดยเว็บไซต์เป็นภาษาเกาหลี
เมื่อพารามิเตอร์ข้อมูลของเมตาแท็ก charset เป็น ISO-8859-1 หมายความว่ารหัสที่ใช้โดยเว็บไซต์เป็นภาษาอังกฤษ
เมื่อพารามิเตอร์ข้อมูลของเมตาแท็ก charset เป็น UTF-8 พวกเขาจะเป็นตัวแทนของการเข้ารหัสภาษาทั่วไปในโลก
4. เครื่องกำเนิดเมตาแท็ก
<meta name = content ตัวสร้าง = พารามิเตอร์ข้อมูล/
พารามิเตอร์ข้อมูลของเครื่องกำเนิดเมตาแท็กแสดงคำอธิบายของซอฟต์แวร์ที่เว็บไซต์ใช้ในการทำ
5. ผู้แต่ง Meta Tag
<meta name = เนื้อหาผู้เขียน = พารามิเตอร์ข้อมูล>
พารามิเตอร์ข้อมูลของผู้เขียน Meta Tag แสดงข้อมูลผู้แต่งของลิขสิทธิ์ของหน้าเว็บ
6. http-equiv = รีเฟรชของ meta tag
<meta http-equiv = เนื้อหารีเฟรช = เวลา; url = พารามิเตอร์เว็บไซต์>
การรีเฟรช Meta Tag แสดงถึงระยะเวลาที่เว็บเพจจะรีเฟรชโดยอัตโนมัติและพารามิเตอร์ URL ใน URL แสดงว่าใช้เวลานานแค่ไหนในการเชื่อมโยง URL อื่น ๆ โดยอัตโนมัติ
7. http-equiv ของ meta tag = pragma content = no-cache
<meta http-equiv = pragma content = no-cache> หมายความว่าห้ามใช้เบราว์เซอร์จากการเข้าถึงเนื้อหาหน้าเว็บจากแคชของคอมพิวเตอร์ในท้องถิ่น การตั้งค่านี้จะช่วยให้ผู้เข้าชมเรียกดูออฟไลน์
8. ลิขสิทธิ์ของ Meta Tag
<meta name = เนื้อหาลิขสิทธิ์ = พารามิเตอร์ข้อมูล>
พารามิเตอร์ข้อมูลของลิขสิทธิ์ของ Meta Tag แสดงถึงข้อมูลลิขสิทธิ์ของเว็บไซต์
9. http-equiv = imagetoolbar ของ meta tag
<meta http-equiv = imagetoolbar content = false />
ระบุว่าจะแสดงแถบเครื่องมือรูปภาพหรือไม่ หากเท็จหมายถึงการไม่แสดงและถ้าจริงหมายถึงการไม่แสดง
10. ประเภทเนื้อหาสคริปต์ของเมตาแท็ก
<meta http-equiv = content-script-type content = text/javascript>
ข้อมูลจำเพาะหน้าเว็บ W3C ซึ่งระบุประเภทของสคริปต์ในหน้า
11. Revisit-หลังจาก Meta Tag
<meta name = revisit-after content = 7 วัน>
Revisit-หลังจากแสดงเว็บไซต์ที่กลับมาอีกครั้ง 7 วันแสดงถึง 7 วันและอื่น ๆ
12. หุ่นยนต์ของ Meta Tag <Meta Name = Robots Contact = พารามิเตอร์ข้อมูล>
ตัวแทนหุ่นยนต์บอกเครื่องมือค้นหาว่าหน้าการรวบรวมข้อมูล
คุณลักษณะมีการอธิบายดังนี้:
พารามิเตอร์ข้อมูลคือทั้งหมด: ไฟล์จะถูกเรียกคืนและลิงก์ในหน้าสามารถสอบถามได้;
พารามิเตอร์ข้อมูลคือไม่มี: ไฟล์จะไม่ถูกเรียกคืนและลิงก์ในหน้าไม่สามารถสอบถามได้
พารามิเตอร์ข้อมูลคือดัชนี: ไฟล์จะถูกเรียกคืน;
พารามิเตอร์ข้อมูลจะถูกติดตาม: ลิงก์ในหน้าสามารถสอบถามได้
พารามิเตอร์ข้อมูลคือ noindex: ไฟล์จะไม่ถูกเรียกคืน แต่ลิงก์ในหน้าสามารถสอบถามได้;
พารามิเตอร์ข้อมูลคือ Nofollow: ไฟล์จะถูกเรียกคืน แต่ลิงก์ในหน้าไม่สามารถสอบถามได้