Khá đơn giản, để fix lỗi này bạn chỉ cần vài phút. Tất cả những trang web, các CMS đều có một cơ chế fix lỗi hình ảnh trên Facebook đều tựa như nhau. Facebook cung cấp các thẻ Meta để các lập trình viên lấy đó làm chuẩn. Chỉ cần áp dụng đúng thẻ meta do Facebook cung cấp thì hình ảnh của trang web sẽ hiển thị đúng.
Bài viết này chỉ dành cho các bạn phát triển web
1. Add thêm các thẻ meta facebook vào bài viết
- Bước 1: Xem Source code của bài viết
Vào bài viết bạn mong muốn share lên Facebook, nhấn CTRL + U để xem Source code.
Bạn tìm xem trong phần Source code đó có thẻ chưa.
Nếu chưa có, bài viết bạn chia sẻ lên Facebook sẽ không hiển thị hoặc hiển thị sai hình ảnh.
Vậy, làm thế nào để bài viết xuất hiện thẻ . Bạn hãy đi đến bước 2.
- Bước 2 : Thêm thẻ vào bài viết
Khi chia sẻ 1 bài viết lên Facebook sẽ được 3 phần quan trọng: ẢNh bài viết, tiêu đề bài viết và mô tả bài viết. Vì thế, ngoài thẻ og:imge bạn phải chú ý thêm 2 thẻ nữa để bài viết chuẩn chỉnh. Đó là og:title và og:description. Như vậy,bộ đầy đặn của thẻ meta facebook là:
Nguyên tắc chung nhất để thêm các thẻ meta facebook vào bài viết là bạn chèn các thẻ meta vào phần header của trang web . Bạn hãy tìm về file template chứa header để thêm.
1 trang web bất kỳ luôn có 3 phần: header, body và footer. Các đoạn script và các thẻ meta đều được chèn vào phần header.
Lưu ý: nếu trang web của bạn code tay thì bạn bạn sẽ làm thủ công. Còn nếu trang web của bạn sử dụng các CMS bất kỳ như : WordPress, Drupal, Zoomla….thì đã có những module, các plugins hỗ trợ. Bạn chỉ cần cài lên và cấu hình là ok.
Để tìm plugins hoặc module thi hành việc này thì bạn chỉ cần gõ dòng chữ: add meta facebook + tên CMS bạn đang dùng là ra.
Thông thường, các thẻ meta facebook ở bài viết chi tiết được chú nhiều nhất. Vì người sử dụng thường chia sẻ bài viết. Tuy nhiên, trang trang web có 3 trang bạn cần chú trọng tới thẻ meta facebook: Trang chủ, trang chuyên mục và trang chi tiết bài viết.
Khi bạn đã kiểm tra source code của bài viết và đã thấy có những thẻ meta facebook. Nhưng vẫn bài viết vấn không hiển thị ảnh thì bạn thực tiếp phần 2 nhỏ dưới đây
2. Dùng công cụ Debug bài viết để Facebook nhận đúng ảnh
Để debug các thẻ meta facebook
- Bước 1: . Truy cập vào đường dẫn này
- Bước 2: Nhập URL bài viết
- Bước 3: Nhấn tìm nạp tin tức truy xuất mới.
Vậy là xong, bạn triển khai chia sẻ lại bài viết lên Facebook đi, bài viết đã hiển thị đúng hình ảnh rồi đó
Xong 2 phần 1 nhỏ và 2 nhỏ thì bài viết của bạn đã hiển thị đúng hình ảnh rồi. Bạn muốn biết thêm về cơ chế khi share bài viết lên Facebook thì xem phần 3
3. Điều gì diễn ra khi trang web không có thẻ meta facebook
- Khi không có thẻ Meta Facebook, nếu chia sẻ bài viết lên Facebook, cũng có thể có thể bài viết vẫn có ảnh nhưng ảnh không đúng. Facebook sẽ quét tất cả các ảnh trong trang HTML đó. Nếu trang html của bài viết có 1 hình ảnh thì Facebook sẽ nhận luôn ảnh đó là ảnh đại diện. Nếu trang HTML của bài viết có nhiều ảnh thì Facebook sẽ nhận ảnh trước mắt nó quét được làm ảnh đại diện
- Phần tiêu đề: Facebook sẽ lấy nội dung ở thẻ
- Phần mô tả: Facebook sẽ lấy nội dung ở thẻ
Kết luận: Nếu là lập trình viên chuyên nghiệp, các thẻ meta facebook luôn được chú trọng và thêm đầy đủ trong trang web. Facebook là kênh truyền thông khá hiệu quả. Do vậy, nếu phát hiện trang web của bạn chưa xuất hiện các thẻ meta facebook, bạn hãy thêm nữa ngay và luôn nhé. Phần trên mình đã chỉ dẫn tương đối chi tiết. Nếu còn phần chưa hiểu, bạn comment lại để mình trợ giúp. Xin cảm ơn
Từ khóa bài viết: Share facebook lỗi hình ảnh, không hiển thị ảnh bài viết trên Facebook, các thẻ meta Facebook cần chú ý, Hướng dẫn add thẻ meta facebook
Bài viết Fix lỗi: share bài viết lên facebook không hiển thị hình ảnh được tổng hợp và biên tập bởi sửa máy tính PCI – PCI Group Mọi ý kiến đóng góp và phản hồi vui lòng gửi Liên Hệ cho chúng tôi để điều chỉnh. Xin cảm ơn.