Xem trước liên kết trên mạng xã hội

Xem trước liên kết có thể hiển thị thế nào khi chia sẻ trên Facebook, X và LinkedIn từ tiêu đề, mô tả và ảnh, hoặc tải thẳng thẻ og: từ URL của trang.

Facebook
Không có ảnh
example.com
My Awesome Article
A short summary shown when the link is shared on social networks.
X (Twitter)
Không có ảnh
My Awesome Article
Từ example.com
LinkedIn
Không có ảnh
My Awesome Article
example.com
Đây là bản mô phỏng gần đúng bố cục thẻ liên kết hiện tại của từng mạng; thẻ thật phụ thuộc vào ứng dụng, kích thước màn hình và bộ nhớ đệm của mạng xã hội. "Tải thẻ từ URL" lấy trang qua máy chủ AlgoKit và đọc các thẻ og:/twitter: của trang.

Xem trước mạng xã hội là gì?

Công cụ này hiển thị song song các bản mô phỏng gần đúng thẻ liên kết mà Facebook, X (Twitter) và LinkedIn hiển thị cho một URL. Nhập tiêu đề, mô tả và URL ảnh, hoặc nhấn "Tải thẻ từ URL" để tự động đọc các thẻ Open Graph và Twitter của trang.

Cách sử dụng Xem trước mạng xã hội

  1. Nhập URL của trang; nếu muốn, nhấn Tải thẻ từ URL để điền các trường từ thẻ og: và twitter: của trang.
  2. Sửa tiêu đề, URL ảnh và mô tả để thử các phương án khác nhau.
  3. So sánh ba bản mô phỏng thẻ; văn bản dài được rút gọn giống cách mỗi mạng thường làm.

Khi nào nên dùng Xem trước mạng xã hội

Dùng công cụ để thử nghiệm tiêu đề và ảnh chia sẻ trước khi xuất bản. Các bản mô phỏng chỉ là gần đúng – thẻ thật phụ thuộc vào phiên bản ứng dụng, kích thước màn hình và bộ nhớ đệm của từng mạng – nên với các chiến dịch quan trọng hãy xác nhận lại bằng công cụ gỡ lỗi chính thức.

Xem trước mạng xã hội hoạt động như thế nào

Các bản xem trước được dựng cục bộ theo bố cục thẻ hiện tại của từng mạng (ảnh 1,91:1, tên máy chủ, tiêu đề và mô tả) với giới hạn ký tự gần đúng. "Tải thẻ từ URL" dùng Pages Function có chống SSRF của AlgoKit để tải trang và trích xuất các thẻ meta (og:title, og:description, og:image, twitter:*, với title và description của HTML làm phương án dự phòng). Ảnh được hiển thị trực tiếp từ URL bạn nhập.

Các Trường Hợp Sử Dụng Phổ Biến

  • Kiểm tra tiêu đề bài blog có bị cắt trên Facebook không.
  • Xem ảnh sản phẩm bị cắt thế nào trong thẻ ngang.
  • So sánh bản xem trước của hai phương án tiêu đề.
  • Xác minh og:image của một trang đang chạy đã được đặt đúng.

Câu Hỏi Thường Gặp

Các bản xem trước này có chính xác không?

Không hoàn toàn. Chúng theo bố cục hiện tại của các mạng, nhưng font chữ, cách cắt văn bản và cắt ảnh khác nhau tùy thiết bị và thay đổi theo thời gian.

Vì sao Tải thẻ từ URL bị lỗi?

Trang có thể chặn bot, yêu cầu đăng nhập, nằm trong mạng riêng hoặc đang ngoại tuyến. Bạn vẫn có thể tự nhập các giá trị.

Những thẻ nào được đọc?

og:title, og:description, og:image và og:url trước, sau đó đến twitter:title/description/image, rồi đến <title> và meta description của trang.

Bước tiếp theo nên làm

Khám phá thêm danh mục