Xem trước thẻ Meta & Open Graph

Xem trước thẻ chia sẻ mạng xã hội theo thời gian thực cho Google, Facebook, Twitter/X và LinkedIn.

Xem trước thẻ Meta & Open Graph

Xem trước thẻ chia sẻ mạng xã hội theo thời gian thực cho Google, Facebook, Twitter/X và LinkedIn.

Cách thức hoạt động

1
Enter Query Details
Specify the parameters, location, or query data you want to look up.
2
Fetch or Validate Data
Retrieve or validate information securely within your session.
3
Inspect Detailed Results
Review schedules, reference figures, or comprehensive data tables.
Trung tâm kiến thức

Trình tạo thẻ Meta SEO & Open Graph: Xem trước hiển thị trên Facebook, X và Google

Khi người dùng chia sẻ đường dẫn bài viết của bạn lên các mạng xã hội như Facebook, X (Twitter), LinkedIn, Zalo hoặc Slack, các hệ thống này sẽ đọc các thẻ siêu dữ liệu Open Graph Protocol (OG) và Twitter Card được nhúng trong phần <head> của trang web để tự động tạo khung xem trước trực quan (Link Preview Card) bao gồm ảnh bìa, tiêu đề và mô tả.

Công cụ này cung cấp giao diện trực quan để bạn điền tiêu đề bài viết, mô tả ngắn gọn, hình ảnh đại diện và địa chỉ URL chuẩn (Canonical), đồng thời hiển thị mô phỏng thực tế cách đường link của bạn sẽ xuất hiện trên bảng tin Facebook, Twitter và trang kết quả tìm kiếm Google, sau đó xuất ra toàn bộ khối mã HTML thẻ meta chuẩn chỉnh chỉ với một cú nhấp chuột.

Công thức & Nguyên lý kỹ thuật

Khối Meta = Thẻ Meta Tiêu chuẩn (title, description) + Thẻ Open Graph (og:title, og:image) + Thẻ Twitter Card

Bộ sinh mã chuẩn hóa các thẻ meta theo khuyến nghị chính thức của Google Search Console và Facebook Sharing Best Practices, tự động bổ sung kích thước ảnh og:image:width và thẻ bảo vệ encoding.

Thực hành tốt nhất & Hướng dẫn thiết yếu

  • Độ dài tiêu đề tối ưu: Giữ tiêu đề trong khoảng 50 - 60 ký tự để không bị Google hoặc Facebook cắt cụt bằng dấu ba chấm (...).
  • Độ dài mô tả meta khuyến nghị: Viết mô tả súc tích trong khoảng 150 - 160 ký tự, nêu bật giá trị cốt lõi và lời kêu gọi hành động (CTA) hấp dẫn.
  • Kích thước ảnh Open Graph chuẩn: Luôn thiết kế ảnh đại diện chia sẻ ở tỷ lệ 1.91:1 với kích thước khuyến nghị là 1200 × 630 pixel để ảnh hiển thị sắc nét nhất trên cả di động và máy tính.
  • Sử dụng URL tuyệt đối (Absolute URL): Đường dẫn trong thẻ og:image và canonical bắt buộc phải là URL tuyệt đối có chứa giao thức https:// (không dùng đường dẫn tương đối /images/banner.jpg).

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

Tại sao Facebook không cập nhật ảnh mới sau khi tôi đổi thẻ og:image?
Facebook lưu bộ nhớ đệm (cache) thẻ meta của đường link. Bạn cần sử dụng công cụ Facebook Sharing Debugger để yêu cầu mạng xã hội này cào lại (Scrape Again) thông tin mới nhất.
Thẻ Twitter Card nào phù hợp nhất cho bài viết blog?
Thẻ summary_large_image là lựa chọn hàng đầu cho các bài viết và tin tức vì nó hiển thị ảnh bìa kích thước lớn toàn màn hình, thu hút lượng nhấp chuột (CTR) cao hơn nhiều so với thẻ nhỏ.
Thẻ Meta Description có trực tiếp tăng thứ hạng từ khóa trên Google không?
Google không dùng Meta Description làm yếu tố xếp hạng trực tiếp, nhưng một mô tả hấp dẫn sẽ tăng đáng kể tỷ lệ người dùng nhấp vào trang web của bạn (CTR) trên kết quả tìm kiếm.
Tôi có cần cài đặt plugin để dùng các thẻ meta này không?
Không. Bạn chỉ cần sao chép đoạn mã HTML mà công cụ sinh ra và dán trực tiếp vào trong cặp thẻ <head>...</head> của trang web.