ToolHub
Mở công cụ

Xem trước chia sẻ mạng xã hội

Xem trước cách website hiển thị khi chia sẻ trên các nền tảng mạng xã hội như Twitter, Facebook, LinkedIn

Công cụ nhà phát triển
Khởi chạy công cụ Tất cả công cụ

Về công cụ này

Xem trước cách website hiển thị khi chia sẻ trên các nền tảng mạng xã hội như Twitter, Facebook, LinkedIn. Nhập tiêu đề trang, mô tả, URL và hình ảnh, ngay lập tức xem trước thẻ và tạo thẻ meta Open Graph, tất cả xử lý hoàn thành cục bộ trong trình duyệt.

Tính năng chính

Xem nhanh

Tình huống sử dụng

social

Câu hỏi thường gặp

Hỗ trợ xem trước những nền tảng mạng xã hội nào?

Công cụ xem trước cách trang của bạn hiển thị khi chia sẻ trên Twitter (X), Facebook, LinkedIn và các nền tảng hỗ trợ thẻ meta Open Graph và Twitter Card. Bố cục thẻ của mỗi nền tảng hơi khác nhau.

Thẻ meta Open Graph là gì?

Thẻ meta Open Graph (og:title, og:description, og:image, og:url) là các phần tử meta HTML kiểm soát cách nội dung hiển thị khi chia sẻ trên mạng xã hội. Chúng xác định tiêu đề, mô tả, hình ảnh và URL mà nền tảng xã hội hiển thị trong xem trước liên kết.

Twitter Card khác Open Graph như thế nào?

Twitter sử dụng thẻ meta riêng (twitter:card, twitter:title, v.v.), nhưng nếu thiếu thẻ Twitter sẽ quay về thẻ Open Graph. Công cụ cho phép bạn chuyển đổi giữa xem trước Twitter và Open Graph, đảm bảo cả hai hiển thị chính xác.

Kích thước hình ảnh tốt nhất cho xem trước mạng xã hội là bao nhiêu?

Hình ảnh cho Facebook và LinkedIn cần ít nhất 1200x630 pixel. Twitter Summary Card with Large Image khuyến nghị tỷ lệ khung hình 2:1, như 1200x600 hoặc 800x400. Xem trước giúp bạn kiểm tra hình ảnh hiển thị chính xác.

Tại sao hình ảnh của tôi không hiển thị trong xem trước?

Các nguyên nhân phổ biến bao gồm thiếu hoặc sai URL og:image, tệp hình ảnh nhỏ hơn 200x200 pixel, định dạng hình ảnh không được hỗ trợ hoặc bộ nhớ đệm của nền tảng xã hội. Sử dụng URL tuyệt đối và đảm bảo hình ảnh đáp ứng yêu cầu kích thước tối thiểu.

Công cụ liên quan

Trình kiểm tra JSONBảng chọn màuTrình tạo HashTrình tạo UUID