การจัดทำดัชนีแบบให้ความสำคัญกับมือถือเป็นอันดับแรก

อ้างอิง:

ไม่ใช่สิ่งมีชีวิตที่แข็งแกร่งที่สุดในสายพันธุ์ที่รอดชีวิต แต่เป็นสิ่งมีชีวิตที่สามารถปรับตัวต่อการเปลี่ยนแปลงได้ดีที่สุด.
— อ้างถึงชาร์ลส์ ดาร์วิน

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

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

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

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

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

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

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

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

ผู้ใช้ทั่วไปตำหนิ Google สำหรับความไม่เพียงพอเนื่องจากเนื้อหาไม่ตรงกับที่อธิบายไว้ในผลการค้นหา.

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

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

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

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

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

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

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

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

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

อย่างไรก็ตาม บนเว็บไซต์ที่รองรับการแสดงผลบนอุปกรณ์ต่าง ๆ (responsive website) เว็บไซต์จะปรับรูปแบบตัวเองโดยอัตโนมัติเมื่อหน้าต่างการดูของคุณมีขนาดถึงระดับหนึ่ง เพื่อให้เนื้อหาทั้งหมดสามารถมองเห็นได้ภายในหน้าต่างนั้น แทนที่จะแสดงเนื้อหาอยู่เคียงข้างกัน (side-by-side) เนื้อหาจะถูกจัดเรียงในแนวดิ่ง (vertical) คุณอาจต้องเลื่อนหน้าลงเพื่อดูเนื้อหาทั้งหมด แต่เนื้อหาที่คุณเห็นจะอยู่ในหน้าต่างการดูของคุณ และคุณไม่ต้องเลื่อนซ้ายขวาเพื่อดูเนื้อหา.

หากคุณใช้ระบบจัดการเนื้อหา (CMS) เช่น WordPress คุณควรใช้ธีมที่รองรับการแสดงผลบนทุกอุปกรณ์ หากธีมปัจจุบันของคุณไม่รองรับการแสดงผลบนทุกอุปกรณ์และมีเวอร์ชันใหม่กว่าที่รองรับ ให้อัปเกรดเป็นเวอร์ชันนั้น หากไม่มีเวอร์ชันที่รองรับ ให้เปลี่ยนไปใช้ธีมที่รองรับการแสดงผลบนทุกอุปกรณ์.

ส่วนใหญ่ของงานหนักจะถูกทำไว้ให้คุณโดยธีม คุณจะต้องตรวจสอบว่าหน้าเว็บที่รองรับการปรับเปลี่ยนขนาดหน้าจอ (responsive) นั้นปรากฏอย่างไรบนอุปกรณ์มือถือต่าง ๆ และตัดสินใจว่าคุณจำเป็นต้องเปลี่ยนวิธีการนำเสนอข้อมูลบางอย่างที่ไม่เหมาะกับการแสดงผลบนหน้าเว็บที่รองรับการปรับเปลี่ยนขนาดหน้าจอหรือไม่.

หากคุณยังไม่ได้ใช้ CMS ให้เริ่มใช้เครื่องมืออย่าง Bootstrap Bootstrap เป็นเครื่องมือโอเพนซอร์สสำหรับการพัฒนาเว็บไซต์โดยใช้ HTML, CSS และ JavaScript มันช่วยให้คุณสร้างเว็บไซต์ที่รองรับการแสดงผลบนทุกอุปกรณ์, รองรับการค้นหาบนมือถือของ Google ด้วยระบบกริดที่ตอบสนอง, ส่วนประกอบหน้าเว็บสำเร็จรูป และปลั๊กอิน.

เพื่อตรวจสอบการออกแบบใหม่ของคุณ ให้ไปที่ Google Mobile-Friendly Test และป้อน URL ของเว็บไซต์คุณ คุณจะได้รับรายงานที่บอกคุณว่าเว็บไซต์ของคุณมีความเป็นมิตรกับมือถือมากน้อยเพียงใด พร้อมคำแนะนำเฉพาะเพื่อปรับปรุงคะแนนของคุณ.

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

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

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

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

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

ขึ้นอยู่กับรูปแบบที่คุณใช้ คุณสามารถย่อขนาดรูปภาพได้ทั้งแบบที่สูญเสียคุณภาพและแบบที่ไม่สูญเสียคุณภาพเลย รูปภาพที่สูญเสียคุณภาพบางส่วนมักจะมีขนาดเล็กกว่ามากเมื่อเทียบกับรูปภาพที่ยังคงคุณภาพในระดับเดียวกัน.

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

นี่เรียกว่าการบล็อก (blocking) ในขอบเขตที่คุณสามารถทำได้ คุณควรลดขนาดของโค้ดที่ถูกโหลดและกำจัดโค้ดที่ก่อให้เกิดการบล็อกออกไป วิธีหนึ่งในการลดขนาดโค้ดคือการย่อขนาดโค้ด (minify) โดยการลบความคิดเห็นและช่องว่างที่ไม่จำเป็นออกไป.

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

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

สำหรับคุณ หน้าเว็บดูเหมือนจะโหลดได้อย่างรวดเร็ว และคุณอาจไม่สังเกตเห็นว่ามันกำลังโหลดและจัดรูปแบบเนื้อหาอยู่ตลอดเวลา เว้นแต่ว่าคุณต้องรอเป็นเวลานานเมื่อคุณพยายามเลื่อนลงไปด้านล่าง.

หน้าหนึ่งบนเว็บไซต์ Google Developers ที่ชื่อว่า Make the Web Faster ให้ เคล็ดลับ, ดีที่สุด-คำแนะนำและทรัพยากรในการปฏิบัติเพื่อช่วยให้คุณทำให้เว็บไซต์ของคุณโหลดได้เร็วขึ้น เครื่องมือหลักในชุดเครื่องมือนั้นเรียกว่า เพจสปีด ข้อมูลเชิงลึก. PageSpeed Insights แสดงให้คุณเห็นสิ่งที่เกิดขึ้นตั้งแต่เวลาที่คุณเริ่มโหลดเว็บไซต์ของคุณจนถึงเวลาที่เว็บไซต์ถูกโหลด, จัดรูปแบบ และแสดงบนอุปกรณ์มือถือหรือเดสก์ท็อป.

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

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