Home / Seo - Thủ Thuật / Mã Nguồn Web / Hướng dẫn sửa lỗi ” hCard Warning ” cho WordPress phần 2

Hướng dẫn sửa lỗi ” hCard Warning ” cho WordPress phần 2

Lỗi hcard warning là một lỗi khó chịu mà nhiều người gặp phải khi dùng WordPress cho trang web của mình.

Mình từng có  một bài hướng dẫn cách sửa lỗi hcard warning cho WordPress và được nhiều sự quan tâm của mọi người. Nhưng thi thoảng có các theme “giấu” cấu trúc meta này khá kỹ, nếu các bạn làm theo từng bước ( step-by-step) thì chắc rất khó để có thể giải quyết được lỗi này hoàn chỉnh.

Do đó mình làm thêm cái “vơ sừn 2″ này để giúp các bạn có cách nhìn dễ hiểu hơn về cách sửa lỗi, từ đó có thể áp dụng cho website của các bạn.

Điều chủ yếu của chúng ta làm khi sửa lỗi, đó là bổ sung/sửa các class và các thẻ span cho đầy đủ với cấu trúc hợp lệ mà Google yêu cầu. Nói cách khác, chúng ta chỉ can thiệp đến HTML chứ không đả động đến lập trình. Bạn có thể yên tâm để làm việc này mà không lo ảnh hưởng đến hoạt động của website. Chỉ cần kiên nhẫn một chút là được.

Lưu ý : Giữa các class phân biệt cần có khoảng trắng. Ví dụ : post_date up-dated published

Chuẩn bị :

Cũng xin nói thêm là bạn nên có thói quen chỉnh sửa thông qua trình FTP nào đó, kết hợp với một bộ soạn thảo dễ nhìn một chút, ít nhất là trình soạn thảo Notepad ++. Không phải là bắt buộc, nhưng với hai công cụ trên thì nếu có “lỗi lầm” gì thì bạn có cơ hội sửa sai cao hơn là thao tác trực tiếp trong editor của WordPress tích hợp.

 

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

Như bài viết lần trước, nơi đầu tiên chúng ta tìm đến luôn là single.php của theme. Có thể bạn không thể ngay lập tức tìm ra dòng code cần phải sửa, nhưng nó sẽ cho bạn dấu vết để tìm ra nơi mà file liên quan hoặc hàm liên quan bị giấu.

Để định vị chúng, bạn có thể thông qua chức năng ” Kiểm tra phần tử” ( Inspect Element) tích hợp trong Google Chrome hoặc Firefox. Bôi đen tiêu đề của bàn viết, chuột phải và kiểm tra chúng.

Bạn có thể nhận thấy tiêu đề của bài viết là H1, và có class là post-title entry-title.

Thông thường, các theme nếu dính lỗi title, thì tiêu đề của chúng chỉ có class

class="title single-title"

Việc bạn cần làm lúc này là điều chỉnh lại cho chính xác, đó là :

class="title single-title entry-title"

Hàm xuất ra tiều đề thường là 

?php the_title();?

hoặc gần như vậy với title trong hàm ( thường thường thôi nhé).

Lưu lại file và kiểm tra với Google.

2/ Sửa lỗi : Fix Missing required field “up-dated”

Lỗi về thời gian, lúc cập nhật là lỗi phổ biến thứ hai mà ta hay gặp trên WordPress. Nhưng thực ra thì nó cũng dễ sửa không kém gì lỗi tiêu đề bên trên.

Vẫn dùng công cụ Kiểm tra phần tử, hãy “soi” thành phần hiển thị ngày tháng năm trong bài viết của bạn.

Nhìn kỹ một chút bạn sẽ thấy, theme này mình đang làm demo có 2 dòng thời gian. Một là published và một là up-dated.

Thường thì khi chỉnh sửa, dòng up-dated sẽ cho ra ngày tháng năm khác đi một chút với thời gian đăng tải gốc là published. Nhưng cho thẩm mỹ, bạn có thể tuỳ chọn ẩn hoặc hiện cả 2 dòng này, hoặc dồn hết class vào 1 dòng thời gian hiển thị duy nhất.

Tuỳ theo theme, thời gian bài viết được đăng có thể có class như trong hình là published hoặc post_date hoặc class nào đó tuỳ theo kết quả mà bạn tìm được ở trên. Sau khi tìm ra, bạn hãy thêm cho nó vào class là date up-dated.

Mình lưu ý lần nữa là giữa các class có khoảng trắng nhé.

Sau khi sửa xong, class của dòng code xuất ra thời gian cho bài viết có dạng

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

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

 

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

 

.meta-no-display {
width: 1px;
height: 1px;
overflow: hidden;
position: absolute;
left: -9999em;
}

 

Khi đó các giá trị bạn không thích sẽ bị ẩn đi.

Kết

Thực ra bài viết này không có gì hoàn toàn mới, vì cách sửa lỗi thì vẫn như thế. Nhưng mình hy vọng từ đây, bạn có thể nhận định dễ dàng hơn nơi nào cần chèn các class phù hợp, tìm chúng ở đâu… Từ đó sửa lỗi được nhanh hơn.

Nếu bạn gặp khó khăn có thể phản hồi, mình sẽ hỗ trợ trong khả năng.

Rate this post

About icom

Check Also

Tên miền tiếng Việt đạt con số 1 triệu

Tên miền tiếng Việt (TMTV) được thử nghiệm từ tháng 4/2004 và cung cấp lần …

Leave a Reply

Your email address will not be published. Required fields are marked *