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

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

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

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

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

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

อย่าใช้แฟลช

เบราว์เซอร์มือถือส่วนใหญ่ไม่สามารถแสดงเนื้อหา Flash ได้ ดังนั้นกฎง่ายๆ ประการหนึ่งในการสร้างเว็บไซต์ที่เหมาะกับอุปกรณ์เคลื่อนที่คือ: ห้ามใช้ Flash รายงานความสามารถในการใช้งานบนมือถือของ Google ขอแนะนำให้คุณใช้ "เทคโนโลยีเว็บสมัยใหม่" เพื่อแสดงเนื้อหาหน้าเว็บ ภาพเคลื่อนไหว และการนำทางแทน อุ๊ย!

ตรวจสอบให้แน่ใจว่าได้ตั้งค่าวิวพอร์ตของคุณอย่างถูกต้อง

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

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

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

หากคุณทำตามคำแนะนำในบทช่วยสอนของ Google และใช้ค่า viewport width=device-width ซึ่งจะทำให้หน้าเว็บของคุณตรงกับความกว้างของอุปกรณ์ใดก็ตามที่ผู้เยี่ยมชมของคุณใช้

การเพิ่มแอตทริบิวต์ initial-scale=1 จะทำให้หน้าเว็บของคุณเต็มหน้าจอไม่ว่าอุปกรณ์จะเป็นแนวตั้งหรือแนวนอน ดังนั้นใช้ประโยชน์จากความกว้างเต็มของหน้าจอ

สุดท้าย ตรวจสอบให้แน่ใจว่าเนื้อหาของคุณมีขนาดเท่ากับวิวพอร์ต หากคุณตั้งค่าความกว้าง CSS แบบสัมบูรณ์สำหรับองค์ประกอบของหน้า เช่น รูปภาพและวิดีโอ อาจทำให้เกิดปัญหากับอุปกรณ์ที่แคบกว่าความกว้างที่คุณระบุไว้ คุณสามารถแก้ไขปัญหานี้ได้โดยใช้ค่าความกว้างสัมพัทธ์ เช่น width: 100% ใน CSS ของคุณ

ใช้ฟอนต์ขนาดใหญ่

หากคุณกำหนดค่าวิวพอร์ตของคุณอย่างถูกต้อง ขนาดแบบอักษรจะถูกปรับขนาดตามอุปกรณ์ของผู้ใช้ แต่ Google ได้ให้คำแนะนำเพิ่มเติมสำหรับแบบอักษรนอกเหนือจากนั้น

ขอแนะนำให้ใช้ขนาดฟอนต์พื้นฐาน 16 พิกเซล โดยกำหนดขนาดฟอนต์อื่นๆ (เช่น เล็กและใหญ่) ให้สัมพันธ์กับขนาดฟอนต์นั้น ระยะห่างแนวตั้งระหว่างบรรทัดควรตั้งไว้ที่ 1.2em

พยายามหลีกเลี่ยงการใช้แบบอักษรและขนาดแบบอักษรที่แตกต่างกันมากเกินไป ซึ่งจะทำให้เค้าโครงหน้ายุ่งเหยิงและซับซ้อน

เว้นวรรคลิงก์และปุ่ม

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

Google จะลงโทษหน้าเว็บใดๆ ที่เป้าหมายการแตะมีขนาดเล็กเกินไปและอยู่ใกล้กันเกินกว่าจะกดได้อย่างแม่นยำ

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

เป้าหมายที่ใช้ไม่บ่อยอาจมีขนาดเล็กลง แต่ควรเว้นระยะห่างมากพอที่ผู้ใช้ที่พยายามกดจะไม่โดนเป้าหมายอื่นโดยไม่ได้ตั้งใจแทน พื้นที่ที่แนะนำรอบเป้าหมายการต๊าปขนาดเล็กคืออย่างน้อย 5 มม.

อย่าใช้ป๊อปอัปแบบเต็มหน้าจอ

ป๊อปอัปและโอเวอร์เลย์ขนาดใหญ่หรือเต็มหน้าจอ หรือที่เรียกว่า "โฆษณาคั่นระหว่างหน้า" เช่น แบบฟอร์มลงชื่อสมัครรับอีเมลหรือการโปรโมตแอป อาจสร้างปัญหาให้อุปกรณ์เคลื่อนที่มากขึ้น

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

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

ทำการตรวจสอบด้วยเครื่องมือของ Google

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

Search Console ของ Google ซึ่งเดิมเรียกว่า Webmaster Tools มีส่วน 'ความสามารถในการใช้งานบนอุปกรณ์เคลื่อนที่' ที่จะวินิจฉัยปัญหาที่ค้างอยู่ในไซต์ของคุณ ซึ่งมักจะเป็นข้อผิดพลาดที่ระบุไว้ข้างต้น

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

ความต้องการความเร็ว

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

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

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

PageSpeed ​​Insights ของ Google มีแท็บ "อุปกรณ์เคลื่อนที่" ซึ่งจะทำให้หน้าเว็บของคุณมีคะแนนความเร็วบนอุปกรณ์เคลื่อนที่เต็ม 100 พร้อมคำแนะนำเกี่ยวกับวิธีแก้ไของค์ประกอบที่อาจทำให้หน้าเว็บทำงานช้าลง

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

นอกจากนี้ยังมี Accelerated Mobile Pages ซึ่งเป็นหน้าเว็บสำหรับมือถือที่รวดเร็วเป็นพิเศษของ Google ซึ่งทำงานบน HTML เวอร์ชันที่คิดค้นขึ้นใหม่ การสร้างเว็บไซต์ในเวอร์ชัน AMP สำหรับอุปกรณ์เคลื่อนที่เป็นอีกวิธีหนึ่งเพื่อให้แน่ใจว่าเว็บไซต์นั้นรวดเร็วและเหมาะกับอุปกรณ์เคลื่อนที่ แม้ว่า SEO จำนวนมากจะยังคงใช้ AMP ต่อไปด้วยเหตุผลหลายประการ เป็นตัวเลือก แต่ไม่จำเป็นสำหรับการมีไซต์บนมือถือที่รวดเร็วและเป็นมิตรกับ Google

___
โดย Rebecca Sentance