Flash Sale Siêu Rẻ! Full Source Code Website Chỉ Từ 388K. Tặng Kèm Theme Plugin Và Miễn Phí Công Cài Đặt! Hỗ Trợ Nhanh Chóng Tận Tình!

Cách sửa lỗi Thumbnail hiển thị sai khi chia sẻ link Website lên Zalo và Facebook

Bạn vừa thay ảnh đại diện bài viết, chỉnh sửa tiêu đề SEO hoặc cập nhật mô tả trên website WordPress nhưng khi chia sẻ lên Facebook hoặc Zalo vẫn hiển thị ảnh cũ, tiêu đề cũ hoặc thậm chí không có hình ảnh?

Đây là một trong những lỗi phổ biến nhất mà đội ngũ kỹ thuật của Themevip gặp phải khi hỗ trợ khách hàng sử dụng WordPress. Trong hầu hết các trường hợp, website hoàn toàn không bị lỗi mà nguyên nhân đến từ bộ nhớ đệm (Cache) của Facebook, Zalo hoặc cấu hình Open Graph (OG Tags) chưa chính xác.

Trong bài viết này, Themevip sẽ hướng dẫn bạn kiểm tra từng nguyên nhân và cách xử lý triệt để.

Dấu hiệu website đang bị lỗi Thumbnail.

Ví dụ website Kitchen khi chia sẻ hiển thị thông tin không đúng với nội dung website như ảnh bên trái, sau khi sửa xong thì nội dung sẽ được cập nhật hiển thị như ảnh bên phải.

Bạn có thể gặp một trong các trường hợp sau:

  • Chia sẻ link nhưng không có hình ảnh.
  • Facebook hiển thị ảnh cũ.
  • Zalo hiển thị sai ảnh đại diện.
  • Tiêu đề bài viết không đúng.
  • Mô tả SEO không cập nhật.
  • Thumbnail bị cắt hoặc hiển thị méo.
  • Website hiển thị bình thường nhưng chia sẻ mạng xã hội lại khác.

Nếu gặp các tình trạng trên thì gần như chắc chắn website đang gặp vấn đề liên quan đến Open Graph hoặc cache chia sẻ.

Nguyên nhân Thumbnail hiển thị sai

1. Facebook hoặc Zalo đang lưu Cache

Đây là nguyên nhân phổ biến nhất.

Khi một URL được chia sẻ lần đầu, Facebook và Zalo sẽ quét website rồi lưu lại:

  • ảnh đại diện
  • tiêu đề
  • mô tả

Lần chia sẻ sau, hệ thống sẽ lấy dữ liệu đã lưu thay vì đọc lại website để tăng tốc độ tải. Vì vậy dù bạn đã thay đổi nội dung trên website thì mạng xã hội vẫn hiển thị thông tin cũ.

2. Website chưa có thẻ Open Graph

Facebook và Zalo không lấy ảnh đại diện theo Featured Image của WordPress.

Chúng sẽ đọc các thẻ như:

<meta property="og:title">
<meta property="og:description">
<meta property="og:image">
<meta property="og:url">

Nếu website không có các thẻ này hoặc cấu hình sai thì thumbnail sẽ không hiển thị đúng.

3. Có nhiều plugin cùng tạo OG Tag

Một lỗi rất hay gặp trên WordPress.

Ví dụ cùng lúc cài:

  • Rank Math
  • Yoast SEO
  • AIO SEO
  • Plugin Social Share
  • Theme tự sinh OG

Lúc này website có thể xuất hiện 2-3 thẻ:

og:image

Facebook thường chỉ lấy thẻ đầu tiên nên rất dễ bị sai ảnh.

4. Cache Website

Nếu đang dùng:

  • LiteSpeed Cache
  • WP Rocket
  • W3 Total Cache
  • Cloudflare

thì website có thể vẫn đang trả về dữ liệu cũ mặc dù bạn đã chỉnh sửa bài viết.

5. Ảnh Thumbnail không đạt chuẩn

Một số lỗi thường gặp:

  • ảnh quá nhỏ
  • ảnh bị chặn truy cập
  • ảnh 404
  • ảnh có quyền riêng tư
  • ảnh quá nặng

Facebook khuyến nghị ảnh chia sẻ có kích thước khoảng 1200 × 630 px để hiển thị tốt trên hầu hết thiết bị.

Cách cập nhật Thumbnail trên Zalo

Sau khi đã chỉnh sửa ảnh hoặc nội dung website, hãy yêu cầu Zalo quét lại dữ liệu.

Bước 1

Truy cập công cụ Debug Sharing của Zalo:

Zalo Debug Sharing

Bước 2

Dán URL cần kiểm tra.

Ví dụ:

https://tenmien.com/bai-viet

Nhấn Kiểm tra.

Bước 3

Sau khi hệ thống hiển thị thông tin:

  • bấm Thu thập lại
  • nếu chưa cập nhật hãy bấm thêm vài lần
  • chờ vài phút rồi chia sẻ lại link

Thông thường Zalo sẽ cập nhật khá nhanh sau khi làm mới bộ nhớ đệm.

Cách cập nhật Thumbnail trên Facebook

Facebook cũng cung cấp công cụ chính thức để kiểm tra dữ liệu mà hệ thống đang đọc từ website.

Bước 1

Mở:

Facebook Sharing Debugger

Bước 2

Nhập URL bài viết.

Nhấn:

Debug

Bước 3

Nếu Facebook đang dùng dữ liệu cũ, chọn:

Scrape Again (Thu thập lại)

Facebook sẽ quét lại website và cập nhật:

  • ảnh
  • tiêu đề
  • mô tả

Kiểm tra Open Graph của website

Nếu đã Debug nhưng vẫn không được thì cần kiểm tra trực tiếp mã nguồn.

Nhấn:

Ctrl + U

Tìm:

og:image

Bạn sẽ thấy dạng:

<meta property="og:image"
content="https://website.com/image.jpg">

Tiếp tục kiểm tra:

og:title

og:description

og:url

Nếu các thông tin này không đúng thì Facebook và Zalo chắc chắn sẽ hiển thị sai.

Kiểm tra plugin SEO

Đa số website WordPress hiện nay sử dụng:

  • Rank Math SEO
  • Yoast SEO
  • All in One SEO

Các plugin này đều cho phép cấu hình ảnh chia sẻ mạng xã hội.

Nếu ảnh chia sẻ khác Featured Image thì hãy kiểm tra mục:

Social

hoặc

Facebook Image

để chắc chắn rằng ảnh đúng đã được thiết lập.

Xóa Cache Website

Sau khi thay đổi ảnh Thumbnail, đừng quên xóa cache.

Ví dụ:

  • LiteSpeed Cache
  • WP Rocket
  • FlyingPress
  • Breeze
  • Cloudflare CDN

Nếu cache chưa được làm mới thì Facebook sẽ tiếp tục đọc dữ liệu cũ.

Kiểm tra đường dẫn ảnh

Ảnh phải đáp ứng các điều kiện sau:

✅ Truy cập công khai

✅ Không cần đăng nhập

✅ Không trả về lỗi 403

✅ Không trả về lỗi 404

✅ HTTPS hợp lệ

Bạn có thể mở trực tiếp URL ảnh trên trình duyệt. Nếu trình duyệt không hiển thị được thì Facebook cũng không thể lấy ảnh.

Kiểm tra xem website có nhiều thẻ OG hay không

Nếu dùng nhiều plugin SEO cùng lúc, website có thể sinh:

<meta property="og:image">

nhiều lần.

Facebook thường chỉ lấy thẻ đầu tiên.

Đây là nguyên nhân rất phổ biến khiến website luôn hiển thị sai Thumbnail mặc dù đã Debug nhiều lần.

Tiêu chuẩn Thumbnail đẹp khi chia sẻ

Để đạt tỷ lệ hiển thị tốt trên Facebook và Zalo, Themevip khuyến nghị:

  • Kích thước: 1200 × 630 px
  • Tỷ lệ: 1.91:1
  • Định dạng: JPG hoặc PNG
  • Dung lượng: dưới 300 KB nếu có thể
  • Hình ảnh rõ nét
  • Không chứa quá nhiều chữ

Điều này giúp hình ảnh tải nhanh, hiển thị đầy đủ và tăng khả năng thu hút người xem.

Những lỗi thường gặp

Đổi ảnh nhưng Facebook vẫn hiện ảnh cũ

→ Chưa Scrape Again.

Facebook đúng nhưng Zalo sai

→ Chưa Thu thập lại trên Zalo.

Cả hai đều sai

→ Kiểm tra:

  • OG Image
  • Cache Website
  • Plugin SEO

Không có ảnh

→ Website chưa khai báo:

og:image

Hiện sai tiêu đề

→ Kiểm tra:

og:title

Hiện sai mô tả

→ Kiểm tra:

og:description

Kinh nghiệm từ đội ngũ Themevip

Trong quá trình hỗ trợ hàng nghìn website WordPress, Themevip nhận thấy hơn 90% trường hợp thumbnail hiển thị sai đều xuất phát từ ba nguyên nhân chính:

  1. Chưa làm mới cache của Facebook hoặc Zalo.
  2. Website sinh nhiều thẻ Open Graph do xung đột plugin hoặc theme.
  3. Bộ nhớ đệm của WordPress/CDN chưa được xóa sau khi cập nhật nội dung.

Vì vậy, trước khi can thiệp vào mã nguồn, hãy lần lượt kiểm tra các yếu tố trên. Trong đa số trường hợp, bạn có thể khắc phục chỉ trong vài phút.

Kết luận

Lỗi Thumbnail khi chia sẻ website lên Facebook hoặc Zalo không phải là lỗi hiếm gặp và thường không liên quan đến việc website bị hỏng. Chỉ cần cấu hình đúng thẻ Open Graph, sử dụng một nguồn duy nhất để sinh dữ liệu OG, xóa cache website và yêu cầu các nền tảng quét lại liên kết, hình ảnh, tiêu đề và mô tả sẽ được cập nhật chính xác.

Nếu sau khi thực hiện đầy đủ các bước trên mà website vẫn hiển thị sai Thumbnail, đội ngũ kỹ thuật Themevip khuyến nghị kiểm tra sâu hơn về theme, plugin SEO, CDN hoặc cấu hình máy chủ để xử lý triệt để, tránh ảnh hưởng đến SEO và hiệu quả chia sẻ trên mạng xã hội.

Bài viết cùng chủ đề: