พรีวิว Snippet บน Google (SERP Preview)
เครื่องมือดูตัวอย่าง SERP snippet ฟรี ดูว่า meta title, URL และ description จะแสดงในผลค้นหา Google บน desktop และ mobile อย่างไร พร้อมประมาณความกว้าง pixel
Loading tool...
พรีวิว Snippet บน Google (SERP Preview) คืออะไร?
SERP Snippet Preview จำลองว่าหน้าเว็บของคุณจะแสดงในผลการค้นหา Google อย่างไร คุณใส่ page title, URL และ meta description แล้วเครื่องมือจะวาดการ์ดผลลัพธ์สไตล์ Google พร้อมประมาณความกว้างจริงเป็น pixel ของแต่ละส่วน เนื่องจาก Google ตัด snippet ตาม pixel ไม่ใช่จำนวนตัวอักษร วิธีนี้จึงแม่นยำกว่าการคุมแค่ไม่เกิน 60 ตัวอักษร โหมด desktop และ mobile ใช้ความกว้างต่างกันเล็กน้อยตามที่แสดงผลจริงบนแต่ละอุปกรณ์ ทุกอย่างทำงานใน browser ของคุณ
ประโยชน์หลัก
- ป้องกัน title โดนตัดจากตัวอักษรกว้าง แม้จำนวนตัวอักษรดูเหมือนปลอดภัย
- ประมาณความกว้าง pixel ด้วย font metric จริงของ Arial ผ่าน HTML5 canvas API
- สลับ desktop/mobile เห็นจุดตัดที่ต่างกันของแต่ละอุปกรณ์
- เห็นผลทันทีช่วยให้เขียน snippet กระชับและได้อัตราคลิกสูงขึ้น
- ฟรีและเป็นส่วนตัวทั้งหมด - ไม่อัปโหลด ไม่ต้อง login ใช้ offline ได้
กรณีการใช้งาน
- •เช็ก title tag และ meta description ก่อนเผยแพร่หน้าใหม่
- •ตรวจหน้าเดิมๆ ที่ snippet กำลังถูกตัดในผลการค้นหา
- •เทียบว่าหัวข้อแบบยาวและสั้นพอดีกี่บรรทัดบน mobile vs desktop
- •สอนพื้นฐาน SEO ด้วยภาพจำลองผลการค้นหาที่สมจริง
- •รีวิว copy ของลูกค้าหรือผู้มีส่วนได้ส่วนเสียเทียบกับลิมิต pixel จริง
วิธีดูตัวอย่าง SERP Snippet
- ใส่ meta title: พิมพ์หรือวาง page title ของคุณ ตัววัด pixel จะบอกทันทีว่า Google อาจตัดข้อความบน desktop และ mobile หรือไม่
- ใส่ URL ของหน้า: ใส่ URL เต็มเพื่อดูชื่อ domain breadcrumb path และอักษรแรกของ favicon แบบเดียวกับที่ Google แสดง
- เขียน meta description: ใส่ description ประมาณ 150-160 ตัวอักษร แล้วดูการจำลองการตัดขึ้นบรรทัดสองบรรทัดว่าจะโดนตัดตรงไหน
- สลับอุปกรณ์และปรับแก้: สลับดูพรีวิวระหว่าง desktop กับ mobile ปรับข้อความจนไม่มีส่วนสำคัญถูกตัด แล้วคัดลอกข้อความสุดท้ายไปใช้
คุณสมบัติหลัก
- ประมาณความกว้าง pixel ด้วย font metric จริงของ Arial ผ่าน HTML5 canvas
- การ์ดพรีวิวสไตล์ Google ครบทั้งชื่อเว็บ URL แบบ breadcrumb title สีน้ำเงิน และ description สีเทา
- สลับได้ระหว่าง desktop และ mobile พร้อมลิมิต pixel แยกกัน
- จำลองการตัดข้อความพร้อมจุดไข่ปลา ตรงจุดที่ Google จะตัดจริง
- คัดลอก title และ description ได้ในคลิกเดียว พร้อมปุ่มล้างค่าทันที
คำถามที่พบบ่อย
Title tag ใส่ได้กี่ตัวอักษรใน Google?
ไม่มีลิมิตตายตัวเป็นจำนวนตัวอักษร - Google ตัดตามความกว้าง pixel ประมาณ 580-600 pixel บน desktop ซึ่งมักเท่ากับ 50-60 ตัวอักษร แต่ถ้าเป็นตัวอักษรกว้างอาจโดนตัดเร็วกว่านั้น เครื่องมือนี้วัดเป็น pixel โดยตรงจึงแม่นยำกว่าการนับตัวอักษร
Meta description ควรยาวเท่าไร?
แนะนำประมาณ 120-160 ตัวอักษร หรือราวสองบรรทัดรวมกันประมาณ 920-990 pixel บน desktop ถ้ายาวกว่านั้นจะถูกตัดด้วยจุดไข่ปลา ถ้าสั้นไปก็เสียพื้นที่อันมีค่าในการชวนให้คนคลิก
พรีวิวนี้ตรงกับที่ Google แสดงจริง 100% ไหม?
ไม่ใช่ Google มักเขียน title และ description ใหม่เองและเปลี่ยน layout บ่อย เครื่องมือนี้จำลองจากความกว้าง desktop/mobile ปัจจุบันด้วย font metric ของ Arial ซึ่งแม่นยำกว่าการเดามาก แต่ควรถือเป็นการประมาณการ ไม่ใช่การรับประกัน
ข้อมูลของฉันถูกส่งออกจาก browser หรือเปล่า?
ไม่ การวัดทั้งหมดทำงานใน browser ของคุณผ่าน HTML5 canvas API ไม่มีการอัปโหลดข้อมูล ไม่ต้องสมัครบัญชี และเครื่องมือทำงาน offline ได้สมบูรณ์