Trình tạo thẻ Meta

Tất cả công cụ

Tạo một bộ thẻ meta HTML SEO hoàn chỉnh — tiêu đề, mô tả, robots, canonical, viewport và nhiều hơn nữa — với bản xem trước Google trực tiếp. Miễn phí, trong trình duyệt của bạn.

Mọi thứ chạy trong trình duyệt của bạn — không có gì được tải lên. Điền vào biểu mẫu và sao chép các thẻ đã tạo vào <head> của trang.

Chi tiết trang
Hãy nhắm tới :lo–:hi ký tự để không bị cắt trong kết quả tìm kiếm.
Hãy nhắm tới :lo–:hi ký tự để có đoạn trích tốt nhất.
Xem trước kết quả tìm kiếm

Màu chủ đề
Thẻ đã tạo
Chia sẻ
Công cụ liên quan
Trình tạo Open Graph Miễn phí
Trình tạo Schema.org / JSON-LD Miễn phí
Trình tạo robots.txt Miễn phí
Trình tạo Sitemap XML Miễn phí
Công cụ tính Lưu lượng & Giá trị SEO Miễn phí
Công cụ kiểm tra Độ dài Tiêu đề & Mô tả SEO Miễn phí
Trình tạo .htaccess Miễn phí
Trình tạo .htpasswd Miễn phí
Trình tạo .gitignore Miễn phí
Làm sạch bảng tính Miễn phí
Trình định dạng & làm đẹp XML Miễn phí
Tài liệu tham khảo nhanh Bootstrap Miễn phí
Trình tạo UUID / ULID Miễn phí
Tài liệu tham khảo nhanh PowerShell Miễn phí
Trình chuyển HTML sang Markdown Miễn phí
IP của tôi là gì Miễn phí
Thu gọn code Miễn phí
Tài liệu tham khảo nhanh cURL Miễn phí
Trình tạo CSS Box Shadow Miễn phí
Trình mã hóa & giải mã thực thể HTML Miễn phí
Bảng tra cứu Shell Miễn phí
Ảnh sang nghệ thuật ASCII Miễn phí
Trình tạo mã QR Miễn phí
Excel ↔ JSON / XML Miễn phí
Cần trợ giúp?
Gặp sự cố với công cụ này? Hãy cho đội ngũ của chúng tôi biết.
Báo cáo sự cố

Thêm công cụ miễn phí này vào trang web của riêng bạn — sao chép và dán mã bên dưới.

\n\n'; } let lastCode = ''; function render() { const v = values(); applyCounter('title', v.title.length, 50, 60); applyCounter('description', v.description.length, 120, 160); renderSerp(v); lastCode = buildCode(v); codeEl.textContent = lastCode; /* textContent = no XSS */ } /* ----- copy / download ----- */ async function copy(text) { if (!text) { if (window.showToast) window.showToast('warning', T.nothing); return; } try { await navigator.clipboard.writeText(text); } catch (e) { try { const tmp = document.createElement('textarea'); tmp.value = text; document.body.appendChild(tmp); tmp.select(); document.execCommand('copy'); tmp.remove(); } catch (e2) { if (window.showToast) window.showToast('error', T.copy_failed); return; } } if (window.showToast) window.showToast('success', T.copied); } function download() { const v = values(); if (!lastCode) { if (window.showToast) window.showToast('warning', T.nothing); return; } const blob = new Blob([buildDocument(v)], { type: 'text/html;charset=utf-8' }); const a = document.createElement('a'); a.href = URL.createObjectURL(blob); a.download = 'meta-tags.html'; document.body.appendChild(a); a.click(); setTimeout(() => { URL.revokeObjectURL(a.href); a.remove(); }, 0); if (window.showToast) window.showToast('success', T.downloaded); } /* ----- events ----- */ Object.values(inputs).forEach(el => { el.addEventListener('input', render); el.addEventListener('change', render); }); /* keep color picker and text input in sync */ inputs.themeColor.addEventListener('input', () => { if (inputs.themeColorText) inputs.themeColorText.value = inputs.themeColor.value; }); if (inputs.themeColorText) { inputs.themeColorText.addEventListener('input', () => { const val = inputs.themeColorText.value.trim(); if (/^#[0-9a-fA-F]{6}$/.test(val)) inputs.themeColor.value = val; render(); }); } root.querySelector('[data-mtg-copy]').addEventListener('click', () => copy(lastCode)); root.querySelector('[data-mtg-download]').addEventListener('click', download); root.querySelector('[data-mtg-sample]').addEventListener('click', () => { inputs.title.value = T.sample.title; inputs.description.value = T.sample.desc; inputs.keywords.value = T.sample.keywords; inputs.author.value = T.sample.author; inputs.canonical.value = T.sample.canonical; inputs.lang.value = 'en'; inputs.robotsIndex.value = 'index'; inputs.robotsFollow.value = 'follow'; inputs.viewport.checked = true; inputs.charset.checked = true; inputs.themeColor.value = '#0d6efd'; if (inputs.themeColorText) inputs.themeColorText.value = '#0d6efd'; render(); }); root.querySelector('[data-mtg-reset]').addEventListener('click', () => { ['title', 'description', 'keywords', 'author', 'lang', 'canonical'].forEach(k => { inputs[k].value = ''; }); inputs.robotsIndex.value = 'index'; inputs.robotsFollow.value = 'follow'; inputs.viewport.checked = true; inputs.charset.checked = true; inputs.themeColor.value = '#0d6efd'; if (inputs.themeColorText) inputs.themeColorText.value = '#0d6efd'; render(); }); /* init text mirror for color */ if (inputs.themeColorText) inputs.themeColorText.value = inputs.themeColor.value; render(); })();