Sự khác biệt giữa Open Graph và Twitter Cards là gì?

Open Graph là tiêu chuẩn được sử dụng bởi Facebook, LinkedIn và Slack, trong khi Twitter Cards dành riêng cho X. Hầu hết các nền tảng hiện đại sẽ quay trở lại các thẻ Open Graph nếu thiếu các thẻ dành riêng cho Twitter.

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

Các nền tảng xã hội yêu cầu URL tuyệt đối cho hình ảnh, chẳng hạn như `https://example.com/image.jpg`. Đảm bảo hình ảnh của bạn có thể truy cập công khai và đáp ứng các yêu cầu kích thước tối thiểu của nền tảng.

Công cụ này có lưu dữ liệu trang web của tôi không?

Không. Tất cả quá trình tạo thẻ diễn ra cục bộ trong trình duyệt của bạn và không có dữ liệu nào được gửi đến máy chủ của chúng tôi hoặc lưu trữ bên ngoài.

Làm cách nào để làm mới bản xem trước sau khi cập nhật thẻ?

Các nền tảng như Facebook và X lưu vào bộ nhớ cache siêu dữ liệu. Sử dụng các công cụ 'Debugger' hoặc 'Card Validator' chính thức của họ để buộc thu thập lại URL đã cập nhật của bạn.

Màu sắc & Thiết kế

Trình tạo Open Graph / Twitter Card

Every social meta tag, preview-ready.

Runs in your browser

TitleDescriptionURLImage URLTwitter @handleType

Meta tags

<title>AnytimeConvert</title>
<meta name="description" content="100% free online converters for units, currency, dates, code, text and files." />

<!-- Open Graph -->
<meta property="og:type" content="website" />
<meta property="og:url" content="https://anytimeconvert.com" />
<meta property="og:title" content="AnytimeConvert" />
<meta property="og:description" content="100% free online converters for units, currency, dates, code, text and files." />
<meta property="og:image" content="https://anytimeconvert.com/og.png" />
<meta property="og:image:width" content="1200" />
<meta property="og:image:height" content="630" />

<!-- Twitter -->
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:site" content="@anytimeconvert" />
<meta name="twitter:title" content="AnytimeConvert" />
<meta name="twitter:description" content="100% free online converters for units, currency, dates, code, text and files." />
<meta name="twitter:image" content="https://anytimeconvert.com/og.png" />

lines: 18chars: 1011size: 1011 B

live

Preview

anytimeconvert.com

AnytimeConvert

100% free online converters for units, currency, dates, code, text and files.

Ghi chú của biên tập viên

Understanding · A title, a description, a 1200×630 image.

Chương phân tích chuyên sâu này hiện chỉ có sẵn bằng tiếng Anh. Công cụ chuyển đổi ở trên hoạt động bằng ngôn ngữ của bạn; bài viết giải thích dài chưa được dịch.

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

Quick answers.

›What is the difference between Open Graph and Twitter Cards?

Open Graph is the standard used by Facebook, LinkedIn, and Slack, while Twitter Cards are specific to X. Most modern platforms will fall back to Open Graph tags if Twitter-specific tags are missing.

›Why is my preview image not appearing?

Social platforms require absolute URLs for images, such as `https://example.com/image.jpg`. Ensure your image is publicly accessible and meets the platform's minimum dimension requirements.

›Does this tool save my website data?

No. All tag generation happens locally in your browser, and no data is sent to our servers or stored externally.

›How do I refresh a preview after updating tags?

Platforms like Facebook and X cache meta data. Use their official 'Debugger' or 'Card Validator' tools to force a re-crawl of your updated URL.

Mọi người cũng tìm kiếm

Công cụ liên quan

More in this room.

Xem tất cả trong Màu sắc & Thiết kế