Trình tạo thẻ meta

Công cụ này làm gì

Trình tạo thẻ meta viết các thẻ nằm trong <head> của trang HTML: <title>, meta description, từ khóa và tác giả, chỉ thị robots, liên kết chuẩn, màu chủ đề, khai báo viewport và charset, bộ thẻ Open Graph đầy đủ (og:title, og:description, og:image, og:url, og:type, og:site_name, og:locale) và thẻ card của X / Twitter.

Khi bạn nhập, công cụ cho thấy trang có thể trông thế nào trong kết quả tìm kiếm và trên thẻ mạng xã hội, đồng thời kiểm tra các lỗi thường gặp: tiêu đề dài hơn khoảng 60 ký tự, mô tả bị thiếu, quá ngắn hoặc dài hơn khoảng 160 ký tự, URL chuẩn ở dạng tương đối, ảnh chia sẻ không có URL đầy đủ, hay ngôn ngữ vùng hoặc màu viết sai. Mọi thứ diễn ra trong trình duyệt, và phần xem trước cố ý không tải ảnh của bạn nên trang không gửi yêu cầu mạng nào.

Cách sử dụng

1. Điền thông tin trang. Tiêu đề và mô tả là quan trọng nhất; bộ đếm cho thấy độ dài so với giới hạn hiển thị thông thường. Nhấp Ví dụ để xem một trường hợp đầy đủ.
2. Nhập URL chuẩn của trang và ảnh chia sẻ. Đường dẫn tương đối như /images/cover.jpg sẽ được phân giải theo URL chuẩn.
3. Trong tùy chọn, chọn loại Open Graph (website cho hầu hết trang, article cho bài blog), kích thước thẻ, có cho công cụ tìm kiếm lập chỉ mục trang và theo dõi liên kết hay không, và nhóm thẻ nào cần đưa vào.
4. Đọc cảnh báo dưới phần HTML, kiểm tra bản xem trước rồi sao chép HTML vào mẫu trang của bạn.

Tùy chọn được lưu trong địa chỉ trang và biểu mẫu được lưu trong trình duyệt, nên bạn có thể quay lại tiếp tục hoặc chia sẻ liên kết với cùng thiết lập.

Ví dụ

Trang ví dụ tạo ra các thẻ như sau (rút gọn):

<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Sourdough Bread for Beginners — Step-by-Step Guide</title>
<meta name="description" content="Bake your first sourdough loaf at home: …">
<meta name="robots" content="index, follow">
<link rel="canonical" href="https://example.com/recipes/sourdough-for-beginners">

<!-- Open Graph -->
<meta property="og:type" content="website">
<meta property="og:title" content="Sourdough Bread for Beginners — Step-by-Step Guide">
<meta property="og:image" content="https://example.com/images/sourdough-loaf.jpg">
<meta property="og:locale" content="en_US">

<!-- Twitter / X -->
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:site" content="@examplekitchen">

Các giá trị được thoát ký tự HTML nên dấu ngoặc kép và dấu & trong tiêu đề không làm hỏng mã, và ngôn ngữ vùng en-US được chuẩn hóa thành dạng en_US mà Open Graph yêu cầu.

Mẹo

• Viết tiêu đề và mô tả riêng cho từng trang; nội dung trùng lặp trên toàn trang web khiến kết quả khó phân biệt.
• Đặt những từ quan trọng nhất ở đầu tiêu đề, vì tiêu đề dài bị cắt ở cuối.
• URL chuẩn nên là chính xác địa chỉ bạn muốn được lập chỉ mục, gồm cả giao thức và dạng có hoặc không có www mà bạn ưu tiên.
• Đặt robots là noindex sẽ loại trang khỏi kết quả tìm kiếm, nhưng chỉ khi trình thu thập vẫn tải được trang: đừng đồng thời chặn nó trong robots.txt.