เริ่มต้นใช้งาน

เรื่องสำคัญ 3 อันดับแรกที่ฉันควรรู้เมื่อสร้างเว็บไซต์สำหรับอุปกรณ์เคลื่อนที่คืออะไร

1. ทำให้ลูกค้าใช้งานง่าย

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

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

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

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

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

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

3. เลือกเทมเพลต ธีม หรือการออกแบบสำหรับอุปกรณ์เคลื่อนที่ที่สอดคล้องกันในอุปกรณ์ทั้งหมด (เช่น ใช้การออกแบบเว็บที่ตอบสนองตามอุปกรณ์)

"การออกแบบเว็บที่ตอบสนองตามอุปกรณ์" (Responsive Web Design หรือ RWD) คือการที่หน้าเว็บใช้ URL และโค้ดชุดเดียวกันไม่ว่าผู้ใช้จะใช้คอมพิวเตอร์เดสก์ท็อป แท็บเล็ต หรือโทรศัพท์มือถือ โดยมีเพียงการแสดงผลที่จะปรับหรือ "ตอบสนอง" ตามขนาดหน้าจอ Google แนะนำให้ใช้ RWD มากกว่ารูปแบบอื่นๆ ในการออกแบบ ข้อดีอย่างหนึ่งของ RWD คือ คุณจะดูแลรักษาเว็บไซต์แค่ 1 เวอร์ชันเท่านั้นแทนที่จะเป็น 2 เวอร์ชัน (นั่นคือคุณไม่จำเป็นต้องดูแลรักษาเว็บไซต์ในเดสก์ท็อปที่ www.example.com และเว็บไซต์ในอุปกรณ์เคลื่อนที่ที่ m.example.com คุณจะดูแลรักษาเพียงเว็บไซต์เดียว เช่น www.example.com สำหรับผู้เข้าชมทั้งในเดสก์ท็อปและอุปกรณ์เคลื่อนที่)

เว็บไซต์ที่ปรับเปลี่ยนตามอุปกรณ์จะปรับการแสดงผลตามขนาดหน้าจอต่างๆ ในขณะที่ใช้ URL และโค้ดชุดเดียวกัน อุปกรณ์ทั้ง 3 ประเภทข้างต้นใช้ www.example.com (แทนที่จะมีหน้าในอุปกรณ์เคลื่อนที่ที่ m.example.com และหน้าในแท็บเล็ตที่ t.example.com เป็นต้น)

"การใช้ RWD ช่วยให้ Baines & Ernst ปรับประสบการณ์ใช้งานเว็บไซต์ของตนให้เหมาะกับขนาดหน้าจอที่แตกต่างกันได้โดยไม่ต้องสร้างเว็บไซต์ขึ้นหลายแห่ง บริษัทพบว่ามีการเข้าชมหน้าเว็บเพิ่มขึ้น 11% ต่อการเข้าชมแต่ละครั้ง และ Conversion อุปกรณ์เคลื่อนที่เพิ่มขึ้น 51%"

"Conversion" เกิดขึ้นเมื่อลูกค้าดำเนินการตามที่ธุรกิจต้องการ เช่น ซื้อผลิตภัณฑ์ โทรหาธุรกิจ หรือสมัครรับจดหมายข่าว

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

ข้อผิดพลาด 3 อันดับแรกที่ผู้เริ่มต้นต้องหลีกเลี่ยงคืออะไร

ข้อผิดพลาดอันดับ 1 - ลืมลูกค้าที่ใช้อุปกรณ์เคลื่อนที่

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

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

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

ข้อผิดพลาดอันดับ 3 - ทำงานอย่างโดดเดี่ยวแทนที่จะมองหาแรงบันดาลใจรอบๆ ตัว

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

ฉันควรคิดถึงอะไรเมื่อทำงานกับนักพัฒนา

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

1. ขอดูแฟ้มภาพผลงานการพัฒนาเว็บไซต์ในอุปกรณ์เคลื่อนที่ รวมทั้งรายชื่อบุคคลอ้างอิงของนักพัฒนา

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

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

2. ตรวจสอบว่านักพัฒนาเข้าใจเกี่ยวกับลูกค้าที่ใช้อุปกรณ์เคลื่อนที่

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

3. ขอให้นักพัฒนารับรองเรื่องเพิ่มความเร็ว

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

4. ให้นักพัฒนาติดตั้งการวิเคราะห์เว็บ

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

5. ต้องแน่ใจว่าทั้งคุณและนักพัฒนาทราบถึงหลักเกณฑ์สำหรับผู้ดูแลเว็บของ Google

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

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

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

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