Khắc phục link không hiển thị title, description Facebook

Hiện nay rộ lên tình trạng link không hiển thị title, description của link khi chia sẻ lên Facebook. Mình đã khắc phục thành công tình trạng khó chịu này bằng phương pháp sau.

 facebook-ads-ee7f7

Facebook nó không được pờ rô như anh Gu Gồ nhà chúng mình nên việc xác định thu thập thông tin trên trang web cũng không được hoàn hảo, thỉnh thoảng lấy sai, lấy nhầm tận đẩu tận đâu ấy chả chuẩn gì cả. Post link lên facebook gặp vô số trục trặc về hiển thị.

Thế là đợt mới gần đây bác Facebook nhà mình mới nghĩ ra cái việc thu thập thông tin trang web chuẩn xác hơn bằng cách là đưa ra mấy cái thẻ mà nó gọi là Open Graph (đồ thị mở).

Trước khi viết bài này mình cũng bị một tháng trời ròng rã vì không hiển thị cái này, ức chế lắm nên mới xoay vòng tròn đi tìm cách khắc phục.

Open Graph là gì?

 

Nói qua loa thì nó là cái giao thức để mạng xã hội thấu hiểu được nội dung trang web bởi vì nó không có chức năng quét, lọc nội dung như các cỗ máy tìm kiếm. Là dạng thức khai báo thông tin website để các mạng xã hội lấy được thông tin chuẩn chỉnh, chính xác đúng các yếu tố quan trọng như:

  • Tiêu đề bài viết
  • Phần mô tả
  • Ảnh thumbnail

 

Các thẻ Open Graph bạn cấn sử dụng trong website, mình cũng chả biết nó có bao nhiêu thẻ cơ, thôi cứ lấy đại từ website của mình để các bạn xài, thiếu sót như thế nào các bạn comment ở dưới mình sửa lại nhé:

 

<meta property="og:locale" content="" />
<meta property="og:type" content="" />
<meta property="og:title" content="" />
<meta property="og:description" content="" />
<meta property="og:url" content="" />
<meta property="og:site_name" content="" />
<meta property="article:publisher" content="" />
<meta property="article:tag" content="" />
<meta property="article:section" content="" />
<meta property="article:published_time" content="" />
<meta property="article:modified_time" content="" />
<meta property="og:updated_time" content="" />
<meta property="fb:admins" content="" />
<meta property="og:image" content="" />

Đó là các thẻ bạn có thể tự thêm bằng tay được vào website, chỉ cần đặt chúng trước thẻ đóng </head> là xong:

 

Hướng dẫn thêm thẻ Open Graph đối với các bạn sử dụng WordPress nè.

 

Mình sử dụng Plugin “SEO by Yoast” vì nó khá đầy đủ và được tích hợp sẵn những thứ cần thiết rồi. Hướng dẫn luôn cho các bạn đang xài Plugin này nhé.

01_preview.__large_preview

Chọn tích vào ô “Add Open Graph meta” và nhấn Save là xong.

Thêm một chú ý nữa nếu mà đã thực hiện xong như trên mà nó vẫn không hiển thị thì bạn phải xem nó bị xung đột ở đâu đó nhé:

VD: như mình bị dính chưởng là do xung đột với thằng Plugin soạn thảo “Ultimate TinyMCE” – bây giờ mình gỡ nó ra rồi nhưng do vẫn bị dính cache lưu trữ nên số bài viết bằng trình soạn thảo này vẫn còn đang dính đạn trong database và chưa khắc phục được.

Còn những cái bài mới post lên thì ok men hì hì.

Hình ảnh trước khi khắc phục

2

Sau khi khắc phục và post lại bài mới kết hợp redirect 301 điều hướng kết quả link về địa chỉ URL mới

1

Pin It

Trả lời

Thư điện tử của bạn sẽ không được hiển thị công khai. Các trường bắt buộc được đánh dấu *