เครื่องมือฟรี: SEO

ตรวจสอบ Meta Tag ของหน้าเว็บ

ดูแท็กใน head ของหน้าเว็บหนึ่งหน้าตามที่เบราว์เซอร์ได้รับ ได้แก่ title, meta description, canonical, กฎ robots, Open Graph และ Twitter Card ส่วนตัวอย่างการแสดงผลจะแสดงว่าหน้าเว็บอาจดูเป็นอย่างไรในผลการค้นหาและเมื่อมีคนแชร์ลิงก์

ฟรี ตรวจที่อยู่ที่คุณกรอกในเวลาประมาณ 20 วินาที

สิ่งที่เครื่องมือนี้ตรวจ

  • Title และ description พร้อมจำนวนอักขระ

    ข้อความขององค์ประกอบ title และ meta description พร้อมจำนวนอักขระของแต่ละรายการ คุณจึงเห็นได้ทันทีว่ารายการใดหายไป ว่างเปล่า หรือยาวเกินไป

  • URL Canonical

    ที่อยู่ rel=canonical และดูว่าชี้ไปที่หน้านี้เอง หน้าอื่นในเว็บไซต์ของคุณ หรือเว็บไซต์อื่น

  • กฎ robots จากทั้งสองแหล่ง

    แท็ก meta robots และ HTTP header X-Robots-Tag หากมี noindex ในแหล่งใดแหล่งหนึ่ง หน้านั้นจะไม่ปรากฏใน Google และ header นี้มักถูกมองข้าม เพราะไม่ปรากฏใน HTML เลย

  • Viewport และภาษา

    แท็ก meta viewport และแอตทริบิวต์ lang บนองค์ประกอบ html

  • Open Graph และ Twitter Card

    og:title, og:description, og:image, og:type และ og:url รวมถึงแท็ก twitter: ที่กำหนดประเภทของการ์ดและเนื้อหาในการ์ด

  • hreflang สำหรับเวอร์ชันอื่น

    เวอร์ชันภาษาและภูมิภาคที่หน้าระบุไว้ด้วย rel=alternate hreflang หากมี

  • ตัวอย่างในการค้นหาและการแชร์

    การจำลองโดยประมาณว่า title และ description อาจปรากฏอย่างไรในผลการค้นหา และลิงก์อาจดูเป็นอย่างไรเมื่อถูกแชร์

สิ่งที่ตรวจไม่ได้

  • คาดการณ์ title และตัวอย่างข้อมูล (snippet) ที่ Google จะแสดงได้อย่างแม่นยำ Google อาจเขียน title ใหม่และเลือกข้อความตัวอย่างจากหน้าเว็บตามคำค้นหา
  • แสดงว่าโซเชียลเน็ตเวิร์กแต่ละแห่งจะแสดงลิงก์อย่างไร แต่ละแห่งใช้เลย์เอาต์ของตัวเองและแคชตัวอย่างลิงก์ไว้ แท็กที่แก้แล้วจึงอาจใช้เวลาสักพักกว่าจะแสดงผล
  • เปรียบเทียบแท็กข้ามหลายหน้า เครื่องมือนี้อ่านเฉพาะที่อยู่ที่คุณกรอก ส่วนเครื่องมือตรวจ SEO จะค้นหา title ที่ซ้ำกันในหน้าสำคัญ
  • ยืนยันว่าเวอร์ชันภาษาอื่นใน hreflang ลิงก์กลับมายังหน้านี้
  • ตัดสินว่า title และ description เขียนได้ดีหรือตรงกับสิ่งที่หน้าเว็บนำเสนอหรือไม่

ทำไมจึงสำคัญ

แท็กใน head คือคำสั่งและบทสรุปที่เครื่องอ่านก่อนที่คนจะเห็นอะไรเลย title มักกลายเป็นพาดหัวของผลการค้นหาและชื่อแท็บเบราว์เซอร์ และ meta description มักถูกใช้เป็นตัวอย่างข้อมูลด้านล่าง ค่า robots หรือ canonical ที่ผิดเพียงค่าเดียวอาจนำหน้าออกจากการค้นหาอย่างเงียบเชียบ โดยไม่มีอะไรบนหน้าเว็บบ่งบอกเลย

ตัวอย่างลิงก์เมื่อแชร์ก็ทำงานแบบเดียวกัน เมื่อมีคนโพสต์ลิงก์ของคุณในแอปแชตหรือโซเชียลมีเดีย การ์ดจะสร้างจาก og:title, og:description และ og:image หากไม่มีแท็กเหล่านี้ เครือข่ายจะเดาเอง และผลที่ได้มักเป็นรูปผิด ข้อความที่ตัดมาดูแปลก หรือไม่มีรูปเลย

วิธีอ่านผลลัพธ์

Title และจำนวนอักขระ
title ที่ยาวไม่ใช่ข้อผิดพลาด แต่ Google จะตัดลิงก์ title ให้พอดีกับหน้าจอ หากยาวเกินประมาณ 60 อักขระ ส่วนท้ายอาจถูกตัด จึงควรวางคำสำคัญไว้ข้างหน้า
Meta description และจำนวนอักขระ
หากยาวเกินประมาณ 160 อักขระ ตัวอย่างข้อมูลน่าจะถูกตัดให้สั้นลง หากไม่มี description เลย Google จะสร้างตัวอย่างข้อมูลจากข้อความในหน้า
Canonical: หน้านี้ (this page)
หน้านี้ระบุที่อยู่ของตัวเองเป็นที่อยู่ที่ต้องการ ซึ่งเป็นการตั้งค่าปกติที่ถูกต้อง
Canonical: หน้าอื่น (another page)
หน้านี้ขอให้เครื่องมือค้นหาจัดทำดัชนีที่อยู่อื่นแทน เหมาะกับหน้าซ้ำ เช่น URL ที่มีตัวกรองหรือพารามิเตอร์ติดตาม แต่ผิดหากหน้านี้ควรปรากฏในการค้นหาด้วยตัวเอง
Canonical: เว็บไซต์อื่น (another site)
เวอร์ชันที่ต้องการอยู่ในโดเมนอื่น ควรเป็นแบบนี้เฉพาะเมื่อคุณเผยแพร่ซ้ำเนื้อหาที่อยู่ที่อื่น
Meta robots และ X-Robots-Tag
noindex ทำให้หน้าไม่ปรากฏในผลการค้นหา และ nofollow ขอให้ครอว์เลอร์ไม่ติดตามลิงก์ในหน้า หากไม่มีค่า หมายถึงใช้ค่าเริ่มต้น คือ index และ follow
Viewport และ lang
viewport ควรเป็น width=device-width, initial-scale=1 และ lang ควรตรงกับภาษาของหน้า เช่น en หรือ en-GB
แท็ก Open Graph และ Twitter
การไม่มี og:image คือช่องโหว่ที่เห็นชัดที่สุด เพราะลิงก์ที่แชร์จะไม่มีรูป og:url ควรตรงกับที่อยู่ canonical
hreflang
เวอร์ชันอื่นแต่ละรายการควรเป็น URL แบบเต็ม และชุดนี้ควรรวมหน้านี้เองด้วย เพิ่มรายการ x-default สำหรับผู้เข้าชมที่ใช้ภาษาซึ่งคุณไม่ได้รองรับ

วิธีแก้ปัญหาที่พบบ่อยที่สุด

  • title ที่แสดงไม่ใช่ title ที่คุณเขียน

    หาก title ที่นี่ต่างจากที่คุณพิมพ์ไว้ใน CMS แสดงว่าเทมเพลตของธีม ปลั๊กอิน SEO หรือแอปกำลังเขียนทับอยู่ ค้นหาองค์ประกอบ title ในธีมและนำแหล่งที่ซ้ำออก ให้เหลือการตั้งค่าเดียวที่ควบคุม title

  • ไม่มีรูปเมื่อแชร์ลิงก์

    เพิ่ม og:image ที่เป็น URL แบบ https เต็มรูปแบบ (absolute) ไปยังรูปแนวนอนขนาดใหญ่ (1200 × 630 พิกเซลเป็นขนาดที่ใช้กันทั่วไป) พร้อม og:title และ og:description ใน Shopify ให้ตั้งค่ารูปสำหรับแชร์บนโซเชียลใน Online Store › Preferences ส่วนใน WordPress ปลั๊กอิน SEO ส่วนใหญ่มีแท็บโซเชียลในแต่ละหน้า

  • noindex ใน header X-Robots-Tag

    header มาจากเซิร์ฟเวอร์ CDN หรือโฮสต์ ไม่ใช่จากหน้าเว็บ ให้หา X-Robots-Tag ใน .htaccess กฎของ Nginx หรือ CDN หรือตัวเลือก staging ในแผงควบคุมโฮสติ้ง แล้วนำออกจากหน้าที่ควรถูกจัดทำดัชนี

  • canonical ที่ชี้ไปยังที่อยู่ผิด

    สาเหตุที่พบบ่อยคือเทมเพลตที่พิมพ์ URL แบบตายตัว หรือการปะปนกันระหว่าง http กับ https หรือ www กับไม่มี www ให้ใช้ที่อยู่ https แบบเต็มของหน้านั้นเอง ในรูปแบบที่ตรงกับที่ต้องการให้จัดทำดัชนี

  • ตัวอย่างลิงก์ยังเป็นแบบเก่าหลังแก้แท็กแล้ว

    เครือข่ายโซเชียลแคชตัวอย่างลิงก์ไว้ ให้ขอให้เครือข่ายดึงหน้าใหม่ด้วยเครื่องมือของเครือข่ายนั้น เช่น Sharing Debugger ของ Facebook หรือ Post Inspector ของ LinkedIn หรือรอให้แคชหมดอายุ

คำถามเกี่ยวกับเครื่องมือนี้

ทำไม Google จึงแสดง title ไม่ตรงกับแท็ก title ที่ตั้งไว้?

Google สร้างลิงก์ title จากหลายแหล่ง รวมถึงองค์ประกอบ title หัวข้อหลัก og:title และข้อความของลิงก์ที่ชี้มายังหน้านั้น Google อาจใช้แหล่งอื่นเมื่อ title ยาวมาก ซ้ำกันในหลายหน้า หรือไม่ตรงกับเนื้อหา

meta description ควรยาวเท่าไร?

Google ไม่ได้กำหนดขีดจำกัด และจะตัดตัวอย่างข้อมูลให้พอดีกับอุปกรณ์ เราระบุ description ที่ยาวเกิน 160 อักขระว่ามีแนวโน้มจะถูกตัด แต่ไม่ว่าจะยาวเท่าไร ให้วางสาระสำคัญไว้ก่อน

meta robots กับ X-Robots-Tag ต่างกันอย่างไร?

ทั้งสองรองรับกฎชุดเดียวกัน แท็ก meta อยู่ใน HTML ของหน้า ส่วน X-Robots-Tag เป็น HTTP header ที่ใช้กับไฟล์ PDF และรูปภาพได้ด้วย หากทั้งสองขัดแย้งกัน Google จะใช้กฎที่เข้มงวดกว่า

แท็ก Open Graph ช่วยเรื่องอันดับหรือไม่?

Google ไม่ได้ระบุว่า Open Graph เป็นสัญญาณการจัดอันดับ แท็กเหล่านี้ควบคุมหน้าตาของลิงก์เมื่อถูกแชร์ ทั้งนี้ Google อาจใช้ og:title เป็นหนึ่งในแหล่งสำหรับลิงก์ title

เครื่องมือนี้เห็นแท็กที่เพิ่มด้วย JavaScript หรือไม่?

เห็น เพราะเครื่องมือนี้อ่านหน้าเว็บในเบราว์เซอร์หลังจากสคริปต์ทำงานแล้ว แต่ครอว์เลอร์สำหรับตัวอย่างลิงก์จำนวนมากอ่านเฉพาะ HTML ที่เซิร์ฟเวอร์ส่งมา เพื่อความแน่นอนจึงควรใส่แท็ก Open Graph ไว้ใน HTML ที่เรนเดอร์จากเซิร์ฟเวอร์

แหล่งอ้างอิง

เครื่องมือที่เกี่ยวข้อง

รายงานแก้ไข SEO ($69 ชำระครั้งเดียว) เริ่มจากการสแกนฟรีแบบเต็ม แล้วเพิ่มจำนวนหน้า สิ่งที่ต้องเปลี่ยนสำหรับทุกปัญหาที่พบ ไฟล์ PDF และการทดสอบซ้ำเพื่อยืนยันการแก้ไข

เกี่ยวกับรายงานแก้ไข SEO