Cách chỉnh sửa lỗi khi Rich Snippets từ WordPress

[Thủ thuật WordPress] Hướng dẫn cách chỉnh sửa lỗi khi Rich Snippets từ WordPress – Bạn muốn hiển thị các thông tin cho bài viết như tác giả, đánh giá, hình ảnh… Để thực hiện được các chức năng này bạn phải thực hiện công việc đó là Rich Snippets. Tuy nhiên đối với WordPress có một số theme bị lỗi về chức năng này do cấu trúc của mỗi theme sẽ có sự khác nhau để kiểm tra xem website bạn có bị lỗi hay không bạn hãy vào đường dẫn tại đây và nhập địa chỉ Website của mình vào và kiểm tra.

Trong bài viết trước đây về thủ thuật WordPress mình có hướng dẫn các bạn cách tạo vị trí menu wordpress không dùng Plugin giúp bạn có thể thêm các vị trí Menu trong theme WordPress theo ý thích giúp độc giả điều hướng tốt hơn khi sử dụng trang Web tiếp tục trong bài viết này mình sẽ hướng dẫn các bạn cách chỉnh sửa lỗi khi Rich Snippets từ WordPress.

Chỉnh sửa lỗi khi Rich Snippets từ WordPress

Rich Snippets thật ra nó là một dạng thông tin đặc biệt dùng để hiển thị các thông tin có trong bài viết như (bài đánh giá, các sản phẩm, các ứng dụng .v.v..) trên các công cụ tìm kiếm (Google, Yahoo, Bing) nhằm cung cấp thêm những thông tin giá trị đến người tìm kiếm giúp họ xác định kết quả tìm kiếm mà họ đang cần.

Một số lỗi Rich Snippets bạn hay bắt gặp

• Error: At least one field must be set for HatomEntry
• Error: Missing required field “entry-title”.
• Error: Missing required field “updated”.
• Error: Missing required hCard “author”.
• Error: At least one field must be set for Hcard.
• Error: Missing required field “name (fn)”.

Cách khắc phục các lỗi này như sau

Đầu tiên hãy đăng nhập vào trang quản trị WordPress sau đó chọn Giao diện > Sửa (bạn có thể tham khảo cách truy cập vào các tập tin để chỉnh sửa tại bài viết sửa giao diện, plugin WordPress không cần FTP hoặc bạn có thể tham khảo cài đặt và sử dụng phần mềm CuteFTP). Sau đó bạn có thể chỉnh sửa các file sau: Single.php, index.php, page.php … tương ứng với các cách sửa lỗi sau đây.

Lỗi 1: Sửa lỗi Missing required field “entry-title”

Bạn tìm đoạn code sau trong các file trên

<h1 class="title single-title"><?php the_title(); ?></h1>

Và sau đó thay đổi lại bằng đoạn code sau

<h1 class="title single-title entry-title"><?php the_title(); ?></h1>

Ở đoạn code này bạn chỉ cần thêm phần entry-title ở phần class là được áp dụng cho các trường hợp khác.

Lỗi 2: Sửa lỗi Fix Missing required field “updated”

Tìm đoạn code sau trong các file trên

<span class="post_date"><?php the_time('j F,Y'); ?></span>

Và sau đó thay lại bằng

<span class="post_date date updated"><?php the_time('j F,Y'); ?></span>

Ở đoạn code này bạn chỉ cần thêm phần date updated vào phần class là được và cũng áp dụng cho các trường hợp khác.

Lỗi 3: Sửa lỗi Missing required hCard “author” và Missing required field “name (fn)”

Bạn tìm đoạn code sau

<span class="theauthor"><?php the_author_posts_link(); ?></span>

hoặc đoạn code sau

<span class="theauthor"><?php the_author(); ?></span>

Sau đó thay thế đoạn code trên bằng đoạn code sau đây

<span class="vcard author">
<span class="fn"><?php the_author_posts_link(); ?></span>
</span>

Hoặc đoạn code sau

<span class="vcard author">
<span class="fn"><?php the_author(); ?></span>
</span>

Đoạn code chung

Hoặc bạn cũng có thể sửa lỗi bằng cách sau hãy copy toàn bộ đoạn code sau đây và tiến hành dán vào file Functions.php trước thẻ đóng ?> là được.

//mod content - use this function only if you DON'T USE Suffusion theme
function hatom_mod_post_content ($content) {
  if ( in_the_loop() && !is_page() ) {
    $content = '<span class="entry-content">'.$content.'</span>';
  }
  return $content;
}
add_filter( 'the_content', 'hatom_mod_post_content'); 
//add hatom data
function add_suf_hatom_data($content) {
    $t = get_the_modified_time('F jS, Y');
    $author = get_the_author();
    $title = get_the_title();
if (is_home() || is_singular() || is_archive() ) {
        $content .= '<div class="hatom-extra" style="display:none;visibility:hidden;"><span class="entry-title">'.$title.'</span> was last modified: <span class="updated"> '.$t.'</span> by <span class="author vcard"><span class="fn">'.$author.'</span></span></div>';
    }
    return $content;
    }
add_filter('the_content', 'add_suf_hatom_data');

Trong đoạn code trên bạn hãy chú ý đến câu lệnh

if (is_home() || is_singular() || is_archive() )

bạn có thể thêm các thuộc tính khác như “is_tag, is_catalogy” tham khảo tại đây.

Tùy chỉnh CSS

Nếu khi làm xong các bạn cảm thấy xấu quá thì các bạn có thể thêm đoạn code sau vào file Style.css.

.hatom-extra {font-size:10px; font-weight:400; font-style:italic;}
.hatom-extra .entry-title {text-transform:uppercase;}
.hatom-extra {display: none;}

Lưu ý: Khi các bạn sử dụng code trên và dán vào file Function.php nếu gặp trường hợp trang của bạn và phần quản trị bị trắng xóa thì bạn phải kiểm tra lại phần code trong file Function.php có thể nó đã có rồi hoặc có thể có sự xung đột code và bạn hãy dùng các phần mềm FTP như cute FTP, Filezilla … đăng nhập vào hosting và vào thư mục theme và chỉnh sửa file Function.php bạn xóa đoạn code vừa dán vào đó nhé và bạn tiến hành kiểm tra lại code.

Với cách làm trên hy vọng bạn sẽ khắc phục được lỗi Rich Snippets từ WordPress, quá đơn giản để bạn có thể khắc phục được lỗi Rich Snippets từ WordPress phải không?

Cuối cùng không có gì hơn nếu bạn cảm thấy bài viết có ích hãy subscribe blog của mình thường xuyên để cập nhật những bài viết mới nhất qua Email – Chân thành cảm ơn!