เรียนรู้วิธีใช้ HTML <meta> ธาตุ
<meta> องค์ประกอบใช้เพื่อกำหนด metadata หลายประเภทเกี่ยวกับเอกสาร HTML ข้อมูลเมตาหมายถึงข้อมูลเท่านั้น หรือเฉพาะเจาะจงมากขึ้น metadata คือข้อมูลที่อธิบายและให้ข้อมูลเกี่ยวกับข้อมูลอื่น
<meta> องค์ประกอบมีคุณสมบัติและค่าต่างๆ มากมาย
name เป็นคุณลักษณะที่สำคัญที่สุดอย่างหนึ่ง
name รับหลายค่า ตัวอย่างเช่น description ซึ่งใช้ร่วมกับ content แอตทริบิวต์เพื่ออธิบายหน้า:
<head>
<meta name="description" content="Learn about the HTML meta element" />
</head>
<meta> องค์ประกอบจะอยู่ภายใน <head> . เท่านั้น ธาตุ
ข้อมูลเมตาจะไม่ปรากฏบนหน้าเว็บของคุณ แต่จะแยกวิเคราะห์ (อ่าน) และประมวลผลโดยเครื่อง เช่น เซิร์ฟเวอร์ เบราว์เซอร์ และเครื่องมือค้นหา
สิ่งนี้ทำให้ <meta> องค์ประกอบเป็นหนึ่งในองค์ประกอบ HTML ที่สำคัญที่สุดสำหรับ SEO เนื่องจากให้ข้อมูลเพิ่มเติมแก่เครื่องมือค้นหาเช่น Google (นอกเหนือจากเนื้อหาในเว็บไซต์ของคุณ) ที่บอกพวกเขาว่าเว็บไซต์ของคุณเกี่ยวกับอะไรและความเกี่ยวข้องอย่างไรเมื่อเปรียบเทียบกับสิ่งที่ผู้คนค้นหา
เมตา description คือ บางครั้ง ใช้โดยเครื่องมือค้นหาเพื่อสร้างคำอธิบายหน้าสำหรับเว็บไซต์ของคุณใน SERP (หน้าผลลัพธ์ของเครื่องมือค้นหา) หากพบว่าดีกว่าเนื้อหาในหน้าของคุณ
แท็กวิวพอร์ต
viewport เมตาแท็กช่วยให้เว็บไซต์ที่ไม่เหมาะกับอุปกรณ์เคลื่อนที่ดูดีขึ้นในหน้าจอขนาดเล็ก การกำหนดค่าแท็กวิวพอร์ตต่อไปนี้ได้รับการปรับให้เหมาะสมสำหรับมือถือ และควรใช้โดยค่าเริ่มต้น เว้นแต่คุณจะมีเหตุผลที่ดีที่จะไม่:
<meta name="viewport" content="width=device-width, initial-scale=1" />width=device-widthบอกให้เบราว์เซอร์กำหนดความกว้างของหน้าตามความกว้างของอุปกรณ์ของผู้ใช้initial-scaleควบคุมระดับการซูมในการโหลดหน้าแรกinitial-scale-1หมายความว่าระดับการซูมอยู่ที่ 100% หากคุณตั้งค่าเป็นinitial-scale-2, หน้าจะซูม 200% ในการโหลดหน้าแรก
viewport เป็นหนึ่งใน <meta> . ขั้นสูงกว่า แท็กองค์ประกอบที่คุณควรศึกษาอย่างรอบคอบก่อนที่จะเริ่มปรับแต่งค่าเริ่มต้น
Mozilla มีเอกสารที่เป็นของแข็งบนแท็กวิวพอร์ต
เมตาแท็กของหุ่นยนต์
robots เมตาแท็ก (เรียกอีกอย่างว่า “คำสั่งเมตาของหุ่นยนต์”) บอกเครื่องมือค้นหาว่าควรจัดทำดัชนีหน้าเว็บของคุณหรือไม่ โดยใช้ค่าแอตทริบิวต์ index หรือ noindex .
โดยค่าเริ่มต้น มันถูกตั้งค่าเป็น index ดังนั้น ถ้าคุณไม่ต้องการให้เว็บไซต์ของคุณได้รับการจัดทำดัชนี คุณระบุให้เป็น content ค่า noindex
<meta name="robots" content="noindex" />
robots สามารถใช้เพื่อบอกเครื่องมือค้นหาว่าไม่ควรติดตามลิงก์ใด ๆ ในเว็บไซต์ของคุณโดยใช้ follow หรือ nofollow ค่า
<meta name="robots" content="nofollow" />
คุณยังสามารถรวม noindex และ nofollow ในองค์ประกอบเดียว:
<meta name="robots" content="noindex, nofollow" />
เหยียบ อย่างระมัดระวัง ด้วย <meta> . ของคุณ robots การกำหนดค่า
หากคุณตั้งค่าเป็น noindex, nofollow เช่นเดียวกับโค้ดด้านบน คุณจะกีดกันเครื่องมือค้นหาจากการจัดทำดัชนีทั้งเนื้อหาและลิงก์ของคุณ ทั่วโลก (บนเว็บไซต์ทั้งหมดของคุณ) คุณแทบไม่อยากทำสิ่งนี้เพราะมันจะส่งผลเสียต่อ SEO ของคุณ
กรณีการใช้งานทั่วไปสำหรับ noindex คือหากเว็บไซต์ของคุณยังอยู่ระหว่างการพัฒนาและไม่พร้อมสำหรับสาธารณะ WordPress มีตัวเลือกในการปิดใช้งานการสร้างดัชนีหน้าชั่วคราว (nofollow ) เพื่อจุดประสงค์นั้น
และสำหรับลิงค์แทนการใช้ nofollow ทั่วโลก (สำหรับลิงก์ทั้งหมด) กรณีการใช้งานที่เป็นประโยชน์มากขึ้นคือการใช้ nofollow บนลิงก์ขาออก (ภายนอก) บางลิงก์ เช่น สำหรับลิงก์ที่ต้องชำระเงินซึ่งไม่มีเหตุผลให้เครื่องมือค้นหาติดตาม คุณจะทำอย่างนั้นโดยตรงกับองค์ประกอบสมอ:
<a href="#" rel="nofollow">Click to see our sponsor</a>
ตามค่าเริ่มต้น ไฮเปอร์ลิงก์จะถูกตั้งค่าเป็น follow .
