Responsive Web

คือ เว็บไซต์ที่รองรับการการแสดงผลได้ในทุกๆหน้าจออุปกรณ์  เช่น Desktop , Mobile, Tablet ซึ่งอุปกรณ์เหล่านี้จะมีหน้าจอแตกต่างกันไป ตามขนาดความกว้างของเครื่อง

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

mobile-stats-vs-desktop-users-global-550x405

(ข้อมูลจาก www.statista.com)

 

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

 

responsive

(ตัวอย่างResponsive Designจากหน้าโฮม 8content.com)

ข้อดีของ Responsive Web Design

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

Responsive Web Design กับ Google SEO

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

รู้ได้อย่างไรว่าเว็บเรารองรับการแสดงผลบนมือถือหรือไม่

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