Hôm nay mình sẽ hướng dẫn các bạn làm thế nào để website hiển thị tích xanh kèm dòng chữ “đã xác minh” ở phần breadcrum khi xuất hiện trên công cụ tìm kiếm Google.
Làm xong thì trông nó giống kiểu như thế này:
Thật tuyệt phải không nào!
Nhưng trước tiên bạn cần hiểu một chút về cái “bánh mì vụn” breadcrum là gì, cơ chế hoạt động của nó như thế nào.
Cũng giống như câu chuyện cổ tích:
…nói về một cậu bé và cô bé đi khám phá khu rừng sau nhà, cả 2 cố gắng bỏ những miếng bánh mì xuống đất để có thể tìm đường về nhà nếu chẳng may họ bị lạc.
Những mẩu bánh mì này cuối cùng đã trở thành mô hình tiêu biểu cho các “mẩu bánh mì” – breadcrum mà chúng ta thấy trên các trang web.
Breadcrum thường xuất hiện ở phần đầu bài viết, trên thẻ tiêu đề lớn hoặc cuối trang, nó có một số tác dụng sau:
- Gián tiếp nói cho Google biết website của bạn đang có cấu trúc như thế nào thông qua việc khai báo cấu trúc dữ liệu.
- Mang lại trải nghiệm tốt cho người dùng khi họ đang khám phá trang web của bạn vì… mọi người đều ghét bị lạc!
- Có thể làm giảm tỉ lệ thoát vì Breadcrum cung cấp cho khách truy cập một cách khác để duyệt trang web của bạn.
Trong trường hợp đặc biệt ở bài viết này thì Breadcrum còn giúp bạn cải thiện được tỉ lệ nhấp chuột (CTR), là một trong những tiêu chí cực kỳ quan trọng để Google đánh giá chất lượng bài viết.
Cách thực hiện:
Bước 1 – tham khảo mẫu schema chuẩn Google
Vị trí chèn: Trong cặp thẻ <head></head>
“@context”: “http://schema.org”,
“@type”: “BreadcrumbList”,
“itemListElement”: [{
“@type”: “ListItem”,
“position”: 1,
“name”: “Books”,
“item”: “https://example.com/books”
},{
“@type”: “ListItem”,
“position”: 2,
“name”: “Authors”,
“item”: “https://example.com/books/authors”
},{
“@type”: “ListItem”,
“position”: 3,
“name”: “Ann Leckie”,
“item”: “https://example.com/books/authors/annleckie”
},{
“@type”: “ListItem”,
“position”: 4,
“name”: “Ancillary Justice”,
“item”: “https://example.com/books/authors/ancillaryjustice”
}] }
Trong đó mỗi item tương ứng với một vị trí (postion) với 2 thông tin chính là name và url (xem hình dưới)
Bước 2 – kiểm tra:
Kiểm tra theme đã có cấu trúc dữ liệu (schema) cho breadcrrum chưa? Bằng cách kiểm tra code 
Từ giao diện bài viết bất kỳ bấm F12 > bấm tiếp ctrl + F > Gõ cụm từ “Breadcumlist” nếu thấy đoạn loằng ngoằng giống kiểu như dưới là theme của bạn đã có schema breadcrum.
Có 3 cách:
- Đổi trực tiếp tên Category Blog => Blog
(Đã xác minh) => Done nhưng lúc hiển thị tên chuyên mục thì hơi kì quặc. - Cách thứ 2 là làm thủ công, bạn phải tắt phần breadcrum trong plugin đang tự sinh mã schema. Tiếp theo thay thế bằng cách chèn đoạn schema ở bước 1 vào phần trước thẻ </head> đồng thời thay thế bằng các trường tương ứng trên website của mình.
- Config lại Plugin Yoast
Truy cập file theo đường dẫn:
/yourdomain.com/public_html/wp-content/plugins/wordpress-seo/frontend/class-breadcrumbs.php
Tìm đến dòng có đoạn mã:
private function get_link_info_for_term( $term ) {
$link = array();
$bctitle = WPSEO_Taxonomy_Meta::get_term_meta( $term, $term->taxonomy, ‘bctitle’ );
if ( ! is_string( $bctitle ) || $bctitle === ” ) {
$bctitle = $term->name;
}
$link[‘url’] = get_term_link( $term );
$link[‘text’] = $bctitle;
return $link;
}
Sửa dòng: $link[‘text’] = $bctitle; thành $link[‘text’] = $bctitle . ‘
Đã xác minh’;
Với cách thứ 3 mỗi lần bạn post bài mới là nó tự sinh ra đoạn schema tương ứng!
Đây là kết quả mình vừa tìm nạp trong search console với cách thứ 3:
Ngoài tích xanh các bạn có thể tự lựa chọn cho mình các loại icon khác đẹp mắt khác.
Chúc các bạn thành công! & đừng quên chia sẻ TIP nhỏ này để mọi người cũng biết.
Comment ở bên dưới nếu bạn vẫn chưa làm được!
Ở bước 1 chèn đoạn mã schema có cần chỉnh sửa gì thêm không vậy ad