Tạo Open Graph
Viết tiêu đề và mô tả, xem thẻ chia sẻ, và sao chép thẻ meta.
Tùy chọn khác
Điền bất kỳ trường nào và thẻ sẽ hiện ở đây — không có nút "tạo".
Cách sử dụng
- Điền tiêu đề, mô tả, hình ảnh và URL trang. Bản xem trước thẻ chia sẻ và các thẻ <meta> cập nhật khi bạn nhập — không có nút tạo.
- Mở "Tùy chọn khác" để thêm tên trang, ngôn ngữ hoặc tên Twitter @. Tắt Twitter Card nếu bạn chỉ cần Open Graph.
- Sao chép các thẻ và dán vào <head> của trang. Tải xuống cho bạn cùng khối đó dưới dạng tệp .html để lưu giữ.
Ví dụ
Các trường
Tiêu đề "Cách nướng bánh mì sourdough hoàn hảo" · loại website · URL ảnh · URL trang · tên trang "Blog Tiệm Bánh" · locale en_US · Twitter @tiembanh
Thẻ
<meta property="og:title" content="Cách nướng bánh mì sourdough hoàn hảo"> <meta property="og:type" content="website"> <meta property="og:image" content="https://example.com/og-image.png"> <meta property="og:url" content="https://example.com/blog/sourdough"> <meta property="og:description" content="Hướng dẫn từng bước từ men khởi đến ruột bánh giòn, thoáng."> <meta property="og:site_name" content="Blog Tiệm Bánh"> <meta property="og:locale" content="en_US"> <meta name="twitter:card" content="summary_large_image"> <meta name="twitter:site" content="@tiembanh"> <meta name="twitter:title" content="Cách nướng bánh mì sourdough hoàn hảo"> <meta name="twitter:description" content="Hướng dẫn từng bước từ men khởi đến ruột bánh giòn, thoáng."> <meta name="twitter:image" content="https://example.com/og-image.png">
Các thẻ được tạo theo thứ tự cố định, nên cùng các trường luôn cho cùng một khối. Trường trống bị bỏ qua — không tạo thẻ content="" rỗng.
Phạm vi, giới hạn và câu hỏi thường gặp
- Không tải URL: công cụ này không đọc được thẻ hiện có của trang khác và không kiểm tra được trang đã triển khai có được nhận diện không. Sau khi triển khai, hãy dán URL vào Facebook Sharing Debugger hoặc X Card Validator để xác nhận.
- Trường trống bị bỏ qua. Nếu để mô tả trống, không có og:description nào được tạo — không có giá trị giữ chỗ.
- Kiểm tra URL chỉ là cảnh báo, không chặn. Đường dẫn tương đối hay thiếu https:// vẫn tạo thẻ; hãy sửa ở phía bạn nếu nền tảng từ chối.
- Chỉ tạo thẻ Twitter summary và summary_large_image. Thẻ App và Player cần thêm các trường app:id / player: mà hầu hết trang không dùng.
- Ảnh xem trước được tải từ đúng URL og:image bạn nhập, giống cách mạng xã hội tải. Nó không được gửi đến máy chủ của chúng tôi; nếu máy chủ không truy cập được, một ảnh giữ chỗ sẽ hiện.
- Không có gì được tải lên, lưu trữ hay ghi vào URL trang. Tải lại sẽ bắt đầu từ ví dụ — xóa các trường sẽ bắt đầu từ trống.
Công cụ liên quan
Những gì mọi người thường cần tiếp theo khi đã có thẻ.