Dán HTML và xem trước Facebook, Twitter, LinkedIn, Slack sẽ hiển thị thẻ chia sẻ của bạn ra sao.
HTML được xử lý ngay trên trình duyệt. Không gửi lên server, không tải URL từ xa.
How to brew the perfect cup of green tea
A complete guide to brewing Japanese green tea, covering water temperature, steep time, and tea-to-water ratios.
| htmlTitle | How to brew the perfect cup of green tea |
| metaDescription | A complete guide to brewing Japanese green tea, covering water temperature, steep time, and tea-to-water ratios. |
| title | How to brew the perfect cup of green tea |
| description | A complete guide to brewing Japanese green tea, covering water temperature, steep time, and tea-to-water ratios. |
| image | https://example.com/og/green-tea.jpg |
| url | https://example.com/blog/green-tea-guide |
| type | article |
| siteName | Tea Journal |
| twitterCard | summary_large_image |
| twitterSite | @teajournal |
| canonical | https://example.com/blog/green-tea-guide |
Tạo schema.org JSON-LD cho Article, Product, FAQ, LocalBusiness, Person, Event, Breadcrumbs. Form-based, dán sẵn.
Tạo URL có thể tracking với utm_source / utm_medium / utm_campaign. QR code tự sinh. Tương thích GA4 / Universal Analytics.
Kiểm tra cấu trúc sitemap.xml, định dạng lastmod, hreflang alternates và giới hạn số URL — chạy ngay trên trình duyệt.
Mô phỏng cách Googlebot và các crawler khác áp dụng luật Allow/Disallow từ robots.txt cho từng URL cụ thể.
Khi bạn chia sẻ URL lên Facebook, LinkedIn, Slack, Discord, hay đăng link lên Twitter/X, nền tảng đọc các meta tag Open Graph (og:*) và Twitter Card (twitter:*) trong <head> HTML rồi render thẻ xem trước với tiêu đề, mô tả, hình ảnh. Thiếu og:image có thể giảm tỉ lệ click 5–10 lần, tiêu đề quá 70 ký tự bị cắt thấy rõ. Công cụ Open Graph Preview cho phép dán bất kỳ HTML nào và xem chính xác bốn nền tảng lớn sẽ hiển thị thẻ chia sẻ ra sao — không upload lên server, không gọi URL từ xa. Bộ validator còn flag các thẻ bắt buộc bị thiếu, tiêu đề/mô tả quá dài, og:image dùng đường dẫn tương đối, hay thiếu Twitter Card type. Dùng nó trong quá trình dev trước khi push thay đổi metadata, hoặc sau khi deploy để xác minh CMS, framework headless hay site tĩnh đang emit metadata đúng như bạn mong đợi.
Facebook, LinkedIn, Slack đều cần cùng bốn thuộc tính làm nền: og:title (50–60 ký tự), og:description (150–200 ký tự), og:image (URL https tuyệt đối, lý tưởng 1200×630), và og:url (canonical). Riêng Twitter/X cần thêm twitter:card đặt thành "summary_large_image" nếu muốn ảnh xem trước lớn thay vì thumbnail nhỏ. og:site_name, og:type, twitter:site/twitter:creator được khuyến nghị nhưng không bắt buộc.