SEO

SERP Preview

ดูตัวอย่างว่า title และ description ของหน้าจะแสดงและถูกตัดอย่างไรในผลการค้นหา ทั้งบนเดสก์ท็อปและมือถือ

เหมาะกับ: คนเขียนหน้าเว็บที่อยากรู้ว่าข้อความยาวเกินจนโดนตัดหรือยัง

ฟรี
ไม่ต้องสมัคร
ใช้ได้ทันที

Title ของหน้า Meta description URL ของหน้า

ตัวอย่างหน้าตาโดยประมาณ

กรอกข้อมูลด้านบนเพื่อดูผลลัพธ์

ข้อความและ URL ที่กรอกถูกคำนวณในเบราว์เซอร์ของคุณทั้งหมด เครื่องมือนี้ไม่เปิด URL ที่คุณกรอก ไม่ส่งข้อมูลออกไปที่ใด และไม่บันทึกอะไรไว้

SERP Preview คืออะไร

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

วิธีใช้

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

สิ่งที่เครื่องมือนี้ทำได้

จำลองผลการค้นหาทั้งแบบเดสก์ท็อปและมือถือพร้อมกัน
คำนวณจากความกว้างพิกเซล ไม่ใช่จำนวนตัวอักษร ซึ่งตรงกับวิธีที่ Google ตัดข้อความจริง
รองรับภาษาไทยถูกต้อง — สระบนล่างและวรรณยุกต์ไม่ถูกนับเป็นความกว้างเพิ่ม
ตัดข้อความโดยไม่ทำให้สระหรือวรรณยุกต์หลุดจากตัวอักษรฐาน
ไม่มีคะแนนหรือป้ายผ่าน/ไม่ผ่าน เพราะผลจริงขึ้นกับคำค้นหาและอุปกรณ์

ใช้ตอนไหนได้บ้าง

เขียนบทความเสร็จแล้วอยากเช็กหัวข้อก่อนเผยแพร่

วาง title ลงไปดูว่าคำสำคัญที่คุณอยากให้คนเห็นอยู่ในส่วนที่ไม่โดนตัดหรือเปล่า ถ้าชื่อแบรนด์ท้ายหัวข้อทำให้เนื้อหาโดนตัด ให้ตัดชื่อแบรนด์ออกจากหน้าที่ไม่ใช่หน้าแรก

หน้าสินค้าหลายหน้าที่ใช้แม่แบบเดียวกัน

ลองวางชื่อสินค้าที่ยาวที่สุดในร้านดู ถ้าแม่แบบทำให้หน้านั้นโดนตัดจนอ่านไม่รู้เรื่อง แปลว่าต้องแก้แม่แบบ ไม่ใช่แก้ทีละหน้า

เทียบหัวข้อสองแบบก่อนตัดสินใจ

วางทีละแบบแล้วดูว่าแบบไหนสื่อความได้ครบภายในพื้นที่ที่มี โดยเฉพาะบนมือถือที่พื้นที่น้อยกว่ามาก

ตัวอย่าง

หัวข้อที่ยาวเกินบนมือถือ

กรอก: รับทำเว็บไซต์ธุรกิจขนาดเล็กราคาประหยัด พร้อมดูแลหลังส่งมอบ | ชื่อบริษัทของคุณ
ได้ผลลัพธ์: บนมือถือถูกตัดก่อนถึงชื่อบริษัท ส่วนบนเดสก์ท็อปยังพอแสดงได้เกือบครบ

หัวข้อที่พอดีทั้งสองจอ

กรอก: รับทำเว็บไซต์ธุรกิจเล็ก เริ่มต้น 15,000 บาท
ได้ผลลัพธ์: ไม่ถูกตัดทั้งบนเดสก์ท็อปและมือถือ คำสำคัญและราคาอยู่ครบ

ความเป็นส่วนตัว

ข้อความและ URL ที่คุณวางถูกคำนวณด้วย JavaScript ในเบราว์เซอร์ของคุณเอง เครื่องมือไม่เปิดหรือดึงข้อมูลจาก URL ที่คุณกรอก ไม่ส่งอะไรขึ้นเซิร์ฟเวอร์ และไม่บันทึกข้อมูลไว้

ข้อผิดพลาดที่เจอบ่อย

นับจำนวนตัวอักษรแล้วคิดว่าปลอดภัย ทั้งที่ Google ตัดตามความกว้างจริง ข้อความ 60 ตัวอักษรที่เต็มไปด้วยตัวกว้างอาจถูกตัดก่อนข้อความ 70 ตัวอักษรที่เป็นตัวแคบ
เอาชื่อแบรนด์ไว้ท้ายหัวข้อทุกหน้า จนเนื้อหาที่สำคัญกว่าถูกตัดทิ้งบนมือถือ
เขียน description ยาวมากเพราะคิดว่ายิ่งยาวยิ่งดี ทั้งที่ส่วนที่เกินไม่มีใครได้เห็น
ยึดตัวอย่างจากเครื่องมือแบบนี้เป็นความจริงแน่นอน ทั้งที่ Google เขียน title และ snippet ใหม่เองบ่อยมากตามคำที่คนค้นหา

คำถามที่พบบ่อย

ทำไมเครื่องมือถึงไม่บอกเป็นคะแนนหรือผ่าน/ไม่ผ่าน

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

ทำไมข้อความภาษาไทยที่ยาวเท่ากันถึงกินพื้นที่ไม่เท่ากัน

เพราะสระบน สระล่าง และวรรณยุกต์เขียนซ้อนอยู่บนตัวอักษรฐาน ไม่ได้กินความกว้างเพิ่ม คำว่า สวัสดี มี 6 ตัวอักษรตามการนับของคอมพิวเตอร์ แต่กินพื้นที่เท่ากับ 4 ตัวเท่านั้น เครื่องมือนี้คิดตามนี้ ต่างจากเครื่องมือที่นับตัวอักษรเฉย ๆ ซึ่งจะประเมินความยาวของข้อความไทยผิดไปมาก

ตัวเลขความกว้างที่ใช้เป็นเกณฑ์มาจากไหน

เป็นค่าที่ได้จากการสังเกตผลการค้นหาจริง ไม่ใช่ตัวเลขที่ Google ประกาศอย่างเป็นทางการ เพราะ Google ไม่เคยประกาศไว้ ค่าเหล่านี้จึงใช้เป็นแนวทางได้ แต่ไม่ใช่เส้นตายที่แน่นอน

ต้องเขียน title ให้พอดีเป๊ะไหมถึงจะติดอันดับดี

ความยาวของ title ไม่ใช่ปัจจัยจัดอันดับโดยตรง ประโยชน์ของการไม่ให้โดนตัดคือคนที่เห็นในผลการค้นหาอ่านได้ครบและตัดสินใจคลิกง่ายขึ้น ซึ่งเป็นเรื่องของอัตราการคลิก ไม่ใช่การรับประกันอันดับ

เครื่องมืออื่นที่ใช้ต่อกันได้

Meta Tag Generator — สร้างโค้ด meta tag ครบชุดสำหรับวางในส่วน head ทั้ง title, description, canonical, robots, Open Graph และ Twitter card
SEO Title Generator — สร้าง SEO Title 10 แบบ พร้อม H1 และ Meta title จาก keyword และโทนที่ต้องการ
Meta Description Generator — สร้าง meta description 5 แบบ ความยาวเหมาะกับ SEO พร้อม CTA แบบนุ่มนวล