ประสบการณ์หน้าที่ตอบสนองอย่างเต็มที่: ปรับขนาดเนื้อหาของคุณไปยังอุปกรณ์และเบราว์เซอร์ใดๆ โดยอัตโนมัติ
เผยแพร่แล้ว: 2019-02-19ลิงค์ด่วน
- ประสบการณ์หน้าตอบสนองคืออะไร?
- มันทำงานอย่างไร
- มีอะไรใหม่อีกบ้าง?
- ขอแนะนำ Thor Render Engine™
- วิธีเปิดใช้งาน Thor Render Engine™
- จุดปวดและวิธีที่ Responsive Page Experiences แก้ปัญหาเหล่านั้น
- เริ่มใช้ Responsive Page Experiences วันนี้
เดสก์ท็อป มือถือ แท็บเล็ต… ในสังคมแบบหลายหน้าจอของเรา คุณไม่มีทางรู้ว่ามีคนใช้อุปกรณ์ใดเพื่อเข้าชมประสบการณ์หน้า Landing Page หลังการคลิกของคุณ หน้า Landing Page หลังการคลิกซึ่งละเลยการเพิ่มประสิทธิภาพสำหรับการดูเดสก์ท็อป อุปกรณ์เคลื่อนที่ และแท็บเล็ตมักจะนำทางได้ยาก และขัดขวาง Conversion ที่อาจเกิดขึ้นเนื่องจากผู้เข้าชมรู้สึกหงุดหงิดและละทิ้งหน้าของคุณ สถานการณ์นี้จะขยายขึ้นเมื่อคุณพิจารณาว่า 57% ของการเข้าชมออนไลน์ในสหรัฐฯ ทั้งหมดในขณะนี้มาจากสมาร์ทโฟนและแท็บเล็ต
มาเผชิญหน้ากัน ไม่มีใครอยากหยิกและซูม
สำหรับผู้ลงโฆษณาและนักการตลาดที่ตัดสินใจเพิ่มประสิทธิภาพประสบการณ์หน้าเว็บของตนในอุปกรณ์ต่างๆ การออกแบบและอัปเดตประสบการณ์ใช้งานบนมือถือและแท็บเล็ตโดยเฉพาะจะต้องใช้เวลามาก ทุกวันนี้ สิ่งสำคัญสำหรับผู้ลงโฆษณาและนักการตลาดคือการสร้างประสบการณ์ที่ตอบสนองต่ออุปกรณ์เคลื่อนที่
แทนที่จะสร้างประสบการณ์หน้า Landing Page หลังการคลิกโดยเฉพาะสำหรับขนาดหน้าจอและความละเอียดแต่ละแบบ คุณสมควรได้รับโซลูชันที่ดีกว่านี้ โซลูชันดังกล่าวควรช่วยให้คุณสร้างประสบการณ์หน้าเดียวที่ปรับขนาดโดยอัตโนมัติเพื่อให้ตรงกับอุปกรณ์ที่ใช้ดู ช่วยประหยัดทรัพยากรอันมีค่าในขณะที่เพิ่มประสิทธิภาพสำหรับการแปลง
ตอนนี้คุณมีแล้วกับประสบการณ์หน้าตอบสนอง
ประสบการณ์หน้าตอบสนองใน Instapage คืออะไร?
เริ่มตั้งแต่วันนี้เป็นต้นไป คุณสามารถเปิดใช้หน้า Landing Page หลังการคลิกที่ตอบสนองได้อย่างเต็มที่เพื่อเพิ่มประสิทธิภาพประสบการณ์บนเดสก์ท็อปและอุปกรณ์เคลื่อนที่ต่างๆ แพลตฟอร์มของเราจะปรับขนาดเนื้อหาและองค์ประกอบของหน้าโดยอัตโนมัติเพื่อให้ตรงกับขนาดหน้าจอที่จะดูประสบการณ์ของหน้า ตอนนี้ผู้เยี่ยมชมของคุณจะได้รับประสบการณ์ที่สอดคล้องกันซึ่งได้รับการปรับให้เหมาะสมสำหรับอุปกรณ์และขนาดหน้าจอของพวกเขาโดยไม่ต้องเลื่อน ซูม หรือเลื่อน
เมื่อรวมกับความเร็วในการโหลดหน้าเว็บที่เกือบจะทันที (จะเพิ่มเติมในภายหลัง) ผู้เยี่ยมชมของคุณสามารถสัมผัสประสบการณ์การโหลดที่รวดเร็วในทุกอุปกรณ์ของพวกเขา Responsive Page Experiences รองรับอุปกรณ์ยอดนิยมทุกประเภท ขนาด และความละเอียด รวมถึงสมาร์ทโฟน แท็บเล็ต และรุ่นเดสก์ท็อปยอดนิยม
สิ่งนี้แตกต่างจากการตอบสนองผ่านมือถืออย่างไร
เมื่อนานมาแล้ว หน้า Landing Page หลังการคลิกของ Instapage ถูกทำให้ตอบสนองต่อมือถือได้ แต่ฟีเจอร์ใหม่นี้ไม่ได้เกี่ยวกับมือถือเท่านั้น การอัปเดตนี้เกี่ยวกับเบราว์เซอร์เช่นกัน เนื่องจาก ประสบการณ์หน้าใหม่ทั้งหมดจะตอบสนองอย่างเต็มที่บนอุปกรณ์ยอดนิยมทั่วเว็บเบราว์เซอร์หลักๆ รวมถึง Google Chrome, Firefox และ Safari
การผสมผสานระหว่าง Responsive Page Experiences, AMP และคุณสมบัติการตอบสนองต่ออุปกรณ์พกพา เช่น การซ่อนบล็อกมือถือ การสร้างบล็อกบนมือถือ และการล็อคอัตราส่วนกว้างยาวของอุปกรณ์พกพา ทำให้ Instapage เป็นแพลตฟอร์มการเพิ่มประสิทธิภาพหลังการคลิกพร้อมคุณสมบัติการเพิ่มประสิทธิภาพมือถือที่ครอบคลุมที่สุดในตลาด
มันทำงานอย่างไร
สำหรับผู้ที่สงสัยในทางเทคนิค ประสบการณ์หน้าเว็บของเราเปลี่ยนจากมุมมองเดสก์ท็อปเป็นมุมมองมือถือที่ 768px และขนาดเนื้อหาบนมือถือของเราคือ 400px การปรับขนาดเกิดขึ้นเมื่อขนาดหน้าจอเล็กกว่าขนาดเนื้อหา (ระหว่าง 768px-1200px) และเมื่อขนาดหน้าจอต่ำกว่า 400 เมื่อขนาดหน้าจอของอุปกรณ์เล็กกว่าขนาดเนื้อหา เนื้อหาจะปรับขนาดให้พอดีกับขนาดหน้าจอของอุปกรณ์โดยอัตโนมัติ หากขนาดหน้าจอใหญ่กว่าเนื้อหา ขนาดเนื้อหาจะยังคงคงที่

มีอะไรอีกบ้างที่มาพร้อมกับคุณสมบัตินี้?
การเพิ่มความเร็วหน้าเว็บไม่ใช่การเปิดเผยใหม่สำหรับนักการตลาดดิจิทัล มันชัดเจนอยู่แล้ว แต่ให้เราถามคุณสิ่งนี้ ...
คุณมีอัลกอริธึมที่เป็นกรรมสิทธิ์เช่น Thor Render Engine™ หรือไม่?
ไม่ว่าจะใช้อุปกรณ์ใด หน้าเว็บของคุณจะโหลดได้เร็วกว่าที่เคย เนื่องจากเปิดตัวในเดือนธันวาคม 2018 ด้วยฟีเจอร์ผลิตภัณฑ์ใหม่ 4 รายการ Instapage Thor Render Engine™ นั้นเร็วกว่าอย่างเห็นได้ชัด ลูกค้า Instapage สามารถรับหน้าได้เร็วขึ้น 3 เท่า เราใช้ Google PageSpeed Insights เพื่อทำการทดสอบตัวอย่างเพื่อแสดงการปรับปรุง
เปรียบเทียบเครื่องกำเนิดไฟฟ้าแบบเก่ากับ Thor Render Engine™
ตัวอย่างที่นี่คือหน้าที่ เหมือนกันทุก ประการ ความแตกต่างเพียงอย่างเดียวคือผลลัพธ์แรกใช้ตัวสร้างหน้าเก่า ในขณะที่ผลลัพธ์ที่สองแสดงความเร็วของหน้าด้วย Thor Render Engine™:


คะแนน 56 ในการทดสอบครั้งแรก และเพิ่มเป็น 95 ในการทดสอบครั้งที่สอง ความเร็วในการโหลดหน้าเว็บเพิ่มขึ้น 58.9%
วิธีเปิดใช้งาน Thor Render Engine™
หน้าใหม่จะใช้ตัวสร้างหน้าใหม่โดยอัตโนมัติ แต่สำหรับหน้าที่มีอยู่ ผู้ใช้จำเป็นต้อง "อัปเดตการเปลี่ยนแปลง" จากนั้นยืนยันว่าคุณต้องการเปลี่ยน
หมายเหตุ: การอัปเดตผลิตภัณฑ์นี้แยกจากหน้า Landing Page ของ AMP หลังการคลิก เนื่องจากเป็นเฟรมเวิร์กโค้ดที่แตกต่างกัน สำหรับรายละเอียดเกี่ยวกับ AMP โปรดอ่านประกาศเกี่ยวกับผลิตภัณฑ์อย่างเป็นทางการของเราที่นี่
จุดปวดและวิธีที่ Responsive Page Experiences แก้ปัญหาเหล่านั้น
จุดปวด 1
ฉันต้องการให้บริการประสบการณ์หน้าแบบตอบสนองแก่ผู้เยี่ยมชมรายต่างๆ ของฉัน แต่ไม่มีแหล่งข้อมูลเพิ่มเติมในการเขียนโค้ดหน้าของฉันเช่นนี้
สารละลาย
ประสบการณ์หน้า Landing Page หลังการคลิกของ Instapage นั้นมาพร้อมกับการออกแบบที่ตอบสนองอย่างเต็มที่โดยค่าเริ่มต้น และจะปรับขนาดโดยอัตโนมัติเพื่อให้พอดีกับอุปกรณ์ที่มีขนาดหน้าจอต่างๆ
จุดปวด2
ผู้เยี่ยมชมของฉันมาจากอุปกรณ์หลายประเภทและหลายขนาด ฉันต้องการโซลูชันที่จะปรับประสบการณ์หน้า Landing Page หลังคลิกโดยอัตโนมัติเพื่อแสดงอย่างเหมาะสมที่สุดโดยไม่คำนึงถึงอุปกรณ์และความละเอียด
สารละลาย
ประสบการณ์หน้า Landing Page หลังการคลิกของ Instapage นั้นมาพร้อมกับการออกแบบที่ตอบสนองอย่างเต็มที่ซึ่งจะปรับขนาดโดยอัตโนมัติเพื่อให้พอดีกับอุปกรณ์ที่มีขนาดหน้าจอต่างๆ ประสบการณ์หน้าตอบสนองของ Instapage ช่วยให้ผู้เยี่ยมชมของคุณได้สัมผัสกับหน้า Landing Page หลังการคลิกเวอร์ชันที่ปรับให้เหมาะสมที่สุดโดยไม่คำนึงถึงอุปกรณ์ที่ใช้
จุดปวด3
ฉันต้องการวิธีที่ดีกว่าในการมอบประสบการณ์ที่ดีที่สุดแก่ผู้เยี่ยมชมของฉัน มากกว่าการสร้างประสบการณ์เฉพาะสำหรับอุปกรณ์และขนาดหน้าจอที่แตกต่างกัน
สารละลาย
ประสบการณ์หน้าตอบสนองของ Instapage ช่วยให้คุณสร้างหน้าเดียวที่ปรับขนาดตามสัญชาตญาณเพื่อให้พอดีกับขนาดหน้าจอต่างๆ
มอบประสบการณ์ที่ดีที่สุดให้กับผู้เยี่ยมชมของคุณ
ไม่มีใครอยากจะหยิกและซูมและเราต้องการให้ทุกสิ่งที่ทำตอนนี้ได้โดยไม่ต้องรอ ผู้มีแนวโน้มจะเป็นลูกค้าและลูกค้าของคุณก็ไม่ต่างกัน
อย่าปล่อยให้การแปลงของคุณขึ้นอยู่กับโอกาส กระตุ้น Conversion ด้วยประสบการณ์หน้าเว็บที่ตอบสนองได้ในทุกอุปกรณ์และความละเอียดยอดนิยม ค้นหาวิธีสร้างประสบการณ์หน้าตอบสนองโดยสมัครใช้งานการสาธิต Instapage Enterprise วันนี้
