ตัวอย่าง SERP Snippet
ดูว่า title tag และ meta description ของคุณจะมีหน้าตาอย่างไรในผลการค้นหาของ Google — ดูตัวอย่าง snippet สดทั้งบนเดสก์ท็อปและมือถือ พร้อมตัวนับตัวอักษรและพิกเซล
🔒 ประมวลผลทั้งหมดในเบราว์เซอร์ของคุณ — ไม่มีการอัปโหลดสิ่งใดที่คุณป้อนที่นี่
ผลลัพธ์
title tag ของคุณจะรอดจากการตัดของ Google หรือจะจบลงด้วย … ที่น่าหงุดหงิด? คำตอบที่ตรงไปตรงมาวัดกันที่พิกเซล ไม่ใช่ตัวอักษร: Google ตัดชื่อบนเดสก์ท็อปที่ประมาณ 600 px และคำอธิบายที่ประมาณ 960 px ดังนั้นชื่อสองชื่อที่มีความยาว 58 ตัวอักษรอาจพบกับชะตากรรมที่ต่างกันมาก ขึ้นอยู่กับความกว้างของตัวอักษร เครื่องมือนี้เรนเดอร์ snippet ของคุณในแบบที่ผลการค้นหาปรากฏ — ที่วาง favicon, URL แบบ breadcrumb, ชื่อสีน้ำเงิน, คำอธิบายสีเทา — และวาดใหม่ทุกครั้งที่คุณกดแป้นพิมพ์
ทั้งสองช่องมีตัวนับสองตัวพร้อมกัน: ตัวอักษรเทียบกับแนวทางที่คุ้นเคย 60 ตัวสำหรับชื่อและ 160 ตัวสำหรับคำอธิบาย และความกว้างพิกเซลที่เรนเดอร์แล้วซึ่งวัดด้วย canvas API โดยใช้ metrics ของ Arial ที่ขนาดฟอนต์คล้ายกับของ Google ตัวเลขพิกเซลเป็นค่าประมาณที่ใกล้เคียงมากกว่าการรับประกัน — ฟอนต์และขีดจำกัดที่แน่นอนของ Google เปลี่ยนแปลงตลอดเวลา — ซึ่งเป็นเหตุผลที่ตัวอย่างยังวาดจุดไข่ปลา … ตรงจุดที่ข้อความของคุณจะถูกตัดจริง ๆ
ปุ่มสลับเดสก์ท็อป/มือถือเปลี่ยนการ์ดเป็นคอลัมน์ความกว้างเท่าโทรศัพท์พร้อมขีดจำกัดที่เข้มงวดกว่าของมันเอง เพราะชื่อที่พอดีบนหน้าจอเดสก์ท็อปมักจะล้นบนมือถือซึ่งเป็นที่ที่การค้นหาส่วนใหญ่เกิดขึ้น ทุกอย่างพิมพ์ด้วยมือและประมวลผลภายในเบราว์เซอร์ของคุณ: เครื่องมือนี้ตั้งใจไม่ดึงข้อมูลใด ๆ จาก URL ของคุณ ดังนั้นชื่อที่ยังไม่ได้เผยแพร่ คำอธิบายฉบับร่าง และ URL บน staging จึงคงความเป็นส่วนตัว
สองสิ่งที่ไม่มีเครื่องมือใดที่ซื่อสัตย์รับปากได้: Google อาจเขียนชื่อหรือคำอธิบายของคุณใหม่สำหรับคำค้นหาเฉพาะ และอันดับไม่ได้เปลี่ยนเพราะ snippet พอดี สิ่งที่คุณควบคุมได้คือการทำให้ข้อความที่คุณตั้งใจแสดงออกมาได้ — และหากหน้าของคุณต้องการ structured data ด้วยเช่นกัน เครื่องมือสร้าง schema markup ของเราจะสร้างบล็อก JSON-LD ที่เข้ากันให้