Computer >> คอมพิวเตอร์ >  >> ระบบเครือข่าย >> อินเทอร์เน็ต

วิธีสร้างเว็บไซต์ที่เหมาะกับมือถือที่ทำให้ Google มีความสุข

วิธีสร้างเว็บไซต์ที่เหมาะกับมือถือที่ทำให้ Google มีความสุข

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

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

อะไรทำให้ไซต์เหมาะกับอุปกรณ์เคลื่อนที่

วิธีสร้างเว็บไซต์ที่เหมาะกับมือถือที่ทำให้ Google มีความสุข

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

แล้วปัญหาที่ Google มองหาในปี 2015 คืออะไร

  • ข้อความที่อ่านไม่ได้ . การขาดความสามารถในการปรับขนาดหมายความว่าผู้ใช้จะต้องเลื่อนไปมาเพื่ออ่านย่อหน้าต่อ แทนที่จะต้องเลื่อนลงไปเรื่อยๆ ในลักษณะที่สะดวกสบาย
  • ขึ้นอยู่กับปลั๊กอิน . Flash และ Java เสียชีวิตจากหลายสาเหตุ ความปลอดภัยที่ไม่ดีก็เป็นหนึ่งในนั้น นี่เป็นอีกกรณีหนึ่ง ก่อน HTML5 ไซต์ต่างๆ อาศัยปลั๊กอินเหล่านี้เพื่อให้มีเนื้อหาที่แสดงแบบไดนามิก อย่างไรก็ตาม ด้วย HTML5 ปลั๊กอินเหล่านี้จึงมีความซ้ำซ้อนและไม่ได้รับการสนับสนุนจากอุปกรณ์มือถือ ดังนั้น Google จึงตีพวกเขาลงในผลการค้นหา
  • การเว้นวรรคลิงก์ไม่ดี . Google ยังมีปัญหากับลิงก์ที่มีระยะห่างไม่ดี เนื่องจากขนาดของหน้าจอโทรศัพท์ บางครั้งการคลิกลิงก์ที่อยู่ด้านข้างลิงก์อื่นโดยตรงอาจส่งผลให้คุณเลือกลิงก์ผิด ด้วยเหตุนี้ พวกเขาจึงชอบไซต์ที่เว้นระยะลิงก์
  • โหลดนาน . สุดท้ายแต่ไม่ท้ายสุด เวลาในการโหลด เว็บไซต์ที่ได้รับการปรับแต่งมาอย่างดีควรโหลดได้อย่างรวดเร็วแม้ใช้การเชื่อมต่อมือถือ 3G

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

การใช้ WordPress เพื่อสร้างเว็บไซต์ที่เหมาะกับมือถือ

วิธีง่ายๆ ในการสร้างเว็บไซต์ที่เหมาะกับอุปกรณ์พกพาคือการใช้ WordPress WordPress เป็นแพลตฟอร์มทั่วไปที่ใช้สำหรับบล็อกและเว็บไซต์ข่าวทั่วทั้งเว็บ และด้วยธีมที่กำหนดเองที่หลากหลาย (นอกเหนือจากความสามารถในการปรับแต่งธีมดังกล่าว/สร้างธีมของคุณเองตั้งแต่เริ่มต้น) WordPress ยังคงเป็นแพลตฟอร์มที่ใช้งานได้จริงสำหรับเว็บ ผู้สร้าง ธีม WordPress มากมายรองรับทั้งเลย์เอาต์มือถือและเดสก์ท็อป และในส่วนด้านล่าง เราจะแสดงรายการของธีมที่เราแนะนำ

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

ธีมของคุณเหมาะกับอุปกรณ์เคลื่อนที่หรือไม่

หากต้องการตรวจสอบว่าธีม WordPress ของคุณเหมาะกับอุปกรณ์เคลื่อนที่หรือไม่ ให้เสียบ URL หน้าแรกของคุณลงในเครื่องมือทดสอบความเหมาะกับอุปกรณ์เคลื่อนที่ของ Google

วิธีสร้างเว็บไซต์ที่เหมาะกับมือถือที่ทำให้ Google มีความสุข

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

ขั้นตอนที่ 1:ตรวจสอบให้แน่ใจว่า WordPress (และธีมของคุณ) ได้รับการอัปเดตอย่างสมบูรณ์

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

หากต้องการอัปเดตธีมปัจจุบัน ให้ไปที่ "แดชบอร์ด -> ลักษณะที่ปรากฏ -> ธีม" จากนั้นเลือก "อัปเดตทันที" อย่างไรก็ตาม ก่อนทำการอัปเดตนี้ ขอแนะนำให้สำรองข้อมูลธีมปัจจุบันของคุณ นอกจากนี้ การปรับแต่งใดๆ ที่คุณทำกับธีมนี้จะหายไปในการอัปเดต เว้นแต่คุณจะตั้งค่าธีมย่อยบน WordPress (ธีมลูกคือธีมย่อยที่สืบทอดทุกอย่างจากธีม WordPress พื้นฐาน และให้คุณแก้ไขธีมได้อย่างปลอดภัยโดยไม่สูญเสียทุกอย่างในการอัปเดตแต่ละครั้ง)

ตอนนี้ เรียกใช้เครื่องมืออีกครั้ง ยังไม่ทำงาน? ดำเนินการตามขั้นตอนเหล่านี้

ขั้นตอนที่ 2:วินิจฉัย

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

ปัญหาอื่นๆ ที่เครื่องมืออาจตั้งค่าสถานะ ได้แก่ เวลาในการโหลดนานหรือปลั๊กอินในหน้ามากเกินไป ตรวจสอบให้แน่ใจว่าเว็บไซต์ของคุณไม่พึ่งพาปลั๊กอิน เช่น Java หรือ Flash หากคุณต้องการฟังก์ชันเหล่านั้น ให้ใช้ HTML5 แทน นอกจากนี้ โฆษณาที่ปรากฏขึ้นหรือใช้พื้นที่หน้าจอมากเกินไปอาจเป็นปัญหาได้:ใช้เฉพาะโฆษณาที่ไม่ล่วงล้ำและไม่อนุญาตป๊อปอัปในธีม WordPress ของคุณ

ขั้นตอนที่ 3:รับธีมใหม่

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

ธีมที่เหมาะกับอุปกรณ์เคลื่อนที่ของ WordPress ให้เลือก

วิธีสร้างเว็บไซต์ที่เหมาะกับมือถือที่ทำให้ Google มีความสุข

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

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

บทสรุป

หวังว่าบทความนี้จะช่วยคุณสร้างเว็บไซต์ที่เหมาะกับมือถือใน WordPress หรือทำให้แน่ใจว่าเว็บไซต์ที่มีอยู่แล้วของคุณนั้นเป็นมิตรกับมือถืออยู่แล้ว คุณมีหัวข้ออื่นๆ ที่จะแนะนำหรือให้คำแนะนำแก่ผู้คนในเรือลำเดียวกันหรือไม่? โปรดปิดเสียงด้านล่าง!