วิธีใช้งาน
- ป้อนชื่อหน้าและคำอธิบายหนึ่งหรือสองประโยค
- เพิ่ม canonical URL และเลือกว่าเครื่องมือค้นหาสามารถจัดทำดัชนีหน้าและติดตามลิงก์ได้หรือไม่
- กรอกอิมเมจ Open Graph และฟิลด์ใด ๆ ที่ควรแตกต่างจากชื่อหน้าและคำอธิบาย แล้วเลือกประเภท Twitter card
- คัดลอก HTML ที่สร้างขึ้นหรือดาวน์โหลด แล้ววางภายใน <head> ของหน้าเว็บของคุณ
วิธีการทำงาน
เครื่องมือสร้างเมตานี้จะสร้างเฉพาะแท็กที่คุณต้องการเท่านั้น ค่าทุกค่าจะถูก escape เป็น HTML (& < > " และ ' กลายเป็น entities) ดังนั้นชื่อที่มีเครื่องหมายคำพูดหรือวงเล็บมุมจะไม่ทำให้มาร์กอัปเสียหาย
แต่ละแท็กทำหน้าที่ดังนี้: charset บอกเบราว์เซอร์ถึงการเข้ารหัสข้อความและควรอยู่ส่วนหัวเป็นลำดับแรก; viewport ทำให้หน้าแสดงผลตามความกว้างของอุปกรณ์บนโทรศัพท์; title ปรากฏในแท็บเบราว์เซอร์และผลการค้นหา; meta description อาจถูกใช้เป็น snippet ในผลการค้นหาแต่ไม่ใช่ปัจจัยการจัดอันดับ; canonical link บอกเครื่องมือค้นหาว่า URL ใดเป็นเวอร์ชันหลักของหน้าที่ซ้ำกัน; robots ที่มี noindex ทำให้หน้าไม่ติดผลการค้นหา และ nofollow ขอให้ crawler ไม่ติดตามลิงก์ในหน้า แท็ก robots จะทำงานก็ต่อเมื่อ crawler สามารถดึงหน้าได้ ดังนั้นอย่าบล็อกหน้าใน robots.txt
แท็ก Open Graph (og:…) ควบคุมการแสดงตัวอย่างลิงก์ในแอปโซเชียลและแชทหลายตัว หาก og:title, og:description หรือ og:url ว่าง เครื่องมือนี้จะใช้ title, description และ canonical URL ซ้ำ แพลตฟอร์มที่อ่านแท็ก Twitter card จะย้อนกลับไปใช้ค่า Open Graph สำหรับ title, description และ image ดังนั้นจึงเขียนเฉพาะ twitter:card
ตัวอย่าง
บล็อกโพสต์
Title, description, canonical URL, รูป og:image ขนาด 1200×630 และ summary_large_image จะสร้างประมาณสิบบรรทัดที่ครอบคลุมทั้งผลการค้นหาและการแสดงตัวอย่างลิงก์
หน้าขอบคุณที่ไม่ให้ติดผลการค้นหา
ยกเลิกการเลือก “Allow indexing” เพื่อเพิ่ม <meta name="robots" content="noindex, follow"> หน้านี้ยังทำงานได้สำหรับผู้เยี่ยมชม แต่ไม่ควรปรากฏในผลการค้นหา
ชื่อเรื่องที่มีเครื่องหมายคำพูด
ชื่อเรื่อง Ask "Anything" & <Learn> จะถูกเขียนเป็น Ask "Anything" & <Learn> ซึ่งเบราว์เซอร์แสดงผลตรงตามที่พิมพ์
คำถามที่พบบ่อย
แท็ก meta keywords ช่วยเรื่อง SEO ไหม
ไม่ใช่ เครื่องมือค้นหาหลัก ๆ ละเลย meta keywords สำหรับการจัดอันดับมาหลายปีแล้ว เครื่องมือสร้างนี้จึงไม่รวมมัน
จำเป็นต้องมีทั้งแท็ก Open Graph และ Twitter card ไหม
โดยปกติแล้วจำเป็นต้องมีเพียง twitter:card เพิ่มเติมจาก Open Graph เนื่องจาก title, description และ image จะใช้ค่าจาก og: เป็นค่าเริ่มต้น
แท็กเหล่านี้ควรวางไว้ที่ไหน
ภายในองค์ประกอบ <head> ของแต่ละหน้า สำหรับเฟรมเวิร์กเช่น Next.js, ธีม WordPress หรือตัวสร้างเว็บไซต์แบบสแตติก ให้ใช้การตั้งค่า metadata ของเฟรมเวิร์กนั้นเพื่อแสดงแท็กเดียวกัน
ทุกหน้าควรมีแท็ก canonical หรือไม่
เป็นแนวปฏิบัติที่ดี โดยเฉพาะเมื่อเนื้อหาเดียวกันสามารถเข้าถึงได้จากหลาย URL (พารามิเตอร์ติดตาม, ตัวเลือกการเรียงลำดับ, http และ https) หน้าหนึ่งสามารถอ้างอิงตัวเองเป็น canonical ได้
ความเป็นส่วนตัว
แท็กถูกสร้างขึ้นในเบราว์เซอร์ของคุณ สิ่งที่คุณพิมพ์จะไม่ถูกอัปโหลดหรือจัดเก็บ