Fix lỗi: share bài viết lên facebook không hiển thị hình ảnh


Ads_ngang
Website maytinhmayin.inaxphuongdong lĩnh vực sửa chữa máy tính máy in có bài Fix lỗi: share bài viết lên facebook không hiển thị hình ảnhHiệ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 đề

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.

  Fix lỗi: share bài viết lên facebook không hiển thị 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 đó

 

Fix lỗi: share bài viết lên facebook không hiển thị hình ảnh

 

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

Xem thêm: dịch vụ seo hcm PCI

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.

Bài Viết Liên Quan


Bài Viết Khác


Ads_ngang