เกี่ยวกับเครื่องมือนี้
เมตาแท็กใน HTML <head> ควบคุมวิธีที่เครื่องมือค้นหาและแพลตฟอร์มโซเชียลแสดงตัวอย่างหน้า แท็กที่สำคัญที่สุด ได้แก่ แท็ก <title>, <meta name="description">, แท็ก Open Graph (og:title, og:description, og:image) และแท็กการ์ด Twitter (twitter:title, twitter:description, twitter:image) เมื่อแท็กเหล่านี้หายไป มีรูปแบบไม่ถูกต้อง หรือไม่ถูกต้อง ตัวอย่างการค้นหาและตัวอย่างทางสังคมจะดูเสียหายหรือใช้เนื้อหาที่ไม่ได้ตั้งใจ
ตัวตรวจสอบนี้จะดึงข้อมูล URL และตรวจสอบเมตาแท็กที่เกี่ยวข้องทั้งหมด แท็กที่หายไปจะถูกตั้งค่าสถานะ แท็กที่มีเนื้อหาเกินขีดจำกัดความยาวเฉพาะแพลตฟอร์ม (การตัดโค้ด Google, ตัวพิมพ์ใหญ่ของอักขระ Twitter) จะถูกไฮไลต์ การอ้างอิงรูปภาพได้รับการตรวจสอบแล้ว หาก og:image ชี้ไปที่ 404 การแสดงตัวอย่างทางสังคมจะใช้งานไม่ได้
ทั้งหมดนี้มีความสำคัญเนื่องจากการคลิกส่วนใหญ่ไปยังไซต์ของคุณมาจากผลการค้นหาและการแชร์บนโซเชียล เมตาแท็กคือสำเนาทางการตลาดที่ตัดสินว่าจะเกิดการคลิกหรือไม่ การทำให้ถูกต้องเป็นหนึ่งในงาน SEO และงานสังคมสงเคราะห์ที่ใช้ประโยชน์สูงสุด
ทำไมต้องตรวจสอบเมตาแท็ก
ข้อผิดพลาดเมตาแท็กจะเงียบ หน้าเว็บที่ไม่มี og:image ยังคงโหลดได้อย่างถูกต้อง ไม่มีอะไรในเพจบอกคุณว่าการแชร์โซเชียลดูพัง ข้อผิดพลาดจะปรากฏเฉพาะเมื่อมีผู้แชร์เพจ ซึ่งจุดนี้ความประทับใจแรกที่พลาดไปก็หายไปแล้ว การตรวจสอบหน้าต่างๆ เป็นประจำจะช่วยแก้ปัญหาเหล่านี้ได้ตั้งแต่เนิ่นๆ
หลังจากการเปลี่ยนแปลงครั้งใหญ่ในเว็บไซต์ เช่น การออกแบบใหม่ การย้าย CMS การอัปเดตเทมเพลต เมตาแท็กมักจะถดถอย การผ่าน QA ในหน้าสำคัญยืนยันว่าไม่มีส่วนสำคัญใดสูญหายไปในการเปลี่ยนแปลง
รายละเอียดทางเทคนิค
เมตาแท็กที่จำเป็นสำหรับ SEO: <title> (อักขระ 50-60 ตัว; Google ตัดทอนมากกว่านี้ในตัวอย่างการค้นหา), <meta name="description"> (อักขระ 150-160 ตัว; ข้อความที่ยาวกว่าจะถูกตัดทอน) การขาดหายไปอย่างใดอย่างหนึ่งจะทำให้ลักษณะที่ปรากฏของการค้นหาลดลงอย่างมาก
เปิดแท็กกราฟ (ใช้โดย Facebook, LinkedIn, Slack และอื่นๆ อีกมากมาย): og:title, og:description, og:image, og:url, og:type og:image ควรมีอย่างน้อย 1200×630 พิกเซลสำหรับการเรนเดอร์ DPI สูง og:image:alt คือป้ายกำกับการช่วยสำหรับการเข้าถึง
แท็กการ์ด Twitter: twitter:card (โดยทั่วไปคือ summary_large_image), twitter:title, twitter:description, twitter:image Twitter จะกลับไปใช้แท็ก OG หากไม่มีแท็กเฉพาะของ Twitter ดังนั้น OG ที่มีการกำหนดค่าอย่างดีมักจะเพียงพอ
คำถามที่พบบ่อย
- เมตาแท็กใดที่สำคัญที่สุดสำหรับ SEO?
- แท็กชื่อ (ที่สำคัญที่สุด — อักขระ 50-60 ตัว), คำอธิบายเมตา (150-160 อักขระ), Canonical URL, เมตาของโรบ็อต, Open Graph (og:title, og:description, og:image) และวิวพอร์ตสำหรับมือถือ สิ่งเหล่านี้ส่งผลโดยตรงต่อการจัดอันดับการค้นหาและอัตราการคลิกผ่าน
- แท็กชื่อของฉันควรยาวแค่ไหน?
- 50-60 อักขระ (หรือ ~580 พิกเซล) สำหรับการแสดงผลแบบเต็มในผลการค้นหาของ Google ชื่อที่ยาวกว่าจะถูกตัดทอนด้วย '...' คำหลักสำคัญที่เน้นส่วนหน้าตั้งแต่เริ่มต้นจะมองเห็นได้มากที่สุดและมีน้ำหนัก SEO มากกว่า
- ฉันจำเป็นต้องมีแท็ก Open Graph หรือไม่
- ใช่ หากเพจของคุณถูกแชร์บนโซเชียลมีเดีย หากไม่มี og:image และ og:title แล้ว Facebook/LinkedIn จะสร้างตัวอย่างที่อาจดูไม่ดีโดยอัตโนมัติ แท็ก OG ที่เหมาะสมช่วยให้มั่นใจได้ว่าเนื้อหาของคุณดูดีเมื่อแชร์
- แท็ก Canonical มีไว้เพื่ออะไร
- แท็ก Canonical (rel="canonical") จะบอกเครื่องมือค้นหาว่า URL ใดเป็นเวอร์ชัน 'อย่างเป็นทางการ' ของหน้าเว็บ ช่วยป้องกันปัญหาเนื้อหาที่ซ้ำกันเมื่อเข้าถึงหน้าเดียวกันได้จากหลาย URL (มี/ไม่มี www, HTTP/HTTPS พร้อมพารามิเตอร์การค้นหา)
- ทำไมการแชร์ Facebook ของฉันจึงแสดงภาพที่ไม่ถูกต้อง?
- ส่วนใหญ่แล้ว Facebook จะใช้เวอร์ชันแคช ใช้ Sharing Debugger ของ Facebook เพื่อล้างแคชและดึงเพจของคุณอีกครั้ง
- เมตาแท็กคำนึงถึงขนาดตัวพิมพ์หรือไม่
- ชื่อคุณสมบัติเป็นตัวพิมพ์เล็กตามแบบแผน โปรแกรมแยกวิเคราะห์ส่วนใหญ่มีความอดทน แต่ควรใช้ตัวพิมพ์เล็กเพื่อความปลอดภัย
- URL ของฉันดึงมาจากเบราว์เซอร์หรือเซิร์ฟเวอร์หรือไม่
- ขึ้นอยู่กับเครื่องมือ การดึงข้อมูลเบราว์เซอร์อาจประสบปัญหา CORS เครื่องมือบางอย่างใช้พร็อกซีเซิร์ฟเวอร์เพื่อดึงข้อมูลและรายงานกลับ
- แล้วข้อมูลที่มีโครงสร้าง JSON-LD ล่ะ
- JSON-LD เป็นข้อมูลที่มีโครงสร้างสำหรับผลการค้นหาที่เป็นสื่อสมบูรณ์ แยกจากเมตาแท็ก ตัวตรวจสอบเมตาแท็กส่วนใหญ่มุ่งเน้นไปที่เมตาส่วนหัวของ HTML; เครื่องมือตรวจสอบข้อมูลที่มีโครงสร้างเป็นคลาสของเครื่องมือที่แยกจากกัน