ไซต์ 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 ของคุณในลักษณะเดียวกับที่ผู้ใช้รายอื่นเห็น หากไม่ดีกว่า