Bạn đã bao giờ điều hướng đến một sản phẩm trên một trang web và sau đó muốn xem các tùy chọn khác từ cùng một danh mục? Một trong những cách nhanh nhất để làm điều này là nhấp vào cấp độ tiếp theo trong điều hướng breadcrumb của trang web.
Ví dụ: nếu bạn đang tìm kiếm một thiết bị tưới cỏ, bạn có thể quyết định xem nhiều sự lựa chọn hơn. Trong điều hướng breadcrumb này từ tìm kiếm trên Amazon, bạn có thể nhấp vào Sprinklers để xem thêm các sản phẩm tưới phun nước hoặc làm việc theo cách của bạn lên cao hơn trong chuỗi bằng cách nhấp vào Thiết bị tưới nước.
Là một blogger hay người quản lý cửa hàng trực tuyến, có thể bạn muốn sắp xếp nội dung hoặc sản phẩm của mình thành các danh mục và danh mục phụ. Tuy nhiên, có quá nhiều phần trên trang web của bạn có thể gây nhầm lẫn cho người đọc và khiến họ cảm thấy hơi mất hứng.
Đây là nơi điều hướng breadcrumb xuất hiện. Breadcrumbs hiển thị một đường dẫn liên kết, cho phép người dùng theo dõi các chuyển động của họ trong trang web của bạn. Nó cũng giúp họ quay lại các trang trước đó một cách dễ dàng.
Trong bài đăng này, chúng tôi sẽ xem xét kỹ hơn các liên kết điều hướng đường dẫn WordPress và cách chúng có thể cải thiện Trải nghiệm người dùng (UX) và Tối ưu hóa công cụ tìm kiếm (SEO) của bạn . Sau đó, chúng tôi sẽ chỉ cho bạn một số cách khác nhau để thêm các liên kết này vào trang web WordPress.com của bạn. Bắt đầu nào!
Liên kết điều hướng Breadcrumb của WordPress là gì (Và tại sao chúng lại quan trọng đối với trang web của bạn)
Điều hướng đường dẫn là một phần tử thiết kế hiển thị thứ bậc của một tập hợp các trang trên một trang web. Tính năng này có thể hữu ích cho các trang web xuất bản nội dung về các chủ đề khác nhau, chẳng hạn như blog giáo dục, cũng như các cửa hàng trực tuyến có bán nhiều loại sản phẩm:
Điều quan trọng cần lưu ý là điều hướng breadcrumb phục vụ một mục đích hơi khác so với menu điều hướng chính .
Mục đích của điều hướng breadcrumb trong WordPress là gì?
Điều hướng đường dẫn là một đường dẫn các liên kết cho khách truy cập biết họ đang ở đâu trên trang web của bạn và giúp họ dễ dàng truy tìm lại các bước của mình. Đường mòn này là nguồn cảm hứng đằng sau việc đặt tên cho loại điều hướng này là “breadcrumbs”.
Khi người dùng đọc xong một bài đăng trên blog của bạn, họ có thể dễ dàng quay lại trang trước đó (trang đã dẫn họ đến bài viết cụ thể đó trên trang web của bạn). Họ có thể thực hiện việc này bằng cách nhấp vào liên kết breadcrumb tương ứng. Làm điều này giúp họ không phải tìm menu chính và cố gắng nhớ vị trí của họ trên trang web của bạn trước khi họ tình cờ tìm thấy bài đăng đó.
Ví dụ: một trang web du lịch có thể có một menu điều hướng breadcrumb trông giống như sau:
Hoa Kỳ> New York> Hoạt động giải trí> Điểm tham quan miễn phí
Sau khi độc giả đã xem tất cả các điểm tham quan miễn phí ở New York, họ có thể quyết định quay lại trang “Việc cần làm” để xem các loại hoạt động khác. Nếu họ truy cập một trang mới, menu breadcrumb có thể trông hơi khác một chút:
Hoa Kỳ> New York> Hoạt động giải trí> Hoạt động ngoài trời
Như chúng ta có thể thấy, điều hướng breadcrumb có thể nâng cao UX cho trang web của bạn. Nó thực hiện điều này bằng cách giúp người đọc dễ dàng điều hướng theo cách của họ xung quanh nội dung của bạn.
Hơn nữa, tính năng này cũng có thể giúp bạn cải thiện SEO của mình. Các công cụ tìm kiếm như Google sẽ hiển thị các liên kết breadcrumb của bạn trong kết quả:
Các liên kết breadcrumb có thể giúp tăng khả năng hiển thị của bạn trong các Trang kết quả của Công cụ Tìm kiếm (SERPs). Đổi lại, chúng có thể dẫn đến tỷ lệ nhấp cao hơn . Tuy nhiên, bạn sẽ cần đảm bảo rằng các liên kết điều hướng breadcrumb của bạn được thiết lập chính xác để điều này hoạt động.
Cách thêm điều hướng Breadcrumb vào trang web WordPress.com của bạn (2 phương pháp)
Bây giờ chúng ta đã đề cập đến tầm quan trọng của việc có các liên kết điều hướng breadcrumb trên trang web WordPress của bạn, hãy xem xét một số cách bạn có thể kết hợp chúng vào nội dung của mình.
Nếu bạn là người dùng WordPress.com, bạn sẽ cần sử dụng gói hỗ trợ plugin để truy cập các plugin được đề cập trong hướng dẫn này.
1. Sử dụng một Plugin WordPress
Một trong những cách dễ nhất để thêm điều hướng breadcrumb vào trang web của bạn là sử dụng một plugin miễn phí. Hãy xem xét hai tùy chọn phổ biến: Tất cả trong một SEO và Breadcrumb NavXt .
Thêm Breadcrumbs với tất cả trong một SEO
Tất cả trong một SEO (AIOSEO) là một trong những plugin SEO mạnh mẽ nhất trên thị trường WordPress:
Plugin này được đóng gói với các tính năng để giúp tăng thứ hạng trang web của bạn trong các công cụ tìm kiếm. Nó bao gồm đánh dấu lược đồ , là dữ liệu mà bạn có thể thêm vào trang web của mình để các công cụ tìm kiếm có thể hiển thị các trang của bạn theo cách nhiều thông tin hơn. Ví dụ: nó cho phép bạn kích hoạt các đoạn mã chi tiết và liên kết trang web breadcrumbs.
Để bắt đầu, hãy chuyển đến Plugins > Add New trong trang tổng quan WordPress.com của bạn và tìm kiếm “All in One SEO”. Sau đó, nhấp vào Cài đặt ngay , tiếp theo là Kích hoạt :
Làm như vậy sẽ đưa bạn đến trình hướng dẫn thiết lập của plugin. Hãy tiếp tục và nhấp vào Hãy bắt đầu :
Trước tiên, bạn sẽ được yêu cầu chọn một danh mục mô tả tốt nhất trang web của bạn:
Tại đây, bạn có thể xác định trang chủ của mình sẽ trông như thế nào trong SERPs. Ví dụ: bạn có thể muốn đảm bảo rằng tiêu đề trang web và dòng giới thiệu của bạn sẽ hiển thị:
Khi bạn đã sẵn sàng, hãy nhấp vào Lưu và Tiếp tục . Trên trang tiếp theo, bạn sẽ cần cung cấp thông tin chi tiết về trang web và các liên kết đến các trang mạng xã hội của mình . Bạn có thể bỏ qua bước này và điền thông tin này sau nếu muốn.
Bạn cũng sẽ cần chọn các tính năng SEO mà bạn muốn thêm vào trang web của mình:
Khi bạn đã hoàn tất thiết lập, hãy quay lại trang tổng quan WordPress.com của bạn và điều hướng đến Tất cả trong một SEO > Cài đặt chung . Sau đó, chọn Breadcrumbs từ menu:
Theo mặc định, AIOSEO thêm đường dẫn vào đánh dấu lược đồ trang web của bạn. Nó cũng cung cấp cho bạn bốn cách để hiển thị các đường dẫn điều hướng breadcrumb trên trang web của bạn.
Nếu bạn chọn tùy chọn Mã ngắn, bạn sẽ nhập mã sau vào nơi bạn muốn hiển thị đường dẫn:
[aioseo_breadcrumbs]
Nếu bạn đang sử dụng Trình chỉnh sửa khối , bạn có thể chỉ cần thêm khối Mã ngắn vào bài đăng của mình và dán mã vào đó:
Ngoài ra, bạn có thể hiển thị điều hướng breadcrumb của mình thông qua Khối Gutenberg chuyên dụng. Để thực hiện việc này, bạn chỉ cần chèn khối AIOSEO – Breadcrumbs vào bài đăng của mình:
Các phương pháp trên cho phép bạn thêm các liên kết breadcrumbs vào các trang hoặc bài đăng riêng lẻ. Tuy nhiên, bạn có thể muốn tự động thêm chúng vào mọi trang trên trang web của mình. Nếu vậy, AIOSEO – tiện ích breadcrumbs có thể hữu ích.
Để thêm nó vào trang web của bạn, hãy đi tới Giao diện > Tiện ích . Trong Customizer, hãy chọn tùy chọn Widgets , tìm AIOSEO – breadcrumbs và thêm nó vào sidebar:
Một cách khác để thêm liên kết điều hướng breadcrumbs vào trang web của bạn là sử dụng mã . Tuy nhiên, phương pháp này có thể hơi khó khăn vì nó liên quan đến việc chỉnh sửa các tệp chủ đề WordPress của bạn. Do đó, chúng tôi khuyên bạn nên sử dụng một trong các phương pháp khác được mô tả ở trên.
Plugin AIOSEO cũng cho phép bạn sửa đổi giao diện của các liên kết breadcrumbs trong kết quả tìm kiếm. Ví dụ: bạn có thể thay đổi dấu phân tách và nhãn trang chủ thành một cái gì đó khác:
Ngoài ra, bạn có thể tùy chỉnh các nhãn cho trang lưu trữ của mình, trang kết quả và lỗi 404 :
Khi bạn đã sẵn sàng, hãy nhấp vào nút Lưu thay đổi . Vậy là xong – điều hướng breadcrumb hiện đã được thiết lập đầy đủ trên trang web của bạn!
Thêm Breadcrumbs với Breadcrumb NavXT
Mặc dù AIOSEO là một công cụ mạnh mẽ, nhưng bạn có thể đã sử dụng một plugin SEO trên trang web của mình. Nếu đúng như vậy, hãy kiểm tra xem plugin SEO của bạn có tùy chọn breadcrumb hay không. Nếu không, bạn có thể muốn chọn một plugin đặc biệt dành riêng cho điều hướng breadcrumb.
Một công cụ như vậy bạn có thể sử dụng là Breadcrumb NavXT . Plugin này tạo các đường dẫn breadcrumb cho trang web WordPress của bạn. Nó cũng cho phép bạn tùy chỉnh chúng để phù hợp với nhu cầu và sở thích của bạn.
Khi bạn đã cài đặt và kích hoạt plugin, hãy chuyển đến Cài đặt > Breadcrumb NavXT trong bảng điều khiển WordPress của bạn. Tại đây, bạn có thể định cấu hình cài đặt cho các đường dẫn đường dẫn khác nhau trên trang web của mình:
Ví dụ: bạn có thể thay đổi dấu phân cách xuất hiện giữa các liên kết breadcrumb. Bạn cũng có thể xóa các trang cụ thể khỏi đường mòn, chẳng hạn như trang chủ hoặc blog của bạn.
Nếu bạn đi đến tab Loại bài đăng , bạn có thể thay đổi cách các bài đăng trên blog của bạn xuất hiện trong điều hướng breadcrumb:
Ví dụ: bạn có thể chọn các yếu tố bạn muốn hiển thị trong hệ thống phân cấp của bài đăng của mình, chẳng hạn như thẻ hoặc danh mục. Bạn cũng có thể điều chỉnh đường dẫn breadcrumb cho phương tiện và dự án của mình.
Ngoài ra, bạn có thể chỉnh sửa giao diện của breadcrumbs cho các danh mục và thẻ blog của mình. Để truy cập các cài đặt này, bạn cần nhấp vào tab Phân loại :
Cuối cùng, bạn có thể điều hướng đến phần Linh tinh để điều chỉnh mẫu cho các loại breadcrumbs khác. Ví dụ: bạn có thể định cấu hình lưu trữ tác giả, ngày tháng và lỗi 404.
Để hiển thị đường dẫn trên trang web của bạn, hãy điều hướng đến Giao diện > Tiện ích . Sau đó, chọn lại Widget từ menu. Tại đây, bạn có thể thêm tiện ích Breadcrumb NavXT vào thanh bên của mình :
Như bạn có thể thấy, Breadcrumb NavXT là một công cụ rất đơn giản. Bạn có thể sử dụng nó để hiển thị đường dẫn breadcrumb cho các loại nội dung khác nhau trên trang web của mình và tùy chỉnh nó để đáp ứng nhu cầu của bạn.
2. Sử dụng Chủ đề WordPress.com
Một số chủ đề WordPress.com của chúng tôi đi kèm với điều hướng breadcrumb tích hợp sẵn . Như vậy, bạn sẽ không phải cài đặt plugin để thêm tính năng này vào trang web của mình. Hãy xem xét một số chủ đề mà bạn có thể sử dụng từ kho của chúng tôi.
Sách văn bản
Chúng tôi thiết kế TextBook đặc biệt cho các trường học, cao đẳng và các tổ chức giáo dục khác . Tuy nhiên, bạn có thể sử dụng nó cho bất kỳ loại trang web nào.
Chủ đề có hệ thống phân cấp các trang phức tạp, như bạn có thể thấy ở đầu ảnh chụp màn hình này:
Điều này làm cho TextBook trở thành lựa chọn lý tưởng cho các trang web bao gồm nhiều chủ đề hoặc blog có nội dung được sắp xếp thành nhiều danh mục và danh mục con. Chủ đề cũng sẵn sàng trợ năng và hoàn toàn đáp ứng.
Tuần tự
Nếu bạn đang tìm kiếm một chủ đề hiện đại, sạch sẽ thì Sequential có thể là lựa chọn phù hợp cho bạn. Nó phù hợp với hầu hết các trang web, nhưng nó được thiết kế chủ yếu cho các doanh nghiệp trực tuyến .
Các liên kết đường dẫn được đặt nổi bật trên trang, cho phép người dùng đi lang thang quanh trang web của bạn một cách dễ dàng:
Chủ đề có mẫu trang lưới hiển thị các trang con của trang mẹ ở định dạng chuyên nghiệp. Tính năng này hoàn hảo để giới thiệu lời chứng thực , dịch vụ hoặc nghiên cứu điển hình liên quan đến doanh nghiệp của bạn.
Edin
Edin là một chủ đề đa dụng và đáp ứng cho các loại hình kinh doanh khác nhau. Bạn có thể muốn sử dụng nó nếu bạn đang tìm kiếm sự linh hoạt và khả năng hiển thị hình ảnh toàn chiều rộng qua trang chủ.
Ngoài ra, Edin cho phép bạn kích hoạt các liên kết điều hướng breadcrumb trên các trang. Bạn có thể truy cập cài đặt này bằng cách đi tới Cài đặt chủ đề trong Trình tùy chỉnh. Sau đó, các bài đăng và trang sẽ tự động tạo breadcrumbs ở trên cùng:
Hơn nữa, chủ đề bao gồm nhiều loại trang, chẳng hạn như các tùy chọn lưới, toàn chiều rộng và thanh bên thay thế. Do đó, Edin có thể là một lựa chọn tuyệt vời để hiển thị nhiếp ảnh chất lượng cao, biểu mẫu liên hệ và nghiên cứu điển hình .
Sự kết luận
Đường dẫn WordPress cho phép người dùng của bạn theo dõi chuyển động của họ trên trang web của bạn. Sử dụng nó, người đọc có thể dễ dàng truy tìm lại các bước của họ và quay lại các trang trước đó bằng cách nhấp vào các liên kết trong đường dẫn breadcrumb. Tính năng này không chỉ cải thiện trải nghiệm người dùng trên trang web của bạn mà còn có thể giúp bạn tăng khả năng hiển thị trong kết quả của công cụ tìm kiếm.
Trong bài đăng này, chúng tôi đã xem xét hai cách khác nhau để bạn có thể thêm điều hướng breadcrumb vào trang web WordPress của mình:
- Bằng cách sử dụng một plugin SEO mạnh mẽ, chẳng hạn như Tất cả trong một SEO hoặc Breadcrumb NavXt
- Bằng cách sử dụng chủ đề WordPress.com đi kèm với các liên kết breadcrumbs, chẳng hạn như TextBook , Sequential hoặc Edin
