Hướng dẫn cách sửa lỗi điều hướng breadcrumb như thế nào? #
Breadcrumb là một trong những yếu tố quan trọng không thể thiếu trong quá trình xây dựng cấu trúc website. Tuy nhiên trong quá trình sử dụng Breadcrumb của website thường bị lỗi với phiên bản Schema mới. Nếu không được xử lý kịp thời thì website sẽ bị mất index gây khó khăn cho quá trình SEO sau này. Tham khảo bài viết dưới đây, SEO PLUS sẽ hướng dẫn các bạn cách sửa lỗi điều hướng breadcrumb như thế nào hiệu quả nhé!
Breadcrumb là gì? #
Breadcrumb thực chất là tập hợp các đường dẫn để giúp người dùng có thể biết được vị trí hiện tại của mình đang ở đâu trên cấu trúc website.
Nguồn gốc của thuật ngữ Breadcrumb bắt nguồn từ câu chuyện cổ tích Hansel và Gretel. Câu chuyện này kể về 2 đứa trẻ đã làm rơi những mảnh vụn bánh mì để đánh dấu con đường mình đi mà từ đó bọn chúng có thể tìm đường quay trở về. Tương tự, trong cấu trúc của một website bất kỳ, khi các bạn truy cập vào Breadcrumb người dùng có thể dễ dàng biết nhận biết mình ở đâu và di chuyển tới trang ban đầu bất cứ lúc nào.
Các bạn thường thấy Breadcrumb xuất hiện nhiều tại các website có lượng nội dung lớn và đã được phân chia theo cấp bậc thứ tự từ lớn đến nhỏ. Lúc này, định dạng phổ biến nhất của Breadcrumb chính là các đường dẫn liên kết văn bản được sắp xếp theo chiều ngang và phân tách nhau bằng ký hiệu “>” Điều này thể hiện được cấp độ của trang web như thế nào.
Vai trò của Breadcrumbs trong SEO website #
Breadcrumbs được xây dựng chủ yếu giúp làm tăng trải nghiệm người dùng:
- Breadcrumbs có thể hỗ trợ người dùng điều hướng trên một website
- Đưa ra các đường dẫn click chuột ngắn hơn khi điều hướng qua các cấp của website.
- Thu hút được sự quan tâm của người dùng đến những yếu tố cao hơn trong hệ thống phân cấp của website.
- Thúc đẩy người dùng tương tác nhiều hơn với website của bạn.
Tác dụng của Breadcrumbs đối với SEO:
- Breadcrumbs sẽ giúp làm gia tăng lượng anchor text có gắn từ khóa trên website.
- Breadcrumbs có tá dụng làm giảm mức thu thập thông tin trên website
- Nó sẽ giúp cho các kết quả hiển thị snippets trên nền tảng của các trang kết quả của công cụ tìm kiếm trông đẹp mắt hơn và được Google đánh giá cao hơn.
Các lỗi thường gặp với Điều hướng Breadcrumb #
Khi sử dụng Breadcrumbs cho website, các bạn cũn có thể gặp một số lỗi sau đây:
Lỗi sử dụng Breadcrumbs ngắn cho các Site Structures #
Nếu như đường dẫn Breadcrumb quá ngắn mà trên website lại có nhiều cấp độ thông tin. Thì lúc này, việc sử dụng Breadcrumb sẽ không hiệu quả để tạo ra một Site Structures. Chúng tôi khuyên bạn nếu muốn khắc phục được lỗi cho Breadcrumb thì việc sử dụng cách giúp giảm mức thu thập thông tin. Điều này, nó có thể giúp Tối ưu hóa tỷ lệ thu thập thông tin.
Sử dụng Breadcrumbs Trail đảo ngược trong Title của website #
Trong một số trường hợp, các quản trị viên website thêm Breadcrumb Trail trong title HTML của website. Điều này có thể dẫn đến việc vượt tầm kiểm soát, độ dài tiêu đề không được công cụ Google tìm kiếm hỗ trợ và từ đó sẽ bị rút ngắn trong kết quả tìm kiếm. Chính vì thế, các bạn nên sử dụng Breadcrumb Trail trong Title HTML của website.
Cách Fix lỗi “data-vocabulary.org schema deprecated” trên Blogspot #
Với các fix của wordpress thì khác nên mình không hướng dẫn nhé chỉ hướng dẫn trên Blogspot thôi. Nhưng trước hết bạn hãy sao lưu toàn bộ lại blogspot của các bạn trước nhé tránh những lỗi không mong muốn. Cụ thể như sau:
Bước1: Tiến hành truy cập vào Bloggger của bạn => Chủ đề => Chỉnh sửa HTML
Bước 2: Các bạn tìm kiếm: <b:includable id=’breadcrumb’ var=’posts’>….</b:includable>
Bước 3: Thay thể toàn bộ dòng mình đã tô khoanh mục ở trên bằng dòng code này:
<b:includable id='breadcrumb' var='posts'>
<b:if cond='data:view.isPost'>
<b:loop values='data:posts' var='post'>
<div class='breadcrumbs' itemscope='itemscope' itemtype='https://schema.org/BreadcrumbList'> <span itemprop='itemListElement' itemscope='itemscope' itemtype='https://schema.org/ListItem'> <a expr:href='data:blog.homepageUrl' itemprop='item' title='Home'>
<meta content='1' itemprop='position' /> <span itemprop='name'>
<b:switch var='data:blog.locale'>
<b:case value='id' />Beranda
<b:default />Home</b:switch>
</span></a> </span>
<b:if cond='data:post.labels'>
<b:loop index='nomor' values='data:post.labels' var='label'> &nbsp;›&nbsp; <span itemprop='itemListElement' itemscope='itemscope' itemtype='https://schema.org/ListItem'>
<meta expr:content='data:nomor+2' itemprop='position' /> <a expr:href='data:label.url + "?&max-results=8"' expr:title='data:label.name' itemprop='item' rel='nofollow'> <span itemprop='name'>
<data:label.name /></span> </a> </span> </b:loop>
<b:else /> &nbsp;›&nbsp; <span itemprop='name'>
<data:blog.pageName /></span>
</b:if>
</div>
</b:loop>
<b:elseif cond='data:view.isPage' />
<div class='breadcrumbs' itemscope='itemscope' itemtype='https://schema.org/BreadcrumbList'> <span itemprop='itemListElement' itemscope='itemscope' itemtype='https://schema.org/ListItem'> <a expr:href='data:blog.homepageUrl' itemprop='item' title='Home'>
<meta content='1' itemprop='position' /> <span itemprop='name'>
<b:switch var='data:blog.locale'>
<b:case value='id' />Beranda
<b:default />Home</b:switch>
</span></a> </span> &nbsp;›&nbsp; <span itemprop='itemListElement' itemscope='itemscope' itemtype='https://schema.org/ListItem'>
<meta expr:content='data:num+2' itemprop='position' /> <a expr:href='data:blog.url' expr:title='data:post.url' itemprop='item'> <span itemprop='name'>
<data:blog.pageName /></span> </a> </span> </div>
</b:if>
</b:includable>
Sau đó save lại và ra web mastertool các bạn nhận vào đã khắc phục
Làm thế nào tối ưu Breadcrumb cho website? #
Breadcrumbs được xem là bộ phận quan trọng đối với sự tăng trưởng và phát triển của website. Tuy nhiên, nếu các bạn muốn phát huy tối đa hiệu quả của công cụ này thì bạn cần biết cách sử dụng để đạt được kết quả tốt nhất. Dưới đây là một vài lưu ý bạn cần nắm để tối ưu hóa công cụ này:
Breadcrumbs phải hướng đến người dùng #
Khi tạo Breadcrumbs, các bạn cần phải đặt lợi ích của người dùng lên hàng đầu. Các bạn phải thử đặt mình là người dùng và tạo ra phiên bản tốt nhất cho người dùng. Sau đó, bạn thực hiện tốt các công việc SEO để tạo thêm lợi ích.
Các bạn không nên sử dụng Breadcrumbs để nhồi nhét từ khóa quá đà. Điều này sẽ làm giảm trải nghiệm người dùng, từ đó dẫn đến nhiều hệ lụy cho website như tăng tỷ lệ thoát trang, giảm lượng truy cập, giảm lượt click…
Tối ưu vị trí của Breadcrumbs #
Các bạn hãy đặt Breadcrumbs ở phía đầu trang và làm nhiệm vụ giống như mục lục. Ngoài ra, các bạn có thể đặt Breadcrumbs ở vị trí page title, hay dưới top Navigation bar cũng là vị trí thích hợp. Những vị trí này, người dùng dễ dàng truy cập và nhìn thấy ngay khi cần.
Sử dụng ký tự phân cách rõ ràng #
Bạn nên sử dụng ký tự phân cách rõ ràng như mũi tên hoặc dấu chấm để người dùng có thể dễ dàng hiểu được cấu trúc của trang web.
Thiết kế Breadcrumb rõ ràng và dễ đọc #
Breadcrumb cần được thiết kế sao cho dễ đọc, có thứ tự logic và dễ hiểu cho người dùng. Breadcrumb nên được đặt ở vị trí nổi bật và dễ dàng để tìm thấy trên trang web.
Tối ưu hóa cho điện thoại di động #
Breadcrumb cần được thiết kế để hiển thị tốt trên các thiết bị di động như điện thoại thông minh và máy tính bảng. Breadcrumb cần được thiết kế để có kích thước phù hợp và dễ sử dụng trên các thiết bị nhỏ.
Sử dụng Rich Snippets #
Rich Snippets là một công cụ tối ưu hóa Breadcrumb hiệu quả. Rich Snippets giúp hiển thị các thông tin phù hợp với từ khóa tìm kiếm của người dùng trên trang kết quả tìm kiếm, tăng khả năng click vào Breadcrumb của người dùng.
Mối quan hệ giữa main Navigation/top menu và Breadcrumbs #
Breadcrumbs thực chất chỉ là một hệ thống Navigation phụ trên website. Nó được sử dụng để giúp cho người dùng có thể biết họ đang ở đâu. Chính vì thế, nó không thể thay thế main Navigation/top menu. Vì Navigation/top menu sẽ cho phép người dùng điều hướng trên website tốt hơn. Tuy nhiên, Breadcrumbs lại giúp thu hút sự chú ý tốt cho main Navigation.s
Kết luận
Hy vọng thông qua bài viết trên đây, các bạn đã biết Breadcrumb là gì? Cách sửa lỗi điều hướng breadcrumb như thế nào hiệu quả? Trên thực tế, Breadcrumb không khó sử dụng nhưng để sử dụng nó một cách tốt nhất thì các bạn cần chú ý một số điểm như: nó phải là công cụ có ích cho người dùng, Khi thiết kế Breadcrumb cần phai tạo sự hài hòa với website, xây dựng từ khóa chính xác của bài viết…
