← กลับไปหน้าบทความ

21 ส.ค. 2569อ่าน 7 นาทีn3ver25

เว็บไซต์ไม่รองรับมือถือ แก้ได้แค่ไหน

ทดสอบเองได้ในห้านาที และคำตอบว่าซ่อมหรือทำใหม่ ขึ้นกับว่าเว็บเดิมสร้างด้วยวิธีไหน

ภาพประกอบเว็บที่ใช้บนมือถือไม่ได้

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

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

ทดสอบเองในห้านาที

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

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

ถ้ามีข้อไหนไม่ผ่าน นั่นคือจุดที่ลูกค้าจริงกำลังหลุดออกไปทุกวัน และมักเป็นจุดที่เจ้าของไม่เคยเจอเพราะเปิดจากคอมตลอด

ซ่อมได้ไหม ขึ้นกับว่าเว็บเดิมสร้างด้วยวิธีไหน

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

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

เจ้าของเว็บเปิดจากคอม ลูกค้าเปิดจากมือถือ ปัญหาส่วนใหญ่ซ่อนอยู่ในช่องว่างนั้น

n3ver25

สิ่งที่ต้องได้หลังแก้เสร็จ

ไม่ใช่แค่ย่อให้พอดีจอ แต่ต้องได้สี่อย่างนี้ ไม่งั้นถือว่ายังไม่จบ

  • ปุ่มและลิงก์ใหญ่พอให้นิ้วกดโดนในครั้งแรก และห่างกันพอที่จะไม่กดผิดอัน
  • ตัวหนังสืออ่านออกโดยไม่ต้องซูม และบรรทัดไม่ยาวจนตาไล่ไม่ทัน
  • ไม่มีอะไรล้นออกนอกจอจนต้องเลื่อนซ้ายขวา ตารางกว้าง ๆ ต้องมีวิธีจัดการเฉพาะ
  • รูปมีขนาดที่จองพื้นที่ไว้ล่วงหน้า เพื่อไม่ให้หน้าขยับตอนโหลดจนกดผิด

แล้วซ่อมหรือทำใหม่

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

ถ้าคิดแล้วเอียงไปทางทำใหม่ ดูรายละเอียดที่ หน้ารับปรับปรุงเว็บไซต์เก่า ซึ่งอธิบายวิธีทำโดยไม่ทำอันดับเดิมหาย

n3ver25

Full-stack web developer

ฟรีแลนซ์รับทำเว็บไซต์ เขียนโค้ดเองทั้งหน้าบ้านและหลังบ้าน ทำเว็บมาต่อเนื่อง 6 ปี