ไซต์ WordPress ของคุณไม่โหลดบนมือถือ? คำถามที่พบบ่อยและการแก้ไข
เผยแพร่แล้ว: 2021-11-08การเปิดเผยข้อมูล: โพสต์นี้มีลิงค์พันธมิตร ฉัน อาจได้รับค่าตอบแทนเมื่อคุณคลิกลิงก์ไปยังสินค้าในโพสต์นี้ สำหรับคำอธิบายเกี่ยวกับนโยบายการโฆษณาของฉัน โปรดไปที่ หน้า นี้ ขอบคุณที่อ่าน!
สารบัญ
- ไซต์ WordPress ของฉันจะไม่โหลดบนมือถือ ช่วย!
- ฉันจะทำให้ไซต์ WordPress ทำงานบนมือถือได้อย่างไร
- สื่อตอบสนองคืออะไร?
- ทำไมไซต์ WordPress ของฉันจึงดูแย่บนมือถือ?
- 16 วิธีทำให้เว็บไซต์ของคุณเหมาะกับมือถือ!
- 1) ตรวจสอบให้แน่ใจว่าธีมของคุณตอบสนอง (เห็นได้ชัดว่าดูด้านบน)
- 2) ใช้ปลั๊กอินที่ทำให้เนื้อหาของคุณตอบสนอง
- 3) ตรวจสอบให้แน่ใจว่าสื่อของคุณตอบสนองด้วย
- 4) ตรวจสอบให้แน่ใจว่าเว็บไซต์ของคุณรวดเร็วและปรับให้เหมาะกับอุปกรณ์มือถือ
- 5) เพิ่มประสิทธิภาพมัลติมีเดียและรูปภาพสำหรับอุปกรณ์มือถือ
- 6) ใช้ Mobile Analytics เพื่อทำความเข้าใจว่าผู้ใช้ของคุณมีพฤติกรรมอย่างไรบนอุปกรณ์เคลื่อนที่
- 7) ตรวจสอบให้แน่ใจว่าปลั๊กอินทั้งหมดที่คุณใช้นั้นเป็นปัจจุบันและตอบสนอง
- 8) ใช้ปลั๊กอินพรีเมียมเป็นทางเลือกหากเวอร์ชันฟรีทำงานได้ไม่ดีพอ
- 9) ใช้แอพเพื่อเข้าถึงเว็บไซต์ของคุณบนอุปกรณ์มือถือ
- 10) ตรวจสอบให้แน่ใจว่าผู้ใช้มือถือสามารถเข้าถึงเว็บไซต์ของคุณได้ทุกที่
- 11) อย่าลืมเกี่ยวกับการโฆษณา!
- 12) อย่าลืมทดสอบความเร็วเว็บไซต์ของคุณ!
- 13) อย่าลืมทดสอบแบบฟอร์มของคุณ!
- 14) ตรวจสอบให้แน่ใจว่าเว็บไซต์ของคุณมีความปลอดภัย โดยเฉพาะอย่างยิ่งหากมุ่งเป้าไปที่ผู้ใช้มือถือ
- 15) ใช้ Google Analytics เพื่อทำความเข้าใจว่าผู้ใช้ของคุณมีพฤติกรรมอย่างไรบนอุปกรณ์มือถือ
- 16) ทดสอบสิ่งต่าง ๆ ก่อนเผยแพร่เสมอ!
- ไซต์ WordPress จะไม่โหลดบนมือถือ คำถามที่พบบ่อย การแก้ไข และข้อสรุป
ไซต์ WordPress ของฉันจะไม่โหลดบนมือถือ ช่วย!
ต่อไปนี้คือวิธีทำให้ไซต์ WordPress ของคุณไม่โหลดบนมือถือ ให้โหลดบนมือถือ! หากคุณยังคงประสบปัญหา ให้ติดตั้ง WordPress ใหม่ ดาวน์โหลดอีกครั้งโดยใช้ SFTP หรือ FTP หรือตัวจัดการไฟล์ในแผงควบคุมของบัญชีโฮสติ้งของคุณ (มีข้อมูลเฉพาะเหล่านี้ผ่านโฮสต์ของคุณ)
จากนั้น ให้ลบและแทนที่ไฟล์ของคุณบนเซิร์ฟเวอร์ ยกเว้นไฟล์ wp-config.php และ /wp-content/ ยกเว้นสำเนาใหม่จากการดาวน์โหลด
การดำเนินการนี้จะลบไฟล์หลักทั้งหมดของคุณ ซึ่งรวมถึงข้อมูล เนื้อหา และการตั้งค่าของคุณอย่างปลอดภัย
อย่าลืมลบไฟล์ต้นฉบับก่อนที่จะเขียนทับ เนื่องจากผู้อัปโหลดบางรายไม่น่าเชื่อถือเมื่อต้องลบไฟล์
โพสต์นี้จะกล่าวถึงปัญหาอื่น ๆ ที่เกี่ยวข้องกับการทำให้ไซต์ WordPress ของคุณไม่เพียงแค่โหลดบนอุปกรณ์มือถือเท่านั้น แต่ยังรวมถึงอุปกรณ์ทั้งหมดเพื่อให้ดูดีและตอบสนองอยู่เสมอ งั้นไปกัน!
ฉันจะทำให้ไซต์ WordPress ทำงานบนมือถือได้อย่างไร
ปัญหาเหล่านี้แก้ไขได้ดีที่สุดก่อนที่จะกลายเป็นปัญหา นั่นหมายถึงการทำตามขั้นตอนต่อไปนี้ขณะตั้งค่าเว็บไซต์ WordPress ของคุณ:
- รู้ว่าเหตุใดการออกแบบเว็บที่ตอบสนองจึงมีความสำคัญต่อมือถือและอุปกรณ์อื่นๆ
- ทำการทดสอบความเหมาะกับอุปกรณ์เคลื่อนที่ของ Google เพื่อดูว่าเว็บไซต์ของคุณเหมาะกับอุปกรณ์เคลื่อนที่เพียงใด
- ตรวจสอบให้แน่ใจว่าธีม WordPress ที่คุณได้รับเป็นธีมที่ตอบสนอง
- มองหาปลั๊กอิน WordPress ที่เหมาะกับอุปกรณ์เคลื่อนที่และตอบสนองได้
- ใช้ตัวเลือกที่เหมาะกับอุปกรณ์เคลื่อนที่
- คำนึงถึงสื่อที่ตอบสนองขณะออกแบบธีมของคุณ
อย่างที่คุณเห็นแล้วว่าดี ไม่ดี หรือไม่เลย เว็บไซต์ของคุณจะดูบนมือถือนั้นขึ้นอยู่กับว่ามันถูกออกแบบสำหรับสื่อที่ตอบสนองอย่างไร
สื่อตอบสนองคืออะไร?
การออกแบบเว็บที่ตอบสนองตามอุปกรณ์ (RWD) คือการพัฒนาเว็บไซต์ประเภทหนึ่งที่ปรับเว็บไซต์และเพจให้เข้ากับหน้าจอ ไม่ว่าจะเป็นเดสก์ท็อป แล็ปท็อป แท็บเล็ต หรือสมาร์ทโฟน
ทำไมไซต์ WordPress ของฉันจึงดูแย่บนมือถือ?
มีสาเหตุหลายประการที่ทำให้เว็บไซต์ของคุณไม่สามารถใช้งานบนมือถือได้ ลองมาดูที่บางส่วนที่พบบ่อยที่สุด
1) ธีม WordPress ไม่ตอบสนองหรือออกแบบมาไม่ดี
ธีม WordPress ที่คุณใช้อาจไม่ตอบสนองหรืออาจดูไม่ดีบนอุปกรณ์มือถือ ตรวจสอบให้แน่ใจว่าธีมที่คุณใช้นั้นตอบสนอง
2) ปลั๊กอิน WordPress ทำงานได้ไม่ดีบนมือถือ
ปลั๊กอินก็เหมือนกับธีมของ WordPress บางตัวอาจดูแย่หรือใช้งานไม่ได้บนอุปกรณ์มือถือ ในขณะที่บางตัวอาจทำให้เว็บไซต์ของคุณเสียหายโดยสิ้นเชิง ตรวจสอบให้แน่ใจว่าปลั๊กอินที่คุณใช้นั้นตอบสนองและเป็นปัจจุบัน
3) รูปภาพของเว็บไซต์มีขนาดใหญ่เกินไปสำหรับผู้ใช้มือถือ
ตรวจสอบให้แน่ใจว่ารูปภาพบนเว็บไซต์ของคุณไม่ใหญ่เกินไป เพราะจะทำให้ภาพดูพร่ามัวหรือเสียหาย คุณสามารถใช้ปลั๊กอินเช่น WP Smush.it เพื่อบีบอัดรูปภาพขนาดใหญ่โดยไม่สูญเสียคุณภาพ
4) วิดีโอ/ภาพยนตร์ของเว็บไซต์ไม่ตอบสนองและปรับให้เข้ากับหน้าจอมือถือได้ไม่ดี
เช่นเดียวกับองค์ประกอบ Flash แต่อุปกรณ์ iOS ไม่รองรับ ซึ่งหมายความว่าหากคุณมีองค์ประกอบดังกล่าวในเว็บไซต์ของคุณ อุปกรณ์ประเภทนี้จะไม่สามารถทำงานได้ดีกับอุปกรณ์ประเภทนี้
5) ไฟล์ HTML5, CSS3 และ Javascript ไม่เพียงพอ
เทคโนโลยีเหล่านี้เป็นสิ่งที่ทำให้เว็บไซต์ของคุณตอบสนองต่อผู้ใช้มือถือ หากคุณใช้ไฟล์ HTML4, CSS1 และ Javascript แบบเก่าจำนวนมาก เว็บไซต์ของคุณน่าจะทำงานได้ไม่ดีบนมือถือ
6) รหัสของเว็บไซต์ไม่สะอาดเพียงพอสำหรับอุปกรณ์มือถือ
ตรวจสอบให้แน่ใจว่ารหัสที่คุณใช้ในธีม WordPress หรือปลั๊กอินนั้นได้รับการปรับให้เหมาะกับผู้ใช้มือถือ มิฉะนั้นจะดูไม่เป็นระเบียบและยุ่งเหยิง ใช้ Caching Plugin ที่ดี เช่น WP Super Cache หรือ WP Fastest Cache เพื่อเพิ่มความเร็วให้กับเว็บไซต์ของคุณ
16 วิธีทำให้เว็บไซต์ของคุณเหมาะกับมือถือ!
หลังจากที่คุณทราบประสิทธิภาพเว็บไซต์ของคุณบนมือถือแล้ว ก็ถึงเวลาทำบางอย่างเกี่ยวกับมัน มีหลายสิ่งที่คุณทำได้กับ WordPress เพื่อให้ใช้งานได้ดีสำหรับผู้ใช้มือถือ
1) ตรวจสอบให้แน่ใจว่าธีมของคุณตอบสนอง (เห็นได้ชัดว่าดูด้านบน)
ธีมที่ปรับเปลี่ยนตามอุปกรณ์จะปรับเลย์เอาต์ การออกแบบ และขนาดฟอนต์โดยอัตโนมัติตามอุปกรณ์ที่แสดง

2) ใช้ปลั๊กอินที่ทำให้เนื้อหาของคุณตอบสนอง
มีปลั๊กอิน WordPress ดีๆ มากมายที่จะปรับเนื้อหาเว็บไซต์ของคุณให้เข้ากับผู้ใช้มือถือ ในขณะที่ละเลยเนื้อหาเดสก์ท็อปไปโดยสิ้นเชิง ด้วยวิธีนี้ คุณจะมั่นใจได้ว่าผู้ที่เข้าชมไซต์ของคุณบนเดสก์ท็อปจะเห็นสิ่งที่คุณต้องการให้พวกเขาเห็น โดยไม่พลาดข้อมูลสำคัญสำหรับผู้ใช้อุปกรณ์เคลื่อนที่
3) ตรวจสอบให้แน่ใจว่าสื่อของคุณตอบสนองด้วย
ตอนนี้ธีม WordPress ที่ตอบสนองได้ดีทำให้ทุกแง่มุมของเว็บไซต์ตอบสนองได้ดี รวมถึงรูปภาพ วิดีโอ และแม้แต่ปลั๊กอินหากคุณรวมไว้ในไซต์ของคุณ
ดูว่าพวกเขาทำงานได้ดีเพียงใดในอุปกรณ์ต่างๆ เพื่อให้แน่ใจว่าอุปกรณ์เหล่านั้นทำงานได้ดีที่สุด
4) ตรวจสอบให้แน่ใจว่าเว็บไซต์ของคุณรวดเร็วและปรับให้เหมาะกับอุปกรณ์มือถือ
คุณสามารถทำได้โดยใช้ปลั๊กอินแคชที่ดีดังที่ได้กล่าวไว้ก่อนหน้านี้เพื่อเพิ่มความเร็ว
นอกจากนี้ คุณอาจต้องการพิจารณาสร้างเว็บไซต์ในเวอร์ชันสำหรับมือถือเพื่อประสบการณ์การใช้งานที่ดียิ่งขึ้นแก่ผู้ใช้บนอุปกรณ์เคลื่อนที่
มีปลั๊กอิน WordPress มากมายที่ให้คุณทำเช่นนี้ได้ เช่น WP Mobile Edition
5) เพิ่มประสิทธิภาพมัลติมีเดียและรูปภาพสำหรับอุปกรณ์มือถือ
หากคุณต้องการเพิ่มความเร็วให้มากยิ่งขึ้นและทำให้ไซต์ของคุณได้รับการปรับให้เหมาะสมไม่ว่าจะใช้อุปกรณ์ใดก็ตาม คุณสามารถใช้ปลั๊กอินแคช เช่น WP Fastest Cache เพื่อบีบอัดองค์ประกอบมัลติมีเดียและรูปภาพทั้งหมดก่อนที่จะแสดงบนเว็บไซต์ของคุณ
ซึ่งจะทำให้ทำงานได้เร็วยิ่งขึ้นบนอุปกรณ์เคลื่อนที่ในขณะที่ยังคงแสดงผลอย่างถูกต้องบนเดสก์ท็อป หากตั้งค่าปลั๊กอินถูกต้อง (ดูบทความนี้สำหรับข้อมูลเพิ่มเติมเกี่ยวกับ WP Fastest Cache)
6) ใช้ Mobile Analytics เพื่อทำความเข้าใจว่าผู้ใช้ของคุณมีพฤติกรรมอย่างไรบนอุปกรณ์เคลื่อนที่
วิธีนี้จะช่วยให้คุณเข้าใจสิ่งที่พวกเขาต้องการบนอุปกรณ์เคลื่อนที่ได้ดีขึ้นและเพิ่มประสิทธิภาพเว็บไซต์ของคุณให้เหมาะสม
7) ตรวจสอบให้แน่ใจว่าปลั๊กอินทั้งหมดที่คุณใช้นั้นเป็นปัจจุบันและตอบสนอง
หากปลั๊กอินใดๆ ของคุณเข้ากันไม่ได้กับ WordPress เวอร์ชันใหม่ ปลั๊กอินเหล่านี้จะทำงานได้ไม่ดีบนอุปกรณ์เคลื่อนที่
สิ่งนี้สำคัญอย่างยิ่งหากส่งผลต่อความเร็วของเว็บไซต์ของคุณหรือทำให้หนักขึ้น (เช่น ปลั๊กอินอีคอมเมิร์ซ) ตรวจสอบให้แน่ใจว่าเข้ากันได้กับ WordPress เวอร์ชันที่คุณใช้
8) ใช้ปลั๊กอินพรีเมียมเป็นทางเลือกหากเวอร์ชันฟรีทำงานได้ไม่ดีพอ
สิ่งสำคัญคือต้องทำให้ไซต์ของคุณได้รับการปรับให้เหมาะสมที่สุดสำหรับผู้ใช้มือถือ แต่ถ้าคุณไม่สามารถทำทั้งหมดข้างต้นด้วยตัวเองหรือด้วยความช่วยเหลือของปลั๊กอิน ให้พิจารณาซื้อการออกแบบเว็บที่ตอบสนองตามอุปกรณ์จากบริษัทมืออาชีพที่สามารถเพิ่มประสิทธิภาพให้กับคุณได้ .
9) ใช้แอพเพื่อเข้าถึงเว็บไซต์ของคุณบนอุปกรณ์มือถือ
หากคุณกำลังวางแผนที่จะใช้ WordPress สำหรับการอัปโหลดเนื้อหาเท่านั้น เช่น บล็อกโพสต์ วิดีโอ หรือรูปภาพ คุณควรพิจารณาสร้างแอปสำหรับวัตถุประสงค์เฉพาะ หากเว็บไซต์ทำงานได้ไม่ดีพอบนอุปกรณ์เคลื่อนที่ คุณสามารถปรับให้เหมาะสมสำหรับผู้ใช้มือถือได้
10) ตรวจสอบให้แน่ใจว่าผู้ใช้มือถือสามารถเข้าถึงเว็บไซต์ของคุณได้ทุกที่
บางเว็บไซต์ถูกบล็อกในบางสถานที่เนื่องจากเหตุผลด้านความปลอดภัย ดังนั้นตรวจสอบให้แน่ใจว่าคุณได้ทดสอบเว็บไซต์บนเครือข่ายต่างๆ และตำแหน่งทางภูมิศาสตร์ที่แตกต่างกัน รวมถึงพื้นที่ชนบทที่การเชื่อมต่ออินเทอร์เน็ตอาจไม่ดีเท่าในเมือง
เพื่อให้แน่ใจว่าผู้ใช้มือถือจะสามารถดูไซต์ของคุณได้ไม่ว่าจะอยู่ที่ใด
11) อย่าลืมเกี่ยวกับการโฆษณา!
นี่เป็นสิ่งสำคัญอย่างยิ่งหากคุณมีโฆษณาบนเว็บไซต์ของคุณ
ตรวจสอบให้แน่ใจว่าคุณได้เพิ่มประสิทธิภาพเว็บไซต์ของคุณสำหรับโฆษณาและเปลี่ยนแปลงตามอุปกรณ์ที่ใช้ในการดู เพราะโดยส่วนใหญ่แล้วจะไม่เหมือนกัน
12) อย่าลืมทดสอบความเร็วเว็บไซต์ของคุณ!
สิ่งนี้สำคัญมากเพราะสามารถสร้างความแตกต่างระหว่างไซต์ของคุณที่สามารถเข้าถึงได้บนอุปกรณ์มือถือหรือไม่
หากคุณกำลังใช้ปลั๊กอินเพื่อจุดประสงค์นี้ ตรวจสอบให้แน่ใจว่าคุณได้ตั้งค่าคุณลักษณะการแคชที่แตกต่างกันตามอุปกรณ์แต่ละเครื่องที่ใช้ในการดูเว็บไซต์ของคุณ วิธีนี้จะช่วยให้แน่ใจว่ามันใช้งานได้ดีกับทุกอย่าง
13) อย่าลืมทดสอบแบบฟอร์มของคุณ!
หากคุณกำลังใช้แบบฟอร์มการติดต่อใดๆ หรือองค์ประกอบเชิงโต้ตอบประเภทอื่นๆ บนเว็บไซต์ของคุณ ตรวจสอบให้แน่ใจว่าประสบการณ์ของผู้ใช้นั้นดีเพียงพอบนอุปกรณ์มือถือ
คุณสามารถทำได้โดยเพียงแค่ตรวจสอบว่ามันทำงานอย่างไรกับเบราว์เซอร์และตำแหน่งทางภูมิศาสตร์ต่างๆ
14) ตรวจสอบให้แน่ใจว่าเว็บไซต์ของคุณมีความปลอดภัย โดยเฉพาะอย่างยิ่งหากมุ่งเป้าไปที่ผู้ใช้มือถือ
บางคนชอบที่จะดูเว็บไซต์ที่พวกเขาพบว่าน่าสนใจหรือมีประโยชน์บนสมาร์ทโฟนในขณะที่พวกเขากำลังท่องอินเทอร์เน็ตผ่านเครือข่ายที่ไม่ปลอดภัย (เช่น Wi-Fi สาธารณะ)
ด้วยเหตุนี้ ตรวจสอบให้แน่ใจว่าเว็บไซต์ของคุณปลอดภัย และคุณไม่สามารถถูกแฮ็กโดยการตั้งค่าปลั๊กอินความปลอดภัย
15) ใช้ Google Analytics เพื่อทำความเข้าใจว่าผู้ใช้ของคุณมีพฤติกรรมอย่างไรบนอุปกรณ์มือถือ
เพียงแค่ตรวจสอบพฤติกรรมของผู้เยี่ยมชมเว็บไซต์ของคุณ คุณจะสามารถปรับปรุงประสิทธิภาพบนอุปกรณ์เคลื่อนที่ได้
ด้วยวิธีนี้ คุณจะรู้ว่าพวกเขาทำอะไรเป็นส่วนใหญ่และเพิ่มประสิทธิภาพให้เหมาะสม
คุณไม่จำเป็นต้องตรวจสอบทุกครั้งที่ทำการอัปเดต เนื่องจากอาจทำให้การทำงานช้าลงได้
16) ทดสอบสิ่งต่าง ๆ ก่อนเผยแพร่เสมอ!
แม้หลังจาก 15 คะแนนข้างต้น คุณควรทดสอบเว็บไซต์ของคุณก่อนเผยแพร่เสมอ
เพียงเพราะบางสิ่งทำงานได้ดีบนคอมพิวเตอร์เดสก์ท็อปหรือแล็ปท็อป ไม่ได้หมายความว่าอุปกรณ์นั้นจะทำงานไม่ถูกต้องกับอุปกรณ์พกพาและในทางกลับกัน
ตรวจสอบให้แน่ใจว่าทุกอย่างทำงานได้ดีในทุกที่ และคุณสามารถเข้าถึงผู้ใช้ได้มากที่สุดเท่าที่เป็นไปได้
ไซต์ WordPress จะไม่โหลดบนมือถือ คำถามที่พบบ่อย การแก้ไข และข้อสรุป
สรุป ทั้งหมดข้างต้นจะช่วยให้คุณมั่นใจได้ว่าเว็บไซต์ของคุณได้รับการปรับให้เหมาะกับอุปกรณ์เคลื่อนที่
ด้วยวิธีนี้ คุณจะมั่นใจได้ว่าผู้ใช้อุปกรณ์เคลื่อนที่จะเห็นเว็บไซต์ WordPress ของคุณในลักษณะเดียวกับที่ผู้ใช้รายอื่นเห็น หากไม่ดีกว่า