สองปีก่อน Google เพิ่มป้ายกำกับในผลลัพธ์ค้นหาเพื่อระบุเว็บไซต์ที่เหมาะกับมือถือ ทำให้เว็บไซต์ที่เบาและ mobile-friendly ครองชี้นำผลลัพธ์ค้นหามานาน เร็วๆ นี้ Google ยังลงมือลงโทษโฆษณาที่รบกวนบนมือถือ และตอนนี้ก้าวต่อไปด้วย Mobile-first indexing Mobile-first indexing จะทำให้เว็บ mobile-friendly ครองชี้นำผลลัพธ์ค้นหามากกว่าที่ผ่านมา จึงทำให้ความสำคัญของการสร้างเว็บ mobile-friendly สูงกว่าที่เคย
ในบทความนี้เราจะพูดถึงวิธีให้แน่ใจว่าคุณรันเว็บ mobile-friendly และวิธีเปลี่ยนเว็บ WordPress ให้ mobile-friendly ด้วย
อะไรทำให้เว็บ Mobile Friendly?
เมษายน 2015 Google พยายามส่งเสริมเว็บ mobile-friendly ในเครื่องมือค้นหา ทำให้การออกแบบเว็บเปลี่ยนแปลงมาก การไม่มีเว็บ mobile-friendly ขวางทางเป้าหมายหลักของ Google: ให้ผู้ใช้ข้อมูล 빠르고 ถูกต้อง เข้าถึงง่าย จากการค้นหาของพวกเขา
Google มองจะขจัดปัญหาอะไรในปี 2015?
- ข้อความอ่านไม่ออก ขาดความสามารถในการปรับขนาด (scalability) ผู้ใช้ต้องสไลด์ซ้าย-ขวาเพื่ออ่านต่อเนื่อง แทนที่จะเลื่อนลงอย่างสบาย
- พึ่งพาปลั๊กอิน Flash และ Java เสียชีวิตหลายเหตุผล ความปลอดภัยแย่เป็นหนึ่ง นี่เป็นอีกอย่าง: ก่อน HTML5 เว็บพึ่งพาปลั๊กอินเหล่านี้เพื่อแสดงเนื้อหาแบบไดนามิก แต่ HTML5 ทำให้ปลั๊กอินเหล่านี้เกินความจำเป็น และมือถือไม่รองรับ Google จึงตักถอนในผลลัพธ์ค้นหา
- ระยะห่างลิงก์แย่ Google มีปัญหากับลิงก์ที่วางติดกันเกินไป เพราะหน้าจอมือถือเล็ก กดลิงก์ที่ติดกันอาจกดผิด Google ชอบเว็บที่เว้นระยะลิงก์
- โหลดช้า สุดท้าย เวลาโหลด เว็บที่ปรับแต็บดีควรโหลดเร็วแม้บน 3G
นี่คือจุดหลักที่ต้องหลีกเลี่ยงเพื่อให้มีเว็บ mobile-friendly การใช้ธีม responsive จะหลีกเลี่ยงปัญหาอ่านไม่ออก และตราบใดที่ไม่สแปมปลั๊กอินและลิงก์ติดกัน คุณก็ควรไม่มีปัญหา
ใช้ WordPress สร้างเว็บ Mobile-Friendly
วิธีง่ายสร้างเว็บ mobile-friendly คือใช้ WordPress แพลตฟอร์มยอดนิยมสำหรับบล็อกและเว็บข่าวทั่วโลก ด้วยธีมกำหนดเองหลากหลาย (รวมถึงความสามารถปรับแต่งธีมเหล่านั้น/สร้างใหม่จากศูนย์) WordPress ยังคงเป็นแพลตฟอร์มที่เหมาะสำหรับผู้สร้างเว็บ ธีม WordPress หลายตัวรองรับเลย์เอาต์มือถือและเดสก์ท็อป ในส่วนต่อไปเราจะแนะนำธีมที่แนะนำ
ตอนนี้บอกวิธีเช็คธีมปัจจุบันว่า mobile-friendly ไหม และปรับปรุงอะไรได้บ้างสำหรับการเบราว์เซอร์มือถือ
ธีมของคุณ Mobile Friendly หรือไม่?
เพื่อเช็คธีม WordPress ว่า mobile-friendly ใส่ URL หน้าแรกเข้า Google Mobile-Friendly Test Tool
หากได้ผลลัพธ์แบบนี้ คุณโอเค! หากไม่ใช่ ก็ถึงเวลาดูเว็บ WordPress และธีมที่ใช้อย่างใกล้ชิด
ขั้นตอน 1: ตรวจสอบว่า WordPress (และธีม) อัปเดตเต็มที่แล้ว
อาจดูชัดเจน แต่เว็บมาสเตอร์หลายคนลืมอัปเดต WordPress และธีม WordPress บ่อยครั้ง อัปเดต WordPress มักปรากฏเป็นแบนเนอร์แจ้งเตือนในแอดมิน WordPress บ่อยครั้งคลิกลิงก์ไปอัปเดตได้ แต่ก็ไปที่ "Dashboard" แล้ว "Updates" หากไม่เห็นแบนเนอร์
อัปเดตธีมปัจจุบัน ไปที่ "Dashboard -> Appearance -> Themes" แล้วเลือก "Update Now" แต่ก่อนอัปเดต ควรแบ็คอัปธีมปัจจุบันไว้ นอกจากนี้ การปรับแต่งที่ทำไว้จะหายไปหลังอัปเดต เว้นแต่ตั้งค่า child theme บน WordPress (Child themes เป็น sub-theme ที่สืบทอดทุกอย่างจากธีมหลัก และอนุญาตให้ปรับแต่งได้อย่างปลอดภัยโดยไม่สูญเสียทุกอย่างทุกครั้งที่อัปเดต)
รันเครื่องมืออีกครั้ง ยังไม่ได้? ดำเนินต่อไป
ขั้นตอน 2: วิเคราะห์ (Diagnose)
หากเว็บไม่ mobile-friendly เครื่องมือของ Google จะให้คำแนะนำว่าผิดที่ไหน ปกติปัญหาจะเป็นข้อความเล็ก และขาด mobile viewport ข้อความเล็กทำให้ผู้ชมต้องซูมเอง ในขณะที่หน้าขาด mobile viewport จะแสดงเหมือนบนเดสก์ท็อปเสมอ หากเว็บ WordPress ไม่ mobile-friendly ปกติเป็นเพราะเรื่องนี้
ปัญหาอื่นที่เครื่องมืออาจตรวจพบ: โหลดนานเกินไป หรือปลั๊กอินบนหน้าเยอะเกินไป ตรวจสอบว่าเว็บไม่พึ่งพาปลั๊กอินอย่าง Java หรือ Flash หากต้องการฟังก์ชันนั้น ใช้ HTML5 แทน นอกจากนี้ โฆษณาที่ป๊อปอัปหรือครอบพื้นที่หน้าจอเยอะก็เป็นปัญหา: ใช้โฆษณาที่ไม่รบกวน และไม่อนุญาต pop-ups ในธีม WordPress
ขั้นตอน 3: เปลี่ยนธีมใหม่
น่าเสียดาย หากธีมไม่ mobile-friendly แม้อัปเดตและลบปลั๊กอินเกินแล้ว ก็แก้ไขยาก หากคุณไม่มีความรู้ออกแบบเว็บเพื่อเปลี่ยนธีมเดิมเป็น mobile-friendly เอง ตัวเลือกเดียวคือหาธีมใหม่
ธีม WordPress Mobile-Friendly ที่ยอดเยี่ยม
เราจะแนะนำธีม WordPress หลายตัว ทุกตัวทำสำหรับเว็บ mobile-friendly และคุณปรับสีและเลย์เอาต์ได้เพื่อให้เข้ากับแบรนด์ของคุณ จะเน้นตัวฟรี แต่มีตัวพรีเมียมบ้าง
- Lola ธีมฟรียอดเยี่ยมสำหรับบล็อก ดูคุ้นเคยทันทีสำหรับผู้ใช้ Tumblr มานาน
- Newsmag ธีมฟรีสำหรับนิตยสาร เว็บข่าว และการตั้งค่ารูปธรรมมากกว่า
- Accelerate ธีม WordPress ฟรียอดนิยม ยืดหยุ่นมาก แต่เหมาะสำหรับเน้นศิลปะและรูปภาพ มากกว่าเนื้อหาที่ขับเคลื่อนด้วยข้อความ
- Divi ธีมพรีเมียม WordPress เสนอ visual editor อันทรงพลัง ไม่ต้องดำน้ำเข้าโค้ดเพื่อเปลี่ยนสีและเลย์เอาต์ ความง่ายทำให้ยอดนิยม และยืดหยุ่นสำหรับหลายประเภทเนื้อหา
- Uncode ธีมพรีเมียม WordPress เสนอ visual editor และเน้น UI สะอาดทันสมัย ยังดีสำหรับการปรับขนาดรูปภาพข้ามขนาดหน้าจอหลายขนาด
- Avada ธีมพรีเมียม WordPress ยอดนิยมค่อนข้าง ใช้งานสำหรับทุกประเภทเว็บ ได้รับอัปเดตบ่อยและสม่ำเสมอ
สรุป
หวังว่าบทความนี้ช่วยคุณสร้างเว็บ mobile-friendly ใน WordPress หรือตรวจสอบว่าเว็บเดิม mobile-friendly แล้ว มีธีมอื่นแนะนำหรือคำแนะนำให้คนในสถานการณ์เดียวกันไหม? คอมเมนต์บอกมาได้เลย!
