ทำความรู้จักกับแนวคิดของ Mobile Friendly และแอปพลิเคชั่นปัจจุบัน

ภาพจาก Gnarlydigital.comภาพจาก Gnarlydigital.com

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

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

ความหมายและความเป็นมาของคำว่า "อุปกรณ์พกพา"

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

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

กลยุทธ์ทางเลือกของ Blogger

เพื่อจัดการกับสิ่งนี้มีสองกลยุทธ์ที่นักเขียนบล็อกสามารถเลือกนำไปใช้กับเว็บไซต์ / บล็อกของพวกเขา:

1. สร้างการออกแบบและเวอร์ชั่นของเว็บเพจพิเศษ

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

โดยทั่วไปไซต์ขนาดใหญ่ส่วนใหญ่จะใช้เวอร์ชันนี้และใช้โดเมนที่มีลักษณะการเข้าใช้ผ่านมือถือในหน้าเวอร์ชันมือถือเช่น m.domain.com, mobile.domain.com เป็นต้น บางทีคุณอาจเห็นการเข้าถึง #Facebook ที่อ่าน m.facebook.com นั่นเป็นตัวอย่าง

ในบางแพลตฟอร์มฟีเจอร์มือถือนี้มีให้ใน Blogger ซึ่งมีฟีเจอร์เต็มรูปแบบสำหรับมือถือที่มีเทมเพลตเริ่มต้นหรือรุ่นที่กำหนดเองและ WordPress (โฮสต์โดยตัวเอง) ซึ่งมีปลั๊กอินสำหรับมือถือรุ่น WP-touch

2. การใช้หลักการตอบสนองการออกแบบเว็บ (RWD)

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

โดยทั่วไปแล้วการออกแบบที่ตอบสนองจะเกี่ยวข้องกับสองสิ่งคือเมตาแท็กวิวพอร์ต (ซึ่งใช้โดยเวอร์ชันมือถือด้วย) และการสืบค้นสื่อ CSS (@mediascreen) ในการออกแบบการตอบสนองที่ซับซ้อนมากขึ้นกลยุทธ์นี้ได้รับการเสริมด้วยสิ่งต่าง ๆ เช่น HTML5 ทั้งหมดหรือการใช้ javascript / jquery เพื่อเพิ่มความสามารถในการตอบสนองซ่อนองค์ประกอบบางอย่างและให้ผลบางอย่างเมื่อเปลี่ยนอุปกรณ์

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

กลยุทธ์ใดดีที่สุด

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

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

วิธีการตรวจสอบบล็อกที่เป็นมิตรกับมือถือ

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

สำหรับผู้ใช้เทมเพลตที่ตอบสนองของคุณเองคุณต้องทำการทดสอบที่สอดคล้องกันก่อนเพื่อให้แน่ใจว่าเว็บไซต์ของคุณ "เป็นมิตรกับมือถือ" อย่างแท้จริง แล้วเราจะทราบได้อย่างไรว่าเว็บไซต์ / บล็อกสนับสนุนแนวคิดที่เป็นมิตรกับมือถือนี้ คุณสามารถใช้เครื่องมือจาก #Google เพื่อตรวจสอบกับที่อยู่ที่//www.google.com/webmasters/tools/mobile-friendly/ได้อย่างไร

บทความที่เกี่ยวข้อง