Nếu bạn có sử dụng Google Structured Data Testing Tools đôi lúc bạn sẽ gặp phải lổi này:
Error: Missing required field “entry-title”.
Error: Missing required field “updated”.
Error: Missing required hCard “author”.
Đây là lổi do thiếu một số thành phần của định dạng dữ liệu HatomEntry.Vậy nếu bị lổi này thì có ảnh hưởng gì đến Website của bạn không ? Đến lúc này bản thân mình cũng chưa biết nó có ảnh hưởng gì đến SEO hay không nhưng nếu Website bạn đang dính lổi này thì sẽ xuất hiện trong Google Master Tool và theo mình thì nên fix thì sẽ tốt hơn.
Wordpress sẽ tự sinh ra một thẻ hentry nếu bạn sử dụng đoạn code dưới đây:
<article id="post-<?php the_ID(); ?>" <?php <strong>post_class</strong>('item'); ?>>
Và đây là kết quả khi thêm:
post-1203 post type-post status-publish format-standard has-post-thumbnail <strong>hentry</strong> category-html-css-jquery tag-bootstrap tag-responsive-design tag-twitter-bootstrap tag-typography news-detail
Nhiều bạn sẽ nói rằng sao không xóa hàm post_class đi để không còn lỗi nữa.Đây cũng là một cách nhưng nó cũng có nhiều trở ngại vì một số trường hợp cần những class này ví dụ bài viết của bạn sẽ hiển thị khác khi có thumbnail thì chúng ta cần thêm class css has-post-thumbnail.
Các thẻ cần thiết của hAtom
Đầu tiên là thẻ Hentry
<article class="hentry"></article>
Đây là thẻ cần thiết vì nếu không có thì Google Structured Data Testing Tools sẽ không báo lỗi.Bạn cần kiểm tra xem trang web của mình có class này chưa bằng cách view source rồi search từ “hentry”.
Tiếp đến là thẻ Entry-title :
<h1 class="entry-title">Tiêu đề của bài viết</h1>
Bạn cần thêm class entry-title và tiêu đề bà viết ở single.php
Updated dành cho vị trí hiển thị thời gian viết bài hoặc thời gian sửa bài gần đây nhất
<time class="updated"> August 16th, 2014</span>
Với tác giả bạn cần thêm class author và vcard như đoạn code dưới đây:
<span class="author vcard"><span class="fn">Author's name</span></span>
Bây giờ là đến nội dung bài viết, chúng ta cần 1 thẻ entry-content
<div class="entry-content">
<p>the text content of the article</p>
</div>
Cách sửa lổi required field entry-title,Update,hCard WordPress
Để sứa lổi này bạn có thể vào code của theme và thêm các class như hướng dẩn phí trên. Nhưng nếu bạn không hiểu rõ cấu trúc theme của wordpress hoặc bạn không biết về php, html thì bạn có thể dùng đoạn code dưới đây. NÓ sẽ giúp bạn fix được lỗi mà không cần đụng nhiều đến code.
//Thêm class entry-content bao quanh phần nội dung
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');
//thêm class author và updated và phần nội dung
function add_mod_hatom_data($content) {
$t = get_the_modified_time('F jS, Y');
$author = get_the_author();
$title = get_the_title();
if(is_single()) {
$content .= '<div class="hatom-extra"><span class="entry-title">'.$title.'</span> vào lúc: <span class="updated"> '.$t.'</span> bởi <span class="author vcard"><span class="fn">'.$author.'</span></span></div>';
}
return $content;
}
add_filter('the_content', 'add_mod_hatom_data');
Bạn cần thêm đoạn code này vào dưới cùng trong file functions.php.Và chúng ta cùng kiểm tra kết quả nào:
Với đoạn code này thì trong nội dung bài viết sẽ xuất hiện thêm một đoạn với tiêu đề, thời gian upadte và tác giả bạn có thể trang trí bằng css để hiển thị đẹp hơn hoặc bạn có thể ẩn luôn để không ảnh hưởng đến cấu trúc của site bạn:
/* trang trí cho đẹp*/
.hatom-extra {font-size:10px; font-weight:400; font-style:italic;}
.hatom-extra .entry-title {text-transform:uppercase;}
/* Ẩn luôn cho đẹp trời */
.hatom-extra {display: none;}
P/S: Các bạn làm xong có thể kiểm tra lại bằng cách vào https://www.google.com/webmasters/tools/richsnippets và nhập url vào nhé.
Nguồn: nqdung.info