Công cụ tạo ảnh chia sẻ (Open Graph)
Thiết kế ảnh Open Graph 1200×630 với tiêu đề, mô tả và tên trang trên nền gradient, tải PNG và sao chép thẻ meta og: và Twitter tương ứng.
Mạng xã hội cần URL tuyệt đối bắt đầu bằng https://.
Tạo ảnh chia sẻ mạng xã hội là gì?
Khi một liên kết được chia sẻ trên Facebook, LinkedIn, X/Twitter, Slack hoặc Discord, nền tảng sẽ hiển thị ảnh Open Graph của trang. Công cụ này tạo ảnh đó ở kích thước khuyến nghị 1200 × 630 px từ Tiêu đề, Mô tả và Tên trang của bạn trên nền gradient màu, đồng thời viết các thẻ meta og: và twitter: tương ứng.
Cách sử dụng Tạo ảnh chia sẻ mạng xã hội
- Gõ Tiêu đề, Mô tả và Tên trang hoặc tên miền.
- Chọn một Giao diện hoặc tự đặt màu gradient và màu chữ.
- Bấm Tải PNG và tải ảnh lên website của bạn.
- Nhập URL trang và URL ảnh, rồi sao chép Thẻ meta Open Graph và Twitter vào
<head>của trang.
Ví dụ
Title: Hello OG
<meta property="og:title" content="Hello OG"> … <meta name="twitter:card" content="summary_large_image">
Kèm một ảnh PNG 1200 × 630.
Khi nào nên dùng Tạo ảnh chia sẻ mạng xã hội
Dùng cho bài blog, ra mắt sản phẩm, trang tài liệu và bất kỳ trang nào bạn mong được chia sẻ. Với hàng nghìn trang, hãy tạo ảnh tự động lúc build. Mạng xã hội cache bản xem trước, nên sau khi đổi ảnh hãy dùng công cụ debug của họ (Facebook Sharing Debugger, LinkedIn Post Inspector) để làm mới.
Tạo ảnh chia sẻ mạng xã hội hoạt động như thế nào
Thẻ được vẽ trên canvas 1200×630: nền gradient tuyến tính chéo, tên trang ở trên cùng, tiêu đề in đậm (cỡ chữ giảm từ 72 px xuống 40 px cho đến khi vừa trong ba dòng, ngắt dòng theo từ và ngắt theo ký tự với hệ chữ không có dấu cách) và tối đa hai dòng mô tả. Văn bản từ phải sang trái như tiếng Ả Rập được tự động căn phải. Các thẻ meta gồm og:title, og:description, og:url, og:image kèm chiều rộng và chiều cao, và twitter:card đặt là summary_large_image, mọi giá trị đều được escape HTML.
Các Trường Hợp Sử Dụng Phổ Biến
- Tạo ảnh chia sẻ cho bài blog mới
- Làm thẻ xem trước đồng bộ cho các trang tài liệu
- Thông báo ra mắt sản phẩm trên LinkedIn và X
- Tạo thẻ meta og:image cho landing page
Câu Hỏi Thường Gặp
Ảnh Open Graph nên có kích thước bao nhiêu?
1200 × 630 pixel (khoảng 1,91:1) là kích thước khuyến nghị cho thẻ lớn của Facebook, LinkedIn và X.
Vì sao URL ảnh phải là đường dẫn tuyệt đối?
Mạng xã hội tải ảnh từ máy chủ của họ, nên og:image phải là URL https:// đầy đủ, không phải đường dẫn tương đối.
Ảnh mới của tôi không hiện khi chia sẻ liên kết
Các nền tảng cache bản xem trước. Hãy quét lại URL bằng công cụ debug của nền tảng hoặc chờ cache hết hạn.