SEO
Meta Tags / Open Graph Generator
Tạo thẻ meta HTML cho SEO, Open Graph (Facebook) và Twitter Card — kèm xem trước thẻ.
The meta tags in a page's <head> control how it appears in search results and in the preview card when it's shared on social media or messaging apps. This tool generates a full set of SEO, Open Graph, and Twitter Card tags along with a live preview of the card.
How to use it
- Fill in the page's title, description, URL, and image — the tags generate instantly, and a preview shows how the card will look on Facebook, X (Twitter), and similar services.
- Copy the finished HTML block and paste it into the page's <head>.
- Check the title and description length — values that are too long get truncated by the search engine or social platform.
Common uses
- Setting up Open Graph for a page so the link looks polished when shared on Telegram, Slack, or social media.
- Writing a title and meta description targeting a specific search query for a new page.
- Quickly sanity-checking a page's existing meta tags through the card preview before publishing.
Things to keep in mind
Open Graph and Twitter Card are separate standards; most platforms except X read og: tags directly, so duplicating the main fields under twitter: isn't always required, but it improves compatibility.
The og:image must be reachable at an absolute URL, not a relative path — otherwise the social platform's crawler won't be able to fetch it.
Bài viết về công cụ này: Meta tag: thẻ nào thực sự ảnh hưởng đến tìm kiếm và mạng xã hội
Câu hỏi thường gặp
Vì sao tôi cần thẻ Open Graph và Twitter Card riêng nếu chúng làm cùng một việc?
Thẻ Open Graph (og:title, og:image, v.v.) được Facebook, LinkedIn và hầu hết các nền tảng khác đọc, trong khi Twitter có bộ thẻ riêng (twitter:card, twitter:title) — Twitter sẽ dùng thẻ Open Graph nếu thiếu thẻ riêng, nhưng thêm cả hai đảm bảo bản xem trước nhất quán.
og:image của tôi thực sự nên có kích thước bao nhiêu?
1200x630 pixel là kích thước được khuyến nghị rộng rãi — nó hiển thị đúng dưới dạng thẻ xem trước lớn trên hầu hết các nền tảng mà không bị cắt xén khó coi, và nằm dưới giới hạn kích thước tệp thông thường.
Việc tạo các thẻ này có gửi nội dung của tôi tới máy chủ không?
Không. Các thẻ được tạo hoàn toàn từ những gì bạn nhập, ngay trong trình duyệt của bạn — không có gì được tải lên bất cứ đâu.
Thẻ canonical URL có tác dụng gì?
Nó cho công cụ tìm kiếm biết phiên bản nào của một URL bị trùng lặp là phiên bản "chính thức" nên được lập chỉ mục và xếp hạng, gộp các tín hiệu xếp hạng bị phân tán giữa các biến thể (như www và non-www, hoặc URL có tham số theo dõi) vào một URL duy nhất.
Khác biệt giữa meta robots noindex và Disallow trong robots.txt là gì?
noindex yêu cầu công cụ tìm kiếm không lập chỉ mục một trang đã được thu thập dữ liệu, trong khi Disallow trong robots.txt ngăn hoàn toàn việc thu thập dữ liệu — nếu một trang bị Disallow, bot sẽ không bao giờ nhìn thấy thẻ noindex của nó, vì vậy hai chỉ thị này không nên được kết hợp trên cùng một trang.