Kizalishi cha Vitambulisho vya Meta

Zana zote

Tengeneza seti kamili ya vitambulisho vya meta vya HTML vya SEO — title, description, robots, canonical, viewport na zaidi — kwa onyesho hai la Google. Bure, kwenye kivinjari chako.

Kila kitu hufanya kazi kwenye kivinjari chako — hakuna kinachopakiwa. Jaza fomu na unakili vitambulisho vilivyozalishwa kwenye <head> ya ukurasa wako.

Maelezo ya ukurasa
Lenga herufi :lo–:hi ili isikatwe kwenye matokeo ya utafutaji.
Lenga herufi :lo–:hi kwa kipande bora.
Onyesho la matokeo ya utafutaji

Rangi ya mandhari
Vitambulisho vilivyozalishwa
Shiriki hii
Zana Zinazohusiana
Kizalishi cha Open Graph Bila Malipo
Kizalishi cha Schema.org / JSON-LD Bila Malipo
Kizalishi cha robots.txt Bila Malipo
Kizalishi cha Ramani ya Tovuti ya XML Bila Malipo
Kikokotoo cha Trafiki na Thamani ya SEO Bila Malipo
Kikagua Urefu wa Kichwa na Maelezo ya SEO Bila Malipo
Kizalishi cha .htaccess Bila Malipo
Kizalishi cha .htpasswd Bila Malipo
Kizalishi cha .gitignore Bila Malipo
Kipimo cha Kasi ya Intaneti Bila Malipo
Lahajedwali → jedwali la HTML Bila Malipo
Kiformati cha Msimbo Bila Malipo
Zana za safu wima Bila Malipo
Kitengeneza Favicon Bila Malipo
Kizalishi cha Hash Bila Malipo
Karatasi ya Marejeleo ya jQuery Bila Malipo
Kitengenezaji Sahihi ya Barua Pepe Bila Malipo
Kizalishi cha CSS Box Shadow Bila Malipo
Kibadilishaji cha Lahajedwali Bila Malipo
Kichanganuzi cha User-Agent Bila Malipo
JSON → CSV Bila Malipo
IP Yangu ni Ipi Bila Malipo
Kijaribishi cha JavaScript Bila Malipo
Excel ↔ JSON / XML Bila Malipo
Unahitaji msaada?
Umepata tatizo na zana hii? Tujulishe timu yetu.
Ripoti tatizo

Ongeza zana hii ya bure kwenye tovuti yako mwenyewe — nakili na ubandike msimbo ulio hapa chini.

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