Khắc phục liên kết tiếng Việt bị xuống hàng trên Google Chrome mới nhất

Mấy hôm nay mình thấy nhiều Webmaster đau đầu kêu la khắp Facebook vì bổng nhiên blog của mình chạy bằng Chorme bị lổi menu.Qua quá trình tìm hiểu thì có nhiều bạn đã tìm ra cách giúp tạm thời sửa lỗi này trên website của mình trong khi chờ Google Update phiên bản mới.

Lỗi hiển thị tiếng Việt trên Google Chrome 39
Lỗi hiển thị tiếng Việt trên Google Chrome 39

Trong bài viết này mình sẽ hướng dẫn các bạn 2 cách để  liên kết tiếng Việt bị xuống hàng ở phiên bản Chrome 39.Vì đây là một lỗi của trình duyệt nên cần chờ Google cho ra bản Update thì mới chỉnh sửa triệt để vấn đề này.Chúng ta sẽ bắt đầu sửa lổi này:

Chỉnh sửa lỗi hiển thị tiếng Việt trên Google Chrome 39 bằng CSS

Cách sửa bằng CSS này có một nhược điểm là các từ trong liên kết sẽ nằm trên một hàng mà không xuống hàng nên sẽ gây ra tình trạng vỡ giao diện nếu những liên kết dài.Bạn chỉ cần thêm đoạn CSS này vào file css mà website bạn đang sử dụng.

Bạn tiến hành đổi tên .link thành tên class mà bạn muốn sửa lỗi.Cách sử lỗi này phù hợp nếu bạn là chủ một website và không muốn người dùng thấy website mình bị lỗi.

Chỉnh sửa bằng cách Bật tính năng Disable DirectWrite của Goolge Chrome

Còn nếu bạn là một người dùng cuối thì có thể dùng cách này để tránh bị lỗi khi lướt web bằng trình duyệt Google Chrome.Bạn tiến hành truy cập vào chrome://flags/

cach sua loi xuong hang tren trinh duyet chrome 39

Bạn ấn tổ hợp phím Ctrl + F và tìm cụm từ DirectWrite Kết quả tìm kiếm sẽ được bôi vàng bạn sẽ thấy dòng Disable DirectWrite nếu bạn dùng phiên bản tiếng Anh và Tắt DirectWrite nếu bạn dùng phiên bản tiếng Việt. 

sua loi font tieng viet tren website google chrome 39

khac-phuc-loi-sai-lech-tieng-viet-trong-google-chorme-39

 

Bạn nhấn vào Enable hoặc Bật, sau đó khởi động lại trình duyệt Chrome và nhìn kết  quả:

chinh sua loi hien thi tieng viet trinh duyen chrome moi nhat

Trên đây là cách giúp bạn có thể tạm thời sửa lỗi hiển thị menu tiếng Việt của Chrome mình vẩn hi vọng phiên bản tới Google sẽ sửa triệt để lỗi này vì số người dùng Google Chrome ở Việt Nam rất đông sẽ ảnh hưởng ít nhiều đến lượt truy cập vào website của bạn.

Chúc các bạn thành công !

Cách sửa lổi required field entry-title,Update,hCard WordPress

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:

Và đây là kết quả khi thêm:

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

Đâ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 :

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

Với tác giả bạn cần thêm class author và vcard như đoạn code dưới đây:

Bây giờ là đến nội dung bài viết, chúng ta cần 1 thẻ entry-content

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ía 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.Đoạn code này  sẽ giúp bạn fix được lỗi mà không cần đụng nhiều đến code.

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:

sua loi hatom trong wordpress
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

Trên đây là bài viết hướng dẩn bạn sửa lổi thiếu hatom trên WordPress.Nếu bạn có thắc mắc hay có cách hay hơn mong bạn sẽ góp ý cho mình bằng cách bình luận phía dưới.Chúc các bạn thành công !