วิธีการออกแบบลิงค์และ CTA ที่เข้าใจผิดได้

คุณเคยดูสถิติเว็บไซต์ของคุณและสงสัยว่า: “ทำไมคนไม่ไปที่ที่ฉันต้องการ”

ทำไมพวกเขาไม่ไปที่หน้าผลิตภัณฑ์ของคุณ ทำไมพวกเขาไม่ทำการซื้อใด ๆ เลย?

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

ระบุปัญหา

อันดับแรก เราต้องระบุถึงปัญหาที่อาจเกิดขึ้น เครื่องมือที่มีประโยชน์ เช่น Google Analytics สามารถให้ข้อมูลทางสถิติมากมายเกี่ยวกับไซต์ของคุณ แต่ฉันพบว่าเครื่องมือที่มองเห็นได้มากกว่านี้ เช่น Crazy Egg, Heatmap.com และ Inspectlet สามารถช่วยให้คุณระบุได้อย่างแม่นยำว่าปัญหาในเว็บไซต์ของคุณอยู่ที่ใด ไซต์โกหก

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

โซลูชั่น

ความชัดเจน

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

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

Download.cnet.com ก็แย่พอๆ กับ filehippo สำหรับเรื่องนี้ คุณเห็นลิงก์ดาวน์โหลดหรือแบนเนอร์สีส้มและสีน้ำเงินขนาดใหญ่ที่ด้านบนของหน้าก่อนหรือไม่ ในกรณีนี้ จะนำคุณไปยังเว็บไซต์ของบริษัท แต่อีกอันหนึ่งสามารถนำคุณไปได้ทุกที่

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

สไตล์

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

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

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

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

แต่นี่หมายความว่าลิงก์ทั้งหมดของเราควรเป็นปุ่มสว่างขนาดใหญ่หรือไม่

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

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

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

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

ตำแหน่งบนหน้าจอ

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

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

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

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

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

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

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

นอกจากนี้ คุณอาจสังเกตเห็นว่าปุ่มต่างๆ เป็นไปตามกฎทั้งหมด: ชัดเจน มีระยะห่างและมีสไตล์ที่น่าดึงดูดใจ และปรากฏอย่างมีตรรกะบนกริด ใต้ผลิตภัณฑ์ และคำอธิบายใดๆ ที่อาจมี

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

สรุป

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

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

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

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

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