Xem Trước Open Graph

Nhập URL Trang Web

Xem Trước Thẻ Open Graph

Xem Trước Facebook

EXAMPLE WEBSITE

Ví Dụ Tiêu Đề Trang

Đây là ví dụ mô tả nội dung trang sẽ xuất hiện khi được chia sẻ trên mạng xã hội.

https://example.com/page

Xem Trước Twitter

Ví Dụ Tiêu Đề Trang

Đây là ví dụ mô tả nội dung trang sẽ xuất hiện khi được chia sẻ trên mạng xã hội.

example.com

website

Tạo Thẻ Meta

<!-- Primary Meta Tags -->
<title>Ví Dụ Tiêu Đề Trang</title>
<meta name="title" content="Ví Dụ Tiêu Đề Trang" />
<meta name="description" content="Đây là ví dụ mô tả nội dung trang sẽ xuất hiện khi được chia sẻ trên mạng xã hội." />

<!-- Open Graph / Facebook -->
<meta property="og:type" content="website" />
<meta property="og:url" content="https://example.com/page" />
<meta property="og:title" content="Ví Dụ Tiêu Đề Trang" />
<meta property="og:description" content="Đây là ví dụ mô tả nội dung trang sẽ xuất hiện khi được chia sẻ trên mạng xã hội." />
<meta property="og:image" content="https://images.unsplash.com/photo-1591696331111-ef9586a5b17a?q=80&w=1200&auto=format" />
<meta property="og:site_name" content="Example Website" />

<!-- Twitter -->
<meta property="twitter:card" content="summary_large_image" />
<meta property="twitter:url" content="https://example.com/page" />
<meta property="twitter:title" content="Ví Dụ Tiêu Đề Trang" />
<meta property="twitter:description" content="Đây là ví dụ mô tả nội dung trang sẽ xuất hiện khi được chia sẻ trên mạng xã hội." />
<meta property="twitter:image" content="https://images.unsplash.com/photo-1591696331111-ef9586a5b17a?q=80&w=1200&auto=format" />

Cách sử dụng Open Graph Previewer

1
Nhập URL trang
Dán URL đầy đủ của trang bạn muốn kiểm tra vào ô URL trang web.
2
Lấy dữ liệu OG
Nhấn "Fetch OG Data" để kéo về tiêu đề, mô tả, ảnh và tên trang Open Graph hiện có của trang.
3
Chỉnh sửa thủ công nếu cần
Chuyển sang Edit Manually để điều chỉnh tiêu đề, mô tả, URL ảnh, kiểu và các trường khác, đồng thời xem bản xem trước cập nhật.

4
Xem trước và sao chép thẻ
Xem lại bản xem trước thẻ Facebook và Twitter, sau đó sao chép các meta tag được tạo để thêm chúng vào trang của bạn.

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

Thẻ Open Graph là gì và vì sao chúng quan trọng?

Các meta tag Open Graph cho các nền tảng mạng xã hội biết nên hiển thị tiêu đề, mô tả và ảnh nào khi trang của bạn được chia sẻ, nên các thẻ được thiết lập tốt tạo ra bản xem trước liên kết phong phú và dễ thu hút nhấp chuột hơn trên Facebook, X, LinkedIn và nhiều nền tảng khác.

Bản xem trước Facebook và Twitter hoạt động như thế nào?

Công cụ dựng các thẻ Facebook và Twitter mô phỏng bằng các giá trị Open Graph của bạn để bạn thấy tiêu đề, mô tả và ảnh sẽ xuất hiện ra sao trước khi xuất bản hoặc chia sẻ liên kết.

Tôi có thể tạo thẻ mà không cần một trang có sẵn không?

Có, hãy dùng Edit Manually để điền tiêu đề, mô tả, URL ảnh, tên trang, URL và kiểu từ đầu, sau đó sao chép các meta tag sẵn dùng cho HTML của bạn.

Vì sao việc lấy một URL có thể thất bại hoặc không trả về dữ liệu?

Một số trang chặn yêu cầu tự động, yêu cầu đăng nhập, hoặc hoàn toàn không có thẻ Open Graph; trong những trường hợp đó hãy chuyển sang chế độ thủ công và tự nhập các giá trị.

Công cụ có miễn phí không, và điều gì xảy ra với URL tôi nhập?

Công cụ miễn phí, không cần đăng ký. Để đọc thẻ từ một trang đang hoạt động, nó lấy URL thông qua proxy máy chủ của chúng tôi (cần thiết để vượt qua giới hạn xuyên nguồn gốc của trình duyệt), nên chỉ địa chỉ trang công khai được yêu cầu; việc chỉnh sửa thủ công và các bản xem trước chạy trong trình duyệt của bạn.

Công cụ liên quan

Tiếp tục với những công cụ hữu ích này

Công Cụ Tạo Thẻ Meta

Tạo Robots.txt

Bộ Mã Hóa/Giải Mã Thực Thể HTML

Trình Xem Header HTTP

Kiểm Tra Chuỗi Chuyển Hướng URL

Trích Xuất URL Từ Sitemap