Trình Kiểm Tra Meta Open Graph
Kiểm tra thẻ meta Open Graph và Twitter Card cho bất kỳ trang HTML nào. Trích xuất og:title/og:description/og:image cùng các thẻ Twitter, làm nổi bật các giá trị bị thiếu hoặc không hợp lệ, và tạo báo cáo JSON/PDF có thể chia sẻ. Được thiết kế cho việc gỡ lỗi SEO và xem trước mạng xã hội với hỗ trợ chuyển hướng và đầu ra văn bản thô.
Tính năng
- Trích xuất meta Open Graph: og:title, og:description, og:image và các thuộc tính OG liên quan khi có.
- Trích xuất thẻ Twitter Card (twitter:card, twitter:title, twitter:description, twitter:image) khi có.
- Theo dõi chuyển hướng để kiểm tra đích đến chính tắc cuối cùng (phổ biến cho HTTP→HTTPS, www, các tuyến ngôn ngữ).
- Chế độ xác thực chỉ HTML để tập trung vào thẻ meta (không phải tài nguyên không phải HTML).
- Phát hiện + thẻ điểm và bộ lọc "chỉ vấn đề" để dọn dẹp nhanh.
- Đầu ra văn bản thô dễ sao chép, so sánh và chia sẻ.
- Sao chép kết quả cho ticket và tài liệu.
- Xuất JSON cho tự động hóa và kiểm toán.
- Xuất báo cáo PDF cho giao phẩm khách hàng và kiểm toán SEO.
🧭 Cách sử dụng for open-graph-meta-checker
Dán URL trang
Nhập URL của trang bạn muốn xem trước (ví dụ: trang đích, bài viết blog, trang sản phẩm). Công cụ này dành cho các trang HTML, không phải hình ảnh hoặc API.
Theo dõi chuyển hướng nếu trang web của bạn chuyển hướng
Giữ "Theo Dõi Chuyển Hướng" được bật để công cụ kiểm tra đích đến cuối cùng mà trình thu thập thông tin mạng xã hội có thể sẽ truy cập.
Xem lại giá trị OG và Twitter
Kiểm tra các trường tiêu đề, mô tả và hình ảnh. Tìm kiếm các giá trị trống, trình giữ chỗ, bản sao hoặc sự không khớp giữa thẻ OG và Twitter.
Sửa các vấn đề xem trước phổ biến
Đảm bảo og:image là một URL tuyệt đối, có thể truy cập công khai và trỏ đến tài sản chính xác. Xác nhận tiêu đề/mô tả ngắn gọn và duy nhất cho mỗi trang.
Xuất và chia sẻ báo cáo
Tải xuống JSON để tự động hóa hoặc PDF để báo cáo SEO/khách hàng. Sử dụng chế độ xem văn bản thô để nhanh chóng dán giá trị vào ticket.
Thông số kỹ thuật
Mô hình yêu cầu và phân tích cú pháp
Công cụ này tải trang đích (HTML) và trích xuất thẻ meta Open Graph và Twitter Card từ các phần tử meta của tài liệu. Nó hỗ trợ theo dõi chuyển hướng để kiểm tra đích đến hiệu quả.
| Cài đặt | Hành vi | Mặc định |
|---|---|---|
| Chỉ HTML | Tập trung vào trang HTML và trích xuất meta | Đã bật (theo khả năng công cụ) |
| Theo dõi Chuyển hướng | Theo dõi chuyển hướng để kiểm tra URL cuối cùng | Đã bật |
| Số Chuyển hướng Tối đa | Giới hạn chuyển hướng để ngăn vòng lặp | 10 |
| Thời gian chờ | Giới hạn thời gian chờ yêu cầu | 15000 ms |
| User-Agent | Xác định user agent của yêu cầu | Encode64Bot/1.0 (+https://encode64.com) |
| Mạng riêng | Chặn truy cập vào dải mạng riêng để đảm bảo an toàn | Đã tắt (không cho phép mạng riêng) |
Bộ meta được đề xuất (cơ bản)
Một nền tảng vững chắc bao gồm cả các trường Open Graph và Twitter Card để bản xem trước hiển thị nhất quán trên mọi nền tảng.
| Nền tảng | Thẻ tối thiểu | Ghi chú |
|---|---|---|
| Open Graph | og:title, og:description, og:image | Thêm og:url và og:type khi có thể áp dụng |
| Twitter Card | twitter:card, twitter:title, twitter:description, twitter:image | twitter:card thường là summary hoặc summary_large_image |
Các lỗi og:image cần lưu ý
Lỗi xem trước phổ biến nhất đến từ URL hình ảnh: nó phải có thể truy cập được, là tuyệt đối và tương thích với quy tắc tải của trình thu thập thông tin.
| Vấn đề | Triệu chứng | Cách sửa |
|---|---|---|
| URL hình ảnh tương đối | Bản xem trước không hiển thị hình ảnh | Sử dụng URL tuyệt đối cho og:image và twitter:image |
| Bị chặn bởi xác thực / robots / tường lửa | Bản xem trước bị thiếu hoặc không nhất quán | Đảm bảo quyền truy cập công khai cho trình thu thập; cho phép tác nhân người dùng mạng xã hội nếu bạn lọc |
| URL hình ảnh chuyển hướng | Một số nền tảng không thể tải nó | Ưu tiên URL hình ảnh trực tiếp, ổn định (không chuyển hướng) |
| Loại nội dung sai | Hình ảnh không được nhận diện | Cung cấp Content-Type chính xác (ví dụ: image/png, image/jpeg) |
Dòng lệnh
Bạn có thể xác thực thẻ OG/Twitter từ terminal bằng cách tải HTML và lọc các thẻ meta. Hữu ích cho kiểm tra CI và gỡ lỗi vấn đề SSR.
macOS / Linux
Tải HTML và liệt kê thẻ meta OG/Twitter
curl -Ls https://example.com/page | grep -i -E "<meta[^>]+(property=\"og:|name=\"twitter:)"Hiển thị các thẻ meta ảnh hưởng đến bản xem trước mạng xã hội. Dùng -L để theo dõi chuyển hướng.
Kiểm tra URL cuối cùng sau chuyển hướng
curl -ILs https://example.com/page | awk '/^HTTP\//{print} /^location:/I{print}'In ra các dòng trạng thái chuỗi chuyển hướng và tiêu đề Location.
Windows (PowerShell)
Tải HTML và tìm kiếm thẻ OG/Twitter
$html = (Invoke-WebRequest https://example.com/page).Content; $html -split "`n" | Select-String -Pattern "<meta" | Select-String -Pattern "og:|twitter:"Cách nhanh để xác nhận thẻ tồn tại trong HTML được gửi.
Trường hợp sử dụng
Sửa bản xem trước mạng xã hội bị hỏng
Khi một liên kết được chia sẻ với tiêu đề sai, không có hình ảnh hoặc văn bản lỗi thời, công cụ này giúp bạn xác định nhanh các trường meta bị thiếu hoặc không chính xác.
- Xác thực og:title và twitter:title
- Xác nhận og:image có thể truy cập và là tuyệt đối
- Phát hiện mô tả trống hoặc trình giữ chỗ
Kiểm thử cho trang động và SSR
Đảm bảo framework của bạn xuất thẻ OG/Twitter trong phản hồi HTML cho mỗi tuyến đường (đặc biệt với Next.js, Nuxt, SvelteKit, v.v.).
- Xác nhận meta theo trang có trong HTML
- Bắt lỗi tạo meta chỉ phía máy khách
- Xác thực chuyển hướng đến ngôn ngữ chuẩn
SEO và quy trình làm việc xuất bản nội dung
Chuẩn hóa bản xem trước trên toàn trang web: tiêu đề/mô tả nhất quán, loại OG chính xác và hình ảnh ổn định cải thiện CTR khi liên kết được chia sẻ.
- Kiểm tra mẫu cho các trường OG bị thiếu
- Xuất PDF/JSON cho danh sách kiểm tra biên tập
- Phát hiện meta trùng lặp trên nhiều trang
Báo cáo và kiểm toán cho khách hàng
Tạo báo cáo sạch, có thể xuất để ghi lại trạng thái xem trước mạng xã hội và các đề xuất sửa chữa.
- Báo cáo PDF cho các bên liên quan
- Báo cáo JSON để theo dõi thay đổi theo thời gian
❓ Frequently Asked Questions
❓Sự khác biệt giữa Open Graph và Twitter Cards là gì?
❓Tại sao bản xem trước của tôi hiển thị hình ảnh hoặc tiêu đề cũ?
❓Tại sao og:image của tôi không hiển thị?
❓Tôi có cần cả og:title và twitter:title không?
❓Tôi có thể kiểm tra một trang đằng sau đăng nhập không?
❓Việc dán URL ở đây có an toàn không?
Pro Tips
Sử dụng URL tuyệt đối cho og:image và twitter:image và giữ chúng ổn định (tránh chuyển hướng) để giảm lỗi trình thu thập thông tin.
Tạo hình ảnh OG một cách xác định (mẫu + tham số) để bạn có thể cập nhật thương hiệu trong khi vẫn giữ URL ổn định cho mỗi trang.
Đối với ứng dụng Next.js/SSR, hãy xác minh thẻ trong phản hồi HTML ban đầu (Xem Nguồn), không chỉ trong DOM sau khi hydrate.
Giữ tiêu đề ngắn gọn và duy nhất cho mỗi trang; tiêu đề quá dài có thể bị cắt ngắn trong bản xem trước và làm giảm CTR.
Xuất báo cáo JSON và thêm chúng vào danh sách kiểm tra phát hành để phát hiện các hồi quy trong mẫu meta.
Additional Resources
Other Tools
- Bộ Làm Đẹp CSS
- Bộ Làm Đẹp HTML
- Bộ Làm Đẹp Javascript
- Bộ Làm Đẹp PHP
- Bộ Chọn Màu
- Bộ Trích Xuất Sprite
- Bộ Mã Hóa Nhị Phân Base32
- Bộ Giải Mã Base32
- Bộ Mã Hóa Base32
- Bộ Mã Hóa Nhị Phân Base58
- Bộ Giải Mã Base58
- Bộ Mã Hóa Base58
- Bộ Mã Hóa Nhị Phân Base62
- Bộ Giải Mã Base62
- Bộ Mã Hóa Base62
- Bộ Mã Hóa Nhị Phân Base64
- Bộ Giải Mã Base64
- Bộ Mã Hóa Base64
- Bộ Mã Hóa Nhị Phân Hex
- Bộ Giải Mã Hex
- Bộ Mã Hóa Hex
- Bộ Định Dạng Csharp
- Bộ Định Dạng CSV
- Dockerfile Formatter
- Bộ Định Dạng Elm
- Bộ Định Dạng ENV
- Bộ Định Dạng Go
- Bộ Định Dạng GraphQL
- Bộ Định Dạng HCL
- Bộ Định Dạng INI
- Bộ Định Dạng JSON
- Bộ Định Dạng Latex
- Bộ Định Dạng Markdown
- Bộ Định Dạng ObjectiveC
- Php Formatter
- Bộ Định Dạng Proto
- Bộ Định Dạng Python
- Bộ Định Dạng Ruby
- Bộ Định Dạng Rust
- Bộ Định Dạng Scala
- Bộ Định Dạng Tập Lệnh Shell
- Bộ Định Dạng SQL
- Trình Định Dạng SVG
- Trình Định Dạng Swift
- Trình Định Dạng TOML
- Typescript Formatter
- Trình Định Dạng XML
- Trình Định Dạng YAML
- Trình Định Dạng Yarn
- Bộ Thu Nhỏ CSS
- Html Minifier
- Javascript Minifier
- Bộ Thu Nhỏ JSON
- Trình Thu Nhỏ XML
- Cache Headers Analyzer
- Cors Checker
- Csp Analyzer
- Dns Records Lookup
- Trình Xem Tiêu Đề HTTP
- Http Status Checker
- Redirect Chain Viewer
- Robots Txt Tester
- Security Headers Checker
- Security Txt Checker
- Sitemap Url Inspector
- Tls Certificate Checker
- PDF Sang Văn Bản
- Bộ Kiểm Tra Regex
- Bộ Kiểm Tra Xếp Hạng SERP
- Tra Cứu Whois