เครื่องสร้างเมตาแท็ก

เครื่องมือทั้งหมด

สร้างชุดเมตาแท็ก HTML สำหรับ SEO ที่ครบถ้วน — ชื่อ คำอธิบาย robots canonical viewport และอื่น ๆ พร้อมตัวอย่าง Google แบบเรียลไทม์ ฟรี ในเบราว์เซอร์ของคุณ

ทุกอย่างทำงานในเบราว์เซอร์ของคุณ — ไม่มีการอัปโหลดใด ๆ กรอกแบบฟอร์มและคัดลอกแท็กที่สร้างขึ้นไปยัง <head> ของหน้าเว็บ

รายละเอียดหน้า
ตั้งเป้าที่ :lo–:hi ตัวอักษรเพื่อไม่ให้ถูกตัดในผลการค้นหา
ตั้งเป้าที่ :lo–:hi ตัวอักษรเพื่อให้ได้ข้อความตัวอย่างที่ดีที่สุด
ตัวอย่างผลการค้นหา

สีธีม
แท็กที่สร้างขึ้น
แชร์สิ่งนี้
เครื่องมือที่เกี่ยวข้อง
เครื่องสร้าง Open Graph ฟรี
เครื่องสร้าง Schema.org / JSON-LD ฟรี
เครื่องสร้าง robots.txt ฟรี
เครื่องสร้าง XML Sitemap ฟรี
เครื่องคำนวณทราฟฟิกและมูลค่า SEO ฟรี
เครื่องตรวจสอบความยาวชื่อและคำอธิบาย SEO ฟรี
เครื่องสร้าง .htaccess ฟรี
เครื่องสร้าง .htpasswd ฟรี
เครื่องสร้าง .gitignore ฟรี
เครื่องสร้างไอคอนแอป ฟรี
ชีตสรุป SSH ฟรี
เครื่องมือจัดรูปแบบและตกแต่ง XML ฟรี
Code Minifier ฟรี
รายการ ASCII / Unicode ฟรี
ลบแถวที่ซ้ำ ฟรี
รูปแบบวันที่และเวลาทั่วโลก ฟรี
แปลงโค้ดเป็นรูปภาพ ฟรี
ชีตสรุป PowerShell ฟรี
สลับแกน & พิวอต ฟรี
ชีตสรุป Claude Code ฟรี
Base64 Encode / Decode ฟรี
เครื่องสร้าง Favicon ฟรี
ชีตสรุป JavaScript ฟรี
ตัวสร้างข้อมูลจำลอง ฟรี
ต้องการความช่วยเหลือ?
พบปัญหากับเครื่องมือนี้หรือไม่? แจ้งทีมงานของเรา
รายงานปัญหา

เพิ่มเครื่องมือฟรีนี้ลงในเว็บไซต์ของคุณเอง — คัดลอกและวางโค้ดด้านล่าง

\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(); })();