การออกแบบเว็บตอบสนองมีความสำคัญอย่างไร


29

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

คำถามย่อยที่ฉันมีเกี่ยวกับเรื่องนี้รวมถึง:

  1. ควรใช้การออกแบบเว็บที่ตอบสนองได้ดีกว่าการใช้โค้ดแยกต่างหากสำหรับส่วนข้อมูล / อุปกรณ์ที่แตกต่างกันหรือไม่?

  2. มันอาจส่งผลกระทบต่อ SEO (บวกหรือลบ)?

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


คุณเพิ่งเปลี่ยนคำถามของคุณอย่างมากโดยไม่ต้องดัดแปลงเนื้อหา คุณแน่ใจเกี่ยวกับเรื่องนี้จริงหรือ (คำแนะนำ: คำตอบคือตอนนี้ "ไม่")
Su '

@Su 'ขอโทษด้วยฉันเพิ่งรู้ว่ามันจะเปลี่ยนคำตอบทั้งหมดที่ฉันจะได้รับดังนั้นฉันจึง' ย้อนกลับ '
อายุการใช้งาน

1
สำคัญอย่างไร ไม่มีความสำคัญต่อความสำคัญเพียงเล็กน้อยสำหรับไซต์ส่วนใหญ่ สำหรับแอปหรือเครื่องมือมากกว่า (1) Responsive vs Adaptive? แตกต่างจากคนสู่คนและโครงการไปยังโครงการ ในระยะสั้นไม่มีวิธีใดที่ดีกว่าและการใช้งานก็ขึ้นอยู่กับกลุ่มเป้าหมายของเว็บไซต์ด้วย (2) ส่งผลต่อ SEO? ไม่ (3) ประเด็นหลัก? คุณจะต้องทดสอบเพิ่มเติมแก้ไขข้อผิดพลาดเพิ่มเติมและรหัสเพิ่มเติมบางอย่างจะไม่ทำงานเมื่อมีความกว้างลดลงและบางสิ่งจะละเมิด TOS (adsense) หากคุณลบหรือเปลี่ยนแปลง นี่คือคุณสมบัติที่สำคัญ 10 ประการของแอปพลิเคชั่นเว็บในวิดีโอนี้ซึ่ง IMHO ใช้กับเว็บไซต์ส่วนใหญ่ต่อไปvimeo.com/10510576
Anthony

คำตอบ:


21

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

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

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

จากมุมมองของ SEO การโฮสต์ไซต์มือถือที่แยกเช่น egmexample.com หมายความว่าคุณต้องเพิ่มประสิทธิภาพไซต์ที่แยกกัน 2 ไซต์และแบ่งค่าธุรกิจของคุณ (PageRank, ผู้มีอำนาจ ฯลฯ ) ในสองตำแหน่ง แม้ว่าคุณจะสามารถหลีกเลี่ยงปัญหานี้ได้โดยการแสดงเนื้อหาบน URL เดียวกันผ่านการตรวจจับผู้ใช้ - ตัวแทน แต่สิ่งนี้ไม่ได้เกี่ยวข้องกับความพยายามซ้ำซ้อน การตรวจจับใช้งานได้และมีการอัพเดทอยู่เสมอเครื่องมือค้นหานั้นจะจัดทำดัชนีเนื้อหาที่ถูกต้องในดัชนีด้านขวา ฯลฯ

ในทุกการออกแบบที่ตอบสนองเป็นทางออกที่สง่างาม

หากต้องการตอบคำถามอื่นของคุณ:

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

  2. ขึ้นอยู่กับสิ่งที่คุณเปรียบเทียบกับ แต่ตามที่กล่าวไว้ข้างต้นตัวเลือกหลักอีก 2 ตัวมีความท้าทายด้าน SEO ที่สำคัญ

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

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

คำถามและคำตอบนี้อ่านอย่างน่าประหลาดใจสี่ปีในอนาคต
dwjohnston

12

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

มีธีมราคาไม่แพงจำนวนมาก (ไม่ต้องบอกว่าราคาถูก) สำหรับ Blogs และ CMS ที่คุณสามารถลองใช้ได้ทันทีและดูว่าคุณชอบสิ่งที่คุณได้รับ (ยืนยันกับอุปกรณ์ลูกค้าทั้งหมดของคุณหรือบางส่วน)

  1. ตราบใดที่คุณต้องมีเหตุผลพิเศษพยายามที่จะมุ่งเน้นไปที่ codebase เดียวเสมอ เหตุผลอาจเป็นเพราะคุณต้องการนำเสนอเว็บไซต์พิเศษเช่น "เว็บแอพ"

  2. SEO: ไม่ ดีและไม่ดีเหมือนเลย์เอาต์ที่ไม่ตอบสนอง

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

หากคุณวางแผนที่จะรวมโฆษณาจากแหล่งภายนอกคุณต้องตรวจสอบว่ารูปแบบที่กำหนดนั้นเล่นได้ดีหรือไม่

แก้ไข:

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

แก้ไขครั้งที่สอง:

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

  • ง่ายต่อการอัพเดท
  • ปรับให้เหมาะสมสำหรับเครื่องมือค้นหา
  • การเพิ่มรหัสการแปลงและการเปลี่ยนเส้นทาง

ข้อดีของเว็บไซต์มือถือแยก:

  • การออกแบบสำหรับความต้องการของผู้ใช้มือถือ
  • การสร้างเว็บไซต์อย่างรวดเร็ว
  • ตัวเลือก DIY ที่ยอดเยี่ยม

บทความ"การตอบสนองต่อการออกแบบ - การควบคุมพลังของการสืบค้นสื่อ" บนบล็อกอย่างเป็นทางการของ Google Webmaster Central ให้คำแนะนำที่ดีเกี่ยวกับวิธีการ "Responsive Design"

"การสร้างเว็บไซต์ที่ปรับให้เหมาะกับมือถือ"ใน Google Developers ระบุ:

"Google แนะนำให้ผู้ดูแลเว็บปฏิบัติตามแนวปฏิบัติที่ดีที่สุดในอุตสาหกรรมในการใช้การออกแบบเว็บที่ตอบสนองกล่าวคือให้บริการ HTML แบบเดียวกันสำหรับอุปกรณ์ทั้งหมด [... ]"


2
Google จะจัดอันดับเว็บไซต์ของคุณให้ต่ำลงหากใช้เวลาโหลดนานกว่า
Steffan Donal

2
@Riririze ใช่ แต่ ... เขาถามว่า Responsive Design มีผลกระทบด้านลบกับ SEO หรือไม่ และ Responsive Design จะไม่ทำให้หน้าโหลดนานขึ้น ดังนั้น "ไม่" เฉพาะในกรณีที่คุณต้องการทำเช่นนั้น ;-)
เริ่มต้น

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

1
@Nick แน่นอนถ้าคุณเปรียบเทียบไซต์ที่ได้รับการเพิ่มประสิทธิภาพสำหรับมือถือกับเว็บไซต์ที่มีความเป็นทั่วไปมากขึ้น (ตอบสนอง) ผู้ชนะคือ ... ไม่แปลกใจ อันนี้แสดงบางส่วนของ gotchas: blog.cloudfour.com/css-media-query-for-mobile-is-fools-gold
เริ่มต้น

3

ฉันคิดว่ามันสำคัญที่จะต้องตระหนักก่อนว่า "การออกแบบที่ตอบสนอง" (RD) เป็นคำที่ฉวัดเฉวียน (ถ้าฉันใส่ความกว้าง: 100% ให้กับองค์ประกอบที่ฉันมี RD อยู่ตรงนั้นเพื่อพูดเกินจริง) และเพราะความสำคัญปรากฏขึ้นขึ้นที่สำคัญกว่านั้น ในที่สุดมันก็มีเงื่อนไขเหมือนทุกสิ่งทุกอย่าง

จำเป็นต้องใช้ RD หรือไม่?

ในการตอบว่าคุณจะต้องระบุคำจำกัดความ:

  1. ใครคือกลุ่มเป้าหมายของคุณ
  2. กลุ่มเป้าหมายของคุณคือใคร
  3. จุดประสงค์ของเว็บไซต์ของคุณคืออะไร
  4. เว็บไซต์ของคุณจะเข้าถึงจากที่ใด (ในกรณีส่วนใหญ่)
  5. เป็นต้น

นี่คือการวิเคราะห์การตลาดที่คล้ายกันมาก มันเกี่ยวกับการมีสื่อที่เหมาะสมสำหรับผู้ชมที่เหมาะสม (บางทีผู้ชมของคุณนั่งอยู่หน้าคอมพิวเตอร์เกือบทุกวันหรือพวกเขากำลังเดินทางพร้อมกับ iPhone ล่าสุดและอื่น ๆ ) พวกเขาทำทั้งสองอย่างแล้วแน่นอนว่า RD เป็นศูนย์กลาง

ควรใช้การออกแบบเว็บที่ตอบสนองได้ดีกว่าการใช้โค้ดแยกต่างหากสำหรับส่วนข้อมูล / อุปกรณ์ที่แตกต่างกันหรือไม่?

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

มันจะส่งผลกระทบต่อ SEO (บวกหรือลบ)?

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

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

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

เทคโนโลยีใหม่มีความเสี่ยงอยู่เสมอ ปัญหา HTML5 สำหรับ Facebook ตอนนี้ยังไม่โตเต็มที่และเชื้อเชิญปัญหาต่าง ๆ ที่คล้ายคลึงกับ IE6 กับปัญหามาตรฐาน

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


1
ที่ชัดเจนไม่มีการบางส่วนของคำตอบของคุณ: ไม่ผสม "การออกแบบที่ตอบสนองต่อ" กับ "ความยืดหยุ่น" หรือ "ของเหลว" แนวคิด ตามขนาดหน้าจอการออกแบบที่ตอบสนองอาจมีลักษณะ "คงที่" เนื่องจากขึ้นอยู่กับแบบสอบถามสื่อเพื่อส่ง CSS ที่แตกต่างกันตามความกว้างของเบราว์เซอร์ ไม่ใช่ "ความกว้าง: 100%" ฉันจะไม่เรียกมันว่า "คำพึมพำ" เพราะเป็นแนวคิดที่เหมาะสมคำตอบที่ดีสำหรับปัญหาปัจจุบันและไม่ใช่แค่ hype เกี่ยวกับ SEO: อย่างน้อย Google ก็ใช้ความพยายามในการตรวจสอบรูปแบบของแต่ละบุคคลเมื่อเทียบกับธีมอื่น อีกครั้ง: RD ต่อ se ไม่เลวหรือดีขึ้นอยู่กับเนื้อหาของคุณ
initall

1
100% หลังความคิดเห็น 'แก้ไข' แม้ว่ามันจะเป็นน้ำโคลน ไซต์ตอบสนองของฉันในที่ทำงานได้รับการแก้ไขด้วยองค์ประกอบภายในที่เป็นของเหลว ฉันจะยืนยันว่ามันเป็นคำพูดฉวัดเฉวียนเล็กน้อยในขณะนี้ แต่ฉันคิดว่าเร็ว ๆ นี้มันจะถูกเรียกว่าการออกแบบเว็บ / การพัฒนา ฉันคิดว่าผลกระทบ SEO อาจเกิดขึ้นได้หาก บริษัท มีไซต์บนมือถือแทนที่จะตอบสนอง ... แต่ฉันไม่มีความคิดเกี่ยวกับผลกระทบของ SEO ที่ชาญฉลาดนี้
DBUK

2

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

ควรใช้การออกแบบเว็บที่ตอบสนองได้ดีกว่าการใช้โค้ดแยกต่างหากสำหรับส่วนข้อมูล / อุปกรณ์ที่แตกต่างกันหรือไม่?

ฉันจะบอกว่าดีกว่าใช่ รหัสส่วนใหญ่ของคุณเป็นรหัสเดียวกันส่งผลให้การทำงานน้อยลงกว่าการเขียนแอพ iPhone, แอพ droid, แอพ iPad, แอปที่ติดตั้ง ... คุณจะได้รับคะแนน

มันอาจส่งผลกระทบต่อ SEO (บวกหรือลบ)?

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

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

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

ฉันขอแนะนำให้เรียนรู้และลองออกแบบที่ตอบสนองได้บ้าง ตรวจสอบเว็บไซต์นี้สำหรับการเริ่มต้นกระโดด: http://html5boilerplate.com

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


1

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

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

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

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

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

ข้อได้เปรียบที่ยิ่งใหญ่ของการออกแบบที่ตอบสนองได้คือคุณรักษา codebase ที่เหมือนกัน สิ่งนี้จะช่วยลดค่าใช้จ่ายในการบำรุงรักษาการทดสอบและต้นทุนการพัฒนา

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

สิ่งนี้ทำให้คุณมีความเสี่ยงต่อการถูกลงโทษของ Google - ดูที่ Google Panda และโดเมนตรงทั้งหมดใหม่ (สัปดาห์ที่แล้ว)ซึ่งทั้งสองอย่างนี้เป็นการลงโทษไซต์ที่มีคุณภาพต่ำ

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

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

นี่คือพื้นฐานของสิ่งที่คุณต้องทำ:

  1. ปรับช่องว่างภายในและระยะห่างของร่างกาย
  2. เลื่อนเมนูด้านซ้ายหรือขวาไปที่เมนูแบบเลื่อนลงแทนอาจซ่อนไว้ใต้ปุ่มตัวเลือกที่ด้านบน
  3. ปรับขนาดคอนเทนเนอร์ใช้ความกว้าง 100%
  4. เปลี่ยนภาพทั้งหมดของคุณให้กว้าง 100%
  5. ตัดสินใจว่าสิ่งใดที่ไม่จำเป็นในโทรศัพท์ (โฆษณา?) และลบออก (แสดงผล: ไม่มี)

นี่คือตัวอย่างรหัสบางส่วน:

@media screen and (max-width:480px) {
body {
margin:5px;
padding:0px;
}
.advertbox {
display:none;
}
}

สิ่งที่ทำคือลบสิ่งใดก็ตามที่มีระดับ 'โฆษณา' จากสมาร์ทโฟน (ที่มีความกว้างสูงสุด 480px) และลดระยะขอบของร่างกาย

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

ฉันหวังว่านี่จะช่วยได้!


1

ฉันแค่อยากจะพูดสอดกับมุมมองที่แตกต่าง:

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

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

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

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

โดยการใช้ไซต์ของเรา หมายความว่าคุณได้อ่านและทำความเข้าใจนโยบายคุกกี้และนโยบายความเป็นส่วนตัวของเราแล้ว
Licensed under cc by-sa 3.0 with attribution required.