เลือกการกำหนดค่าสำหรับอุปกรณ์เคลื่อนที่

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

3 วิธีในการพัฒนาเว็บไซต์ในอุปกรณ์เคลื่อนที่

การพัฒนาเว็บไซต์ที่จัดการหน้าจอได้ทุกประเภทและทุกขนาดมีเทคนิคหลักๆ 3 แบบด้วยกัน ต่อไปนี้เป็นแผนภูมิที่เปรียบเทียบระหว่าง 3 วิธีดังกล่าว

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

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

  3. URL แบบแยก: ใช้โค้ดที่แตกต่างกันในอุปกรณ์แต่ละประเภทและใช้ URL ที่แยกต่างหาก การกำหนดค่าแบบนี้จะพยายามตรวจหาอุปกรณ์ของผู้ใช้ แล้วเปลี่ยนเส้นทางผู้ใช้ไปยังหน้าที่เหมาะสมโดยใช้การเปลี่ยนเส้นทาง HTTP พร้อมด้วยส่วนหัว Vary ของ HTTP

Google ไม่ได้ต้องการให้ใช้รูปแบบ URL รูปแบบใดเป็นพิเศษตราบใดที่ User Agent ทั้งหมดของ Googlebot เข้าถึงหน้าเว็บและเนื้อหาทั้งหมดในหน้าได้

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

ประเด็นสำคัญสำหรับการพัฒนาเว็บไซต์ในอุปกรณ์เคลื่อนที่

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

  1. ส่งสัญญาณแจ้ง Google เมื่อมีการจัดรูปแบบหน้าเว็บสำหรับอุปกรณ์เคลื่อนที่ (หรือมีหน้าเว็บที่เทียบเท่าซึ่งจัดรูปแบบสำหรับอุปกรณ์เคลื่อนที่) วิธีนี้จะช่วยให้ Google แสดงเนื้อหาแก่ผู้ค้นหาในอุปกรณ์เคลื่อนที่ได้อย่างถูกต้องในผลการค้นหา
  2. ดูแลให้มีการรวบรวมข้อมูลทรัพยากรต่างๆ ได้ อย่าใช้ robots.txt เพื่อบล็อกเครื่องมือค้นหาไม่ให้เข้าถึงไฟล์สำคัญในเว็บไซต์ของคุณซึ่งจะช่วยแสดงผลหน้าเว็บ (รวมถึงโฆษณา) หาก Googlebot เข้าถึงทรัพยากรในหน้าเว็บ เช่น CSS, JavaScript หรือรูปภาพไม่ได้ เราอาจตรวจไม่พบว่าหน้าเว็บดังกล่าวสร้างขึ้นเพื่อแสดงผลและทำงานได้ดีในเบราว์เซอร์บนอุปกรณ์เคลื่อนที่ กล่าวอีกนัยหนึ่งคือ เราอาจตรวจไม่พบว่าหน้าดังกล่าว "เหมาะกับอุปกรณ์เคลื่อนที่" และด้วยเหตุนี้ จึงไม่แสดงหน้าแก่ผู้ค้นหาในอุปกรณ์เคลื่อนที่อย่างถูกต้อง
  3. หลีกเลี่ยงข้อผิดพลาดที่พบบ่อยที่ทำให้ผู้เข้าชมในอุปกรณ์เคลื่อนที่ไม่พอใจ เช่น มีวิดีโอที่เล่นไม่ได้ (เช่น วิดีโอ Flash ที่เป็นเนื้อหาสำคัญในหน้านั้นๆ) หน้าในอุปกรณ์เคลื่อนที่ที่ให้ประสบการณ์ที่ไม่ดีแก่ผู้ค้นหาอาจถูกลดระดับในการจัดอันดับหรือแสดงพร้อมคำเตือนในผลการค้นหาบนอุปกรณ์เคลื่อนที่ ดูข้อมูลเพิ่มเติมได้ในส่วน "ข้อผิดพลาดทั่วไป"

ทำความเข้าใจความแตกต่างระหว่างอุปกรณ์ต่างๆ

สมาร์ทโฟน: ในเอกสารนี้ "มือถือ" หรืออุปกรณ์เคลื่อนที่หมายถึงสมาร์ทโฟน ซึ่งได้แก่ อุปกรณ์ต่างๆ ที่ใช้ Android, iPhone หรือ Windows Phone เป็นต้น เบราว์เซอร์ในอุปกรณ์เคลื่อนที่คล้ายกับเบราว์เซอร์ในเดสก์ท็อปเนื่องจากแสดงผลตามข้อกำหนด HTML5 อย่างกว้างๆ ได้ แม้ว่าขนาดหน้าจอจะเล็กกว่า และส่วนใหญ่แล้วการวางแนวเริ่มต้นจะเป็นแนวตั้ง

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

โทรศัพท์มัลติมีเดีย คือโทรศัพท์ที่มีเบราว์เซอร์ซึ่งแสดงผลหน้าเว็บที่มีการเขียนโค้ดตรงตามมาตรฐาน XHTML ได้ รองรับมาร์กอัป HTML5, JavaScript/ECMAScript แต่อาจไม่รองรับ API ส่วนขยายบางรายการในมาตรฐาน HTML5 โดยทั่วไปจะหมายถึงเบราว์เซอร์ในโทรศัพท์ที่รองรับ 3G ส่วนใหญ่ที่ไม่ใช่สมาร์ทโฟน

ฟีเจอร์โฟน: สำหรับโทรศัพท์ประเภทนี้ เบราว์เซอร์จะแสดงหน้าเว็บในเดสก์ท็อปโดยทั่วไปซึ่งเขียนโค้ดโดยใช้ HTML มาตรฐานไม่ได้ ซึ่งรวมถึงเบราว์เซอร์ที่แสดงผลเฉพาะ cHTML (iMode), WML, XHTML-MP เป็นต้น