คุณต้องการเพิ่มเบรดครัมบ์ – เบรดครัมบ์ – ไปยังเว็บไซต์หรือไม่ Elementor ?

เราทุกคนรู้จักเทพนิยาย Hansel และ Gretel ใช่ไหม? พี่น้องสองคนหลงทางที่เคยทิ้งเศษขนมปังตามทางกลับบ้าน

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

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

เกล็ดขนมปังบนเว็บไซต์คืออะไร?

ด้ายของ Ariadne ของElementor เป็นเส้นทางข้อความขนาดเล็กที่ทำงานเหมือนกับเข็มทิศเสมือนสำหรับเว็บไซต์ ด้วยระบบนำทางรองนี้ ผู้เยี่ยมชมสามารถกลับไปยังหน้าที่ตนเรียกดูได้

เพิ่ม breadcrumbs - Breadcrumbs - ไปที่เว็บไซต์ Elementor

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

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

วิดเจ็ตเบรดครัมบ์ของ Elementor นำเสนออะไร

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

นั่นคือ:

  • สไตล์เบรดครัมบ์ที่ปรับแต่งได้
  • การปรับแต่งตัวอักษร สี และอื่นๆ
  • ความสามารถในการเพิ่มไอคอนแบบกำหนดเองแต่ละรายการสำหรับหน้าแรกและหน้าอื่นๆ
  • การเลือกรูปแบบตัวคั่นสำหรับข้อความหรือไอคอน

วิธีใช้เบรดครัมบ์กับ Elementor Pro

วิดเจ็ตเบรดครัมบ์ของ Elementor ทำงานร่วมกับ ปลั๊กอิน Yoast SEO. ดังนั้น คุณต้องติดตั้งปลั๊กอิน Yoast ก่อน จากนั้นจึงสร้าง breadcrumbs บนหน้าเว็บของคุณ

ขั้นตอนที่ 1: ติดตั้งปลั๊กอิน Yoast SEO

การเข้าถึง ปลั๊กอิน จากแดชบอร์ด WordPress ของคุณ จากนั้นคลิกปุ่ม เพิ่ม. จากนั้นค้นหา Yoast และกดปุ่มติดตั้ง เมื่อติดตั้งแล้ว ให้เปิดใช้งานปลั๊กอิน

ค้นหาคำแนะนำของเรา วิธีติดตั้งปลั๊กอิน WordPress

ขั้นตอนที่ 2: กำหนดค่าเบรดครัมบ์จากการตั้งค่า Yoast

เมื่อคุณติดตั้งและเปิดใช้งานปลั๊กอินแล้ว ให้ไปที่  SEO >> การตั้งค่า SEO. แล้วเปลี่ยนเป็น " เบรดครัมบ์ และเปิดใช้งานการแสดงเส้นทางและเปลี่ยนการตั้งค่า

เพิ่ม breadcrumbs - Breadcrumbs - ไปที่เว็บไซต์ Elementor

ขั้นตอนที่ 3: เพิ่มเบรดครัมบ์ลงในหน้าเว็บ

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

เพิ่ม breadcrumbs - Breadcrumbs - ไปที่เว็บไซต์ Elementor

ในแผงวิดเจ็ตเบรดครัมบ์ คุณสามารถตั้งค่า การจัดตำแหน่ง และเลือก แท็ก HTML ในเกล็ดขนมปัง

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

เพิ่ม breadcrumbs - Breadcrumbs - ไปที่เว็บไซต์ Elementor

เพียงเท่านี้ คลิกปุ่มเผยแพร่หรืออัปเดตเพื่อใช้การเปลี่ยนแปลงของคุณ

เหตุใดจึงต้องใช้เบรดครัมบ์ของ Elementor บนเว็บไซต์ของคุณ

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

การนำทางเบรดครัมบ์มีข้อดีหลายประการ

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

ดูเพิ่มเติม: วิธีเพิ่ม reCAPTCHA ให้กับแบบฟอร์มของคุณ

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

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

ความคิดสุดท้าย

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

รับ Elementor Pro ทันที!

สรุป

ดังนั้น ! บทความนี้จะแสดงวิธีเพิ่ม breadcrumbs -Breadcrumbs- ให้กับเว็บไซต์ของคุณสำหรับบทความนี้ หากคุณมีข้อกังวลใด ๆ เกี่ยวกับวิธีการเดินทางไปที่นั่น แจ้งให้เราทราบภายใน ความเห็น.

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

แต่ในขณะเดียวกัน แบ่งปันบทความนี้ในเครือข่ายโซเชียลต่าง ๆ ของคุณ.

...