- Responsive คือเว็บที่ขยับ ย่อ และเรียงเนื้อหาใหม่ให้พอดีขนาดจอ
- Google ใช้เวอร์ชันมือถือของเว็บเป็นหลักในการจัดอันดับ
- เช็กเว็บตัวเองได้ด้วยมือถือเครื่องเดียว ใช้เวลาไม่ถึงนาที
Responsive แปลว่าอะไร
คำว่า responsive แปลตรงตัวว่า "ตอบสนอง" ในงานเว็บหมายถึงหน้าเว็บที่ปรับตัวตามขนาดจอ บนคอมพิวเตอร์อาจแสดงสินค้าเรียงกัน 3 คอลัมน์ บนแท็บเล็ตเหลือ 2 คอลัมน์ ส่วนบนมือถือเรียงเป็นแถวเดียว ตัวหนังสือ ปุ่ม และรูปจะปรับให้อ่านและกดได้สบายในทุกจอ
เว็บแบบนี้เป็นเว็บเดียว ใช้ลิงก์เดียว ไม่ต้องทำเว็บมือถือแยก เวลาแก้ข้อมูลก็แก้ที่เดียว ทุกจออัปเดตพร้อมกัน
เว็บที่ไม่ responsive เป็นยังไง
บนมือถือจะเห็นหน้าเว็บแบบคอมพิวเตอร์ย่อส่วนลงมาทั้งหน้า ตัวหนังสือเล็กจนต้องใช้สองนิ้วซูม พอซูมแล้วต้องเลื่อนซ้ายขวาเพื่ออ่านให้จบบรรทัด ปุ่มโทรเล็กจนกดโดนลิงก์ข้าง ๆ ลูกค้าส่วนใหญ่จะกดย้อนกลับไปหาร้านอื่นแทน
ทำไมต้องสนใจ
- ลูกค้าอยู่บนมือถือ คนที่ค้นร้านอาหาร คาเฟ่ หรือคลินิกใกล้ตัว ส่วนใหญ่ค้นจากมือถือระหว่างเดินทาง
- Google ดูเวอร์ชันมือถือก่อน ถ้าเว็บบนมือถือใช้งานยาก ก็ส่งผลกับการจัดอันดับด้วย
- ดูน่าเชื่อถือ เว็บที่ต้องซูมดูเก่าและไม่ได้รับการดูแล ลูกค้าอาจสงสัยว่าร้านยังเปิดอยู่ไหม
เช็กเว็บตัวเองใน 1 นาที
- เปิดเว็บบนมือถือ แล้วอ่านตัวหนังสือได้โดยไม่ต้องซูม
- ไม่ต้องเลื่อนซ้ายขวา หน้าเว็บพอดีความกว้างจอ
- ปุ่มโทร ปุ่มจอง หรือปุ่มนำทาง กดได้ด้วยนิ้วโป้งโดยไม่กดผิด
- รูปไม่ล้นจอ และไม่บีบจนผิดสัดส่วน
- เมนูยุบเป็นปุ่มที่กดเปิดได้ ไม่ใช่เมนูยาวเต็มจอ
- ตารางราคาหรือเมนูอ่านได้ครบ ไม่ถูกตัดขอบ
- หมุนมือถือเป็นแนวนอนแล้วหน้าเว็บยังเรียงดี
ถ้าไม่ผ่านตั้งแต่ 2 ข้อขึ้นไป แปลว่าเว็บควรได้รับการแก้ไข
จุดที่มักพังบนมือถือ
ตารางกว้างเกินจอ
ป๊อปอัปปิดไม่ได้
รูปและวิดีโอขนาดตายตัว
ถ้าเว็บเดิมไม่ responsive ต้องทำใหม่ไหม
ไม่จำเป็นเสมอไป เว็บที่ทำด้วย WordPress หรือระบบสำเร็จรูป บางครั้งเปลี่ยนธีมหรือแก้ CSS ก็พอ แต่เว็บเก่ามากที่วางตำแหน่งทุกอย่างแบบตายตัว การทำใหม่อาจคุ้มกว่า ทางที่ดีที่สุดคือให้คนทำเว็บประเมินก่อน แล้วค่อยตัดสินใจ
อยากให้เราดูเว็บของคุณ
ส่งลิงก์เว็บมาให้ webpang ตรวจฟรี เราจะบอกว่าตรงไหนควรแก้ก่อน พร้อมราคา ตอบกลับภายใน 24 ชั่วโมง
