Hiện nay, Facebook đang trở thành 1 kênh truyền thông cực hiệu quả. Do vậy, khi code web các bạn cần chú ý sự tương tác bài viết với Facebook. Khá nhiều trang web bị lỗi về vấn đề hình ảnh. Đó là: khi Share bài viết lên Facebook, ảnh không hiển thị hoặc hiển thị ảnh nhưng không đúng ảnh. Điều này sẽ ảnh hưởng rất nhiều tới sự lan truyền bài viết trên Facebook. Vậy xử lý vấn đề đó thế nào? Bài viết này mình sẽ hướng dẫn các bạn
Khá đơn giản, để fix lỗi này bạn chỉ cần vài phút. Tất cả các trang web, các CMS đều có 1 cơ chế fix lỗi hình ảnh trên Facebook đều tương tự 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ì ả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 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 cần 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 đủ 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 đến 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ó các 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 thực hiện 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 dùng thường chia sẻ bài viết. Tuy nhiên, trang trang web có 3 trang bạn cần chú ý 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ó các 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 thông tin truy xuất mới.
Vậy là xong, bạn tiến hành 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 hiểu thêm về cơ chế khi share bài viết lên Facebook thì xem phần 3
3. Điều gì xảy 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ó 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 đầu tiên 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ú ý 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 có các thẻ meta facebook, bạn hãy thêm vào ngay và luôn nhé. Phần trên mình đã hướng 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 tìm kiếm: 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