Bạn có muốn thêm mẩu bánh mì – Breadcrumbs – vào một trang web Elementor ?
Tất cả chúng ta đều biết câu chuyện cổ tích Hansel và Gretel, phải không? Hai anh em ruột lưu lạc từng để lại dấu vết với những mẩu bánh mì để theo đường trở về nhà.
Khái niệm về breadcrumbs của trang web là khá giống nhau. Về cơ bản, breadcrumb cho khách truy cập biết dấu chân của họ trên trang web và cho khách truy cập của bạn biết họ đang ở đâu. Với breadcrumbs, khách truy cập có thể điều hướng đến vị trí của họ trên trang web, nơi họ có thể quay lại con đường mà họ đã đi. Nói tóm lại, nó hoạt động giống như một trình duyệt trên trang web, cải thiện trải nghiệm người dùng.
Trong bài viết này, bạn sẽ tìm hiểu thêm về breadcrumb khi chúng ta sẽ thảo luận về tiện ích con Elementor Breadcrumbs, tại sao sử dụng nó và cách sử dụng nó.
Đường dẫn trên một trang web là gì?
Chủ đề của AriadneElementor là một đường dẫn văn bản nhỏ hoạt động giống như một la bàn ảo cho các trang web. Với hệ thống điều hướng phụ này, khách truy cập có thể quay lại các trang họ đã duyệt.
Ví dụ: bạn truy cập một cửa hàng trực tuyến để mua một chiếc tai nghe, chẳng hạn như iPod. Do đó, bạn sẽ đi đến trang chủ, sau đó đến trang phụ kiện và cuối cùng là trang sản phẩm. Trong trường hợp này, breadcrumb sẽ như sau: Trang chủ> Phụ kiện> Earbud> iPod.
Nó hiển thị đường dẫn bạn đã đi đến trang. Và mọi phần của nó đều có thể nhấp được. Ví dụ: nếu bạn muốn quay lại trang phụ kiện, chỉ cần nhấp vào "Phụ kiện" trong đường dẫn. Và bạn sẽ đi đến trang.
Tiện ích con đường dẫn Elementor cung cấp những gì?
Trình tạo trang web Elementor giúp bạn dễ dàng thêm breadcrumbs vào trang web WordPress của mình. Bạn chỉ cần kéo và thả widget và cấu hình nó. Có một số tính năng tuyệt vời mà tiện ích này cung cấp.
Những người đang có :
- Kiểu Breadcrumb có thể tùy chỉnh.
- Tùy chỉnh kiểu chữ, màu sắc và hơn thế nữa.
- Khả năng thêm các biểu tượng tùy chỉnh riêng lẻ cho trang chủ và các trang khác.
- Lựa chọn kiểu phân tách cho văn bản hoặc biểu tượng
Cách sử dụng Breadcrumb với Elementor Pro
Tiện ích con đường dẫn Elementor làm việc với Plugin SEO Yoast. Vì vậy, bạn cần cài đặt plugin Yoast trước và sau đó tạo breadcrumbs trên trang web của mình.
Bước 1: Cài đặt plugin Yoast SEO
Truy cập vào bổ sung từ bảng điều khiển WordPress của bạn, sau đó nhấp vào nút Thêm vào. Tiếp theo, tìm kiếm Yoast và nhấn nút cài đặt. Sau khi cài đặt, hãy kích hoạt plugin.
Khám phá hướng dẫn của chúng tôi trên Cách cài đặt plugin WordPress
Bước 2: Định cấu hình breadcrumb từ cài đặt Yoast
Khi bạn đã cài đặt và kích hoạt plugin, hãy truy cập SEO >> Cài đặt SEO. Sau đó, chuyển sang " Breadcrumb và bật breadcrumb và thay đổi cài đặt của nó.
Bước 3: Thêm breadcrumbs vào trang web
Sau khi bật cài đặt breadcrumb, hãy chuyển đến trang mà bạn muốn thêm breadcrumb và mở trang bằng Elementor. Sau đó kéo và thả tiện ích vào trình chỉnh sửa của Elementor
Trong bảng tiện ích con breadcrumb, bạn có thể đặt sự liên kết và chọn Thẻ HTML trong breadcrumb.
Trong tab Kiểu Breadcrumb, bạn có thể đặt typographySau đó văn bản màu. Bạn cũng có tùy chọn để đặt các màu riêng lẻ cho các trạng thái đường dẫn Bình thường và Di chuột.
Vậy là xong, bây giờ hãy nhấp vào nút Xuất bản hoặc Cập nhật để áp dụng các thay đổi của bạn.
Tại sao nên sử dụng Elementor's Breadcrumb trên trang web của bạn
Breadcrumb của Elementor giúp bạn cho người dùng biết họ đang ở đâu. Đường dẫn breadcrumb là một công cụ cần thiết để cải thiện trải nghiệm người dùng của trang web của bạn và Tối ưu hóa công cụ tìm kiếm.
Điều hướng đường dẫn có nhiều lợi thế.
SEO : Bạn có thể biết khách truy cập thích breadcrumbs, nhưng Google cũng vậy. Google có thể sử dụng chúng trong kết quả tìm kiếm và điều đó làm cho kết quả của bạn hấp dẫn hơn nhiều đối với người dùng. Ngoài ra, các từ được sử dụng trong breadcrumb có thể là từ khóa mục tiêu của trang web của bạn.
Xem thêm: Cách thêm reCAPTCHA vào biểu mẫu của bạn
Breadcrumb cải thiện UX: Mọi người ghét bị lạc. Bạn cần phải giữ cho khách truy cập vui vẻ và giảm thiểu xích mích càng nhiều càng tốt. Nó có thể giúp ích cho trải nghiệm người dùng của bạn vì nó là một phần tử giao diện chung giúp hiển thị ngay cho mọi người một lối thoát.
Tỷ lệ thoát thấp hơn : Hầu như không ai truy cập vào một trang web thông qua trang chủ. Đó là tất cả về tìm kiếm không phải trả tiền. Điều này có nghĩa là bất kỳ phần nào của trang web của bạn đều có thể là một điểm vào.
suy nghĩ cuối cùng
Tiện ích Elementor Breadcrumbs giúp bạn dễ dàng thêm breadcrumbs vào trang web WordPress của mình. Một loạt các tính năng của Elementor cho phép bạn tạo đường dẫn tùy chỉnh để nâng cao hơn nữa trải nghiệm người dùng.
Tải xuống Elementor Pro ngay!
Kết luận
Cho nên ! Đó là bài viết này hướng dẫn bạn cách thêm breadcrumbs -Breadcrumbs- vào trang web của bạn. Nếu bạn có bất kỳ thắc mắc nào về cách đến đó, hãy cho chúng tôi biết trong vòng ý kiến.
Tuy nhiên, bạn cũng có thể tham khảo ý kiến tài nguyên của chúng tôi, nếu bạn cần thêm các yếu tố để thực hiện các dự án tạo trang Internet của mình, bằng cách tham khảo hướng dẫn của chúng tôi về Tạo blog WordPress hoặc một ngày Divi: chủ đề WordPress tốt nhất mọi thời đại.
Nhưng trong lúc này, chia sẻ bài viết này trên các mạng xã hội khác nhau của bạn.
...
