āĻŽā§‡āĻŸāĻž āĻŸā§āĻ¯āĻžāĻ— āĻœā§‡āĻ¨āĻžāĻ°ā§‡āĻŸāĻ° ā§¨ā§Ļā§¨ā§Ģ

āĻāĻ†āĻ‡ āĻ¸āĻšāĻžāĻ¯āĻŧāĻ¤āĻžāĻ¯āĻŧ āĻ¸āĻŽā§āĻĒā§‚āĻ°ā§āĻŖ āĻāĻ¸āĻ‡āĻ“ āĻŽā§‡āĻŸāĻž āĻŸā§āĻ¯āĻžāĻ— āĻœā§‡āĻ¨āĻžāĻ°ā§‡āĻŸāĻ°āĨ¤ āĻ°āĻŋāĻ¯āĻŧā§‡āĻ˛-āĻŸāĻžāĻ‡āĻŽ āĻĒā§āĻ°āĻŋāĻ­āĻŋāĻ‰ āĻāĻŦāĻ‚ āĻ…āĻ•ā§āĻˇāĻ° āĻ¯āĻžāĻšāĻžāĻ‡āĻ•āĻ°āĻŖ āĻ¸āĻš āĻ…āĻĒāĻŸāĻŋāĻŽāĻžāĻ‡āĻœāĻĄ āĻŽā§‡āĻŸāĻž āĻŸāĻžāĻ‡āĻŸā§‡āĻ˛, āĻŦāĻ°ā§āĻŖāĻ¨āĻž, āĻ“āĻĒā§‡āĻ¨ āĻ—ā§āĻ°āĻžāĻĢ āĻŸā§āĻ¯āĻžāĻ—, āĻŸā§āĻ‡āĻŸāĻžāĻ° āĻ•āĻžāĻ°ā§āĻĄ āĻāĻŦāĻ‚ āĻ¸ā§āĻ•āĻŋāĻŽāĻž āĻŽāĻžāĻ°ā§āĻ•āĻ†āĻĒ āĻ¤ā§ˆāĻ°āĻŋ āĻ•āĻ°ā§āĻ¨āĨ¤

🔍 āĻ¸āĻžāĻ°ā§āĻš āĻĢāĻ˛āĻžāĻĢāĻ˛ āĻĒā§āĻ°āĻŋāĻ­āĻŋāĻ‰

āĻ†āĻĒāĻ¨āĻžāĻ° āĻĒā§‡āĻœā§‡āĻ° āĻļāĻŋāĻ°ā§‹āĻ¨āĻžāĻŽ āĻāĻ–āĻžāĻ¨ā§‡ āĻĻā§‡āĻ–āĻž āĻ¯āĻžāĻŦā§‡
https://example.com/page
āĻ†āĻĒāĻ¨āĻžāĻ° āĻĒā§‡āĻœā§‡āĻ° āĻŦāĻŋāĻˇāĻ¯āĻŧāĻŦāĻ¸ā§āĻ¤ā§āĻ° āĻāĻ•āĻŸāĻŋ āĻĒā§āĻ°āĻŋāĻ­āĻŋāĻ‰ āĻĻā§‡āĻ–āĻžāĻ¨ā§‹āĻ° āĻœāĻ¨ā§āĻ¯ āĻ†āĻĒāĻ¨āĻžāĻ° āĻŽā§‡āĻŸāĻž āĻŦāĻŋāĻŦāĻ°āĻŖ āĻāĻ–āĻžāĻ¨ā§‡ āĻĒā§āĻ°āĻĻāĻ°ā§āĻļāĻŋāĻ¤ āĻšāĻŦā§‡āĨ¤

📱 āĻŽā§‹āĻŦāĻžāĻ‡āĻ˛ āĻĒā§āĻ°āĻŋāĻ­āĻŋāĻ‰

āĻ†āĻĒāĻ¨āĻžāĻ° āĻĒā§‡āĻœā§‡āĻ° āĻļāĻŋāĻ°ā§‹āĻ¨āĻžāĻŽ...
https://example.com/page
āĻ†āĻĒāĻ¨āĻžāĻ° āĻŽā§‡āĻŸāĻž āĻŦāĻŋāĻŦāĻ°āĻŖ...

📘 āĻ“āĻĒā§‡āĻ¨ āĻ—ā§āĻ°āĻžāĻĢ (āĻĢā§‡āĻ¸āĻŦā§āĻ•, āĻ˛āĻŋāĻ‚āĻ•āĻĄāĻ‡āĻ¨)

đŸĻ āĻŸā§āĻ‡āĻŸāĻžāĻ° āĻ•āĻžāĻ°ā§āĻĄ

📘 āĻĢā§‡āĻ¸āĻŦā§āĻ• āĻĒā§āĻ°āĻŋāĻ­āĻŋāĻ‰

āĻ›āĻŦāĻŋāĻ° āĻĒā§āĻ°āĻŋāĻ­āĻŋāĻ‰ (ā§§ā§¨ā§Ļā§Ļxā§Ŧā§Šā§Ļ āĻĒāĻŋāĻ•ā§āĻ¸ā§‡āĻ˛)
āĻ†āĻĒāĻ¨āĻžāĻ° āĻ“āĻœāĻŋ āĻļāĻŋāĻ°ā§‹āĻ¨āĻžāĻŽ
EXAMPLE.COM
āĻ†āĻĒāĻ¨āĻžāĻ° āĻ“āĻœāĻŋ āĻŦāĻŋāĻŦāĻ°āĻŖ āĻāĻ–āĻžāĻ¨ā§‡ āĻĻā§‡āĻ–āĻž āĻ¯āĻžāĻŦā§‡āĨ¤

đŸĻ āĻŸā§āĻ‡āĻŸāĻžāĻ° āĻĒā§āĻ°āĻŋāĻ­āĻŋāĻ‰

āĻŸā§āĻ‡āĻŸāĻžāĻ° āĻ•āĻžāĻ°ā§āĻĄ āĻ›āĻŦāĻŋ
āĻ†āĻĒāĻ¨āĻžāĻ° āĻŸā§āĻ‡āĻŸāĻžāĻ° āĻļāĻŋāĻ°ā§‹āĻ¨āĻžāĻŽ
āĻ†āĻĒāĻ¨āĻžāĻ° āĻŸā§āĻ‡āĻŸāĻžāĻ° āĻŦāĻŋāĻŦāĻ°āĻŖāĨ¤
@āĻ†āĻĒāĻ¨āĻžāĻ°āĻšā§āĻ¯āĻžāĻ¨ā§āĻĄā§‡āĻ˛

📊 āĻ¸ā§āĻ•āĻŋāĻŽāĻž āĻŽāĻžāĻ°ā§āĻ•āĻ†āĻĒ āĻœā§‡āĻ¨āĻžāĻ°ā§‡āĻŸāĻ°

📊 āĻ¸ā§āĻ•āĻŋāĻŽāĻž āĻĒā§āĻ°āĻŋāĻ­āĻŋāĻ‰

āĻ°āĻŋāĻš āĻ°ā§‡āĻœāĻžāĻ˛ā§āĻŸ āĻĒā§āĻ°āĻŋāĻ­āĻŋāĻ‰
āĻĒā§āĻ°āĻŋāĻ­āĻŋāĻ‰ āĻĻā§‡āĻ–āĻ¤ā§‡ āĻ¸ā§āĻ•āĻŋāĻŽāĻžāĻ° āĻ§āĻ°āĻ¨ āĻ¨āĻŋāĻ°ā§āĻŦāĻžāĻšāĻ¨ āĻ•āĻ°ā§āĻ¨ āĻāĻŦāĻ‚ āĻ•ā§āĻˇā§‡āĻ¤ā§āĻ°āĻ—ā§āĻ˛āĻŋ āĻĒā§‚āĻ°āĻŖ āĻ•āĻ°ā§āĻ¨

🔍 āĻ¸ā§āĻ•āĻŋāĻŽāĻž āĻ¯āĻžāĻšāĻžāĻ‡āĻ•āĻ°āĻŖ

āĻāĻ‡ āĻ…āĻĢāĻŋāĻ¸āĻŋāĻ¯āĻŧāĻžāĻ˛ āĻŸā§āĻ˛āĻ—ā§āĻ˛āĻŋ āĻĻāĻŋāĻ¯āĻŧā§‡ āĻ†āĻĒāĻ¨āĻžāĻ° āĻœā§‡āĻ¨āĻžāĻ°ā§‡āĻŸ āĻ•āĻ°āĻž āĻ¸ā§āĻ•āĻŋāĻŽāĻž āĻŽāĻžāĻ°ā§āĻ•āĻ†āĻĒ āĻĒāĻ°ā§€āĻ•ā§āĻˇāĻž āĻ•āĻ°ā§āĻ¨

⚡ āĻŦāĻžāĻ˛ā§āĻ• āĻŽā§‡āĻŸāĻž āĻŸā§āĻ¯āĻžāĻ— āĻœā§‡āĻ¨āĻžāĻ°ā§‡āĻļāĻ¨

āĻāĻ•āĻžāĻ§āĻŋāĻ• āĻĒā§ƒāĻˇā§āĻ āĻžāĻ° āĻœāĻ¨ā§āĻ¯ āĻŽā§‡āĻŸāĻž āĻŸā§āĻ¯āĻžāĻ— āĻ¤ā§ˆāĻ°āĻŋ āĻ•āĻ°āĻ¤ā§‡ āĻ†āĻĒāĻ¨āĻžāĻ° āĻĒā§ƒāĻˇā§āĻ āĻžāĻ° āĻ¤āĻĨā§āĻ¯ āĻ¸āĻš āĻāĻ•āĻŸāĻŋ CSV āĻĢāĻžāĻ‡āĻ˛ āĻ†āĻĒāĻ˛ā§‹āĻĄ āĻ•āĻ°ā§āĻ¨āĨ¤

📤 CSV āĻĢāĻžāĻ‡āĻ˛ āĻ†āĻĒāĻ˛ā§‹āĻĄ āĻ•āĻ°ā§āĻ¨

Required CSV columns:
â€ĸ title (page title)
â€ĸ description (meta description)
â€ĸ url (page URL)
â€ĸ keywords (optional)
â€ĸ author (optional)

📊 āĻŦāĻžāĻ˛ā§āĻ• āĻ…āĻĒāĻļāĻ¨āĻ¸āĻŽā§‚āĻš

🚀 āĻĻā§āĻ°ā§āĻ¤ āĻļā§āĻ°ā§āĻ° āĻŸā§‡āĻŽāĻĒā§āĻ˛ā§‡āĻŸ

📝 āĻŦā§āĻ˛āĻ— āĻĒā§‹āĻ¸ā§āĻŸ
āĻŦā§āĻ˛āĻ— āĻ†āĻ°ā§āĻŸāĻŋāĻ•ā§‡āĻ˛ āĻāĻŦāĻ‚ āĻ•āĻ¨āĻŸā§‡āĻ¨ā§āĻŸ āĻŽāĻžāĻ°ā§āĻ•ā§‡āĻŸāĻŋāĻ‚āĻ¯āĻŧā§‡āĻ° āĻœāĻ¨ā§āĻ¯ āĻ…āĻĒāĻŸāĻŋāĻŽāĻžāĻ‡āĻœ āĻ•āĻ°āĻž
🛍ī¸ āĻĒā§āĻ°ā§‹āĻĄāĻžāĻ•ā§āĻŸ āĻĒā§‡āĻœ
āĻ°āĻŋāĻ­āĻŋāĻ‰ āĻāĻŦāĻ‚ āĻŽā§‚āĻ˛ā§āĻ¯āĻ¸āĻš āĻ‡-āĻ•āĻŽāĻžāĻ°ā§āĻ¸ āĻĒā§āĻ°ā§‹āĻĄāĻžāĻ•ā§āĻŸ
đŸ’ŧ āĻ¸āĻžāĻ°ā§āĻ­āĻŋāĻ¸ āĻĒā§‡āĻœ
āĻĒā§āĻ°āĻĢā§‡āĻļāĻ¨āĻžāĻ˛ āĻ¸āĻžāĻ°ā§āĻ­āĻŋāĻ¸ āĻŦāĻž āĻŦā§āĻ¯āĻŦāĻ¸āĻžāĻ° āĻĒā§‡āĻœ
📍 āĻ˛ā§‹āĻ•āĻžāĻ˛ āĻŦā§āĻ¯āĻŦāĻ¸āĻž
āĻ…āĻŦāĻ¸ā§āĻĨāĻžāĻ¨ āĻāĻŦāĻ‚ āĻ¸āĻŽāĻ¯āĻŧāĻ¸ā§‚āĻšā§€āĻ¸āĻš āĻ¸ā§āĻĨāĻžāĻ¨ā§€āĻ¯āĻŧ āĻŦā§āĻ¯āĻŦāĻ¸āĻž
🎟ī¸ āĻ‡āĻ­ā§‡āĻ¨ā§āĻŸ āĻĒā§‡āĻœ
āĻ¤āĻžāĻ°āĻŋāĻ–, āĻ¸āĻŽāĻ¯āĻŧ āĻāĻŦāĻ‚ āĻ¸ā§āĻĨāĻžāĻ¨āĻ¸āĻš āĻ‡āĻ­ā§‡āĻ¨ā§āĻŸ
📚 āĻ•ā§€āĻ­āĻžāĻŦā§‡ āĻ•āĻ°āĻŦā§‡āĻ¨ āĻ—āĻžāĻ‡āĻĄ
āĻ§āĻžāĻĒā§‡ āĻ§āĻžāĻĒā§‡ āĻŸāĻŋāĻ‰āĻŸā§‹āĻ°āĻŋāĻ¯āĻŧāĻžāĻ˛ āĻŦāĻž āĻ—āĻžāĻ‡āĻĄ

✨ Smart Nation's Core Infrastructure: WIA Code ✨

āĻĄā§āĻ°ā§‹āĻ¨ãƒģāĻ°ā§‹āĻŦāĻŸ āĻĄā§‡āĻ˛āĻŋāĻ­āĻžāĻ°āĻŋ, āĻ¸ā§āĻŦāĻ¯āĻŧāĻ‚āĻ•ā§āĻ°āĻŋāĻ¯āĻŧ āĻĄā§āĻ°āĻžāĻ‡āĻ­āĻŋāĻ‚, āĻœāĻ°ā§āĻ°āĻŋ āĻ‰āĻĻā§āĻ§āĻžāĻ° āĻāĻŦāĻ‚ āĻ†āĻ°āĻ“ āĻ…āĻ¨ā§‡āĻ• āĻ•āĻŋāĻ›ā§ - āĻ†āĻĒāĻ¨āĻžāĻ° āĻĻā§‡āĻļā§‡āĻ° āĻœāĻ¨ā§āĻ¯ ā§Šā§Ļ āĻĻāĻŋāĻ¨ āĻ¸āĻŽā§āĻĒā§‚āĻ°ā§āĻŖ āĻŦāĻŋāĻ¨āĻžāĻŽā§‚āĻ˛ā§āĻ¯ā§‡ āĻ­āĻŦāĻŋāĻˇā§āĻ¯āĻ¤ā§‡āĻ° āĻ…āĻ­āĻŋāĻœā§āĻžāĻ¤āĻž āĻ¨āĻŋāĻ¨!

WIA āĻ•ā§‹āĻĄ āĻ¸āĻŽā§āĻĒāĻ°ā§āĻ•ā§‡ āĻ†āĻ°āĻ“ āĻœāĻžāĻ¨ā§āĻ¨

🤖 āĻ†āĻĒāĻ¨āĻžāĻ° āĻāĻ†āĻ‡ āĻ¸āĻšāĻ•āĻžāĻ°ā§€ āĻŦā§‡āĻ›ā§‡ āĻ¨āĻŋāĻ¨

đŸ’Ŧ āĻšā§āĻ¯āĻžāĻŸāĻœāĻŋāĻĒāĻŋāĻŸāĻŋ
āĻ¸āĻ°ā§āĻŦāĻžāĻ§āĻŋāĻ• āĻŦāĻšā§āĻŽā§āĻ–ā§€ â€ĸ āĻŽā§‡āĻŸāĻž āĻŸā§āĻ¯āĻžāĻ— āĻ…āĻĒāĻŸāĻŋāĻŽāĻžāĻ‡āĻœā§‡āĻļāĻ¨ā§‡āĻ° āĻœāĻ¨ā§āĻ¯ āĻ¸āĻ°ā§āĻŦā§‹āĻ¤ā§āĻ¤āĻŽ
→ chat.openai.com
🧠 āĻ•ā§āĻ˛āĻĄ
āĻ¸ā§‡āĻ°āĻž āĻ¯ā§āĻ•ā§āĻ¤āĻŋ āĻĒā§āĻ°āĻĻāĻžāĻ¨ â€ĸ āĻāĻ¸āĻ‡āĻ“ āĻŦāĻŋāĻļā§āĻ˛ā§‡āĻˇāĻŖ āĻāĻŦāĻ‚ āĻ…āĻĒāĻŸāĻŋāĻŽāĻžāĻ‡āĻœā§‡āĻļāĻ¨ā§‡āĻ° āĻœāĻ¨ā§āĻ¯ āĻ¨āĻŋāĻ–ā§āĻāĻ¤
→ claude.ai
✨ āĻœā§‡āĻŽāĻŋāĻ¨āĻžāĻ‡ āĻŦāĻŋāĻ¨āĻžāĻŽā§‚āĻ˛ā§āĻ¯
āĻĻā§ˆāĻ¨āĻŋāĻ• āĻĢā§āĻ°āĻŋ āĻ¸ā§€āĻŽāĻž â€ĸ āĻŦāĻŋāĻ˛ā§āĻŸ-āĻ‡āĻ¨ āĻāĻ¸āĻ‡āĻ“ āĻšā§āĻ¯āĻžāĻŸ āĻ¸āĻšāĻ•āĻžāĻ°ā§€
→ āĻ¨ā§€āĻšā§‡ āĻŦāĻŋāĻ˛ā§āĻŸ-āĻ‡āĻ¨
🌟 Get AI help with meta tag optimization |
`; document.getElementById('schema-output').textContent = schemaOutput; // Generate complete output generateAllFormats(); // Show results document.getElementById('resultContainer').style.display = 'block'; trackEvent('schema_generated', { type: schemaType }); showNotification('Schema markup generated successfully!', 'success'); } function generateAllFormats() { const htmlOutput = document.getElementById('html-output').textContent; const ogOutput = document.getElementById('og-output').textContent; const twitterOutput = document.getElementById('twitter-output').textContent; const schemaOutput = document.getElementById('schema-output').textContent; let completeOutput = ` \n\n\n \n \n\n`; if (htmlOutput && htmlOutput.trim() !== '') { completeOutput += ` ${htmlOutput.replace(/\n/g, '\n ')}\n`; } if (ogOutput && ogOutput.trim() !== '') { completeOutput += ` ${ogOutput.replace(/\n/g, '\n ')}\n`; } if (twitterOutput && twitterOutput.trim() !== '') { completeOutput += ` ${twitterOutput.replace(/\n/g, '\n ')}\n`; } if (schemaOutput && schemaOutput.trim() !== '') { completeOutput += ` ${schemaOutput.replace(/\n/g, '\n ')}\n`; } completeOutput += `\n\n \n \n`; document.getElementById('all-output').textContent = completeOutput; } // ========== BULK GENERATION ========== function handleCSVUpload(event) { const file = event.target.files[0]; if (!file) return; const reader = new FileReader(); reader.onload = function(e) { const csv = e.target.result; parseBulkCSV(csv); }; reader.readAsText(file); } function parseBulkCSV(csv) { const lines = csv.split('\n'); const headers = lines[0].split(',').map(h => h.trim().toLowerCase()); // Validate required columns const requiredColumns = ['title', 'description', 'url']; const missingColumns = requiredColumns.filter(col => !headers.includes(col)); if (missingColumns.length > 0) { showNotification(`Missing required columns: ${missingColumns.join(', ')}`, 'error'); return; } bulkData = []; for (let i = 1; i < lines.length; i++) { const line = lines[i].trim(); if (!line) continue; const values = parseCSVLine(line); if (values.length < headers.length) continue; const row = {}; headers.forEach((header, index) => { row[header] = values[index] || ''; }); bulkData.push(row); } if (bulkData.length === 0) { showNotification('āĻ¸āĻŋāĻāĻ¸āĻ­āĻŋ āĻĢāĻžāĻ‡āĻ˛ā§‡ āĻ•ā§‹āĻ¨ āĻŦā§ˆāĻ§ āĻ¤āĻĨā§āĻ¯ āĻĒāĻžāĻ“āĻ¯āĻŧāĻž āĻ¯āĻžāĻ¯āĻŧāĻ¨āĻŋ', 'error'); return; } document.getElementById('bulkGenerateBtn').disabled = false; showNotification(`Loaded ${bulkData.length} rows from CSV`, 'success'); } function parseCSVLine(line) { const result = []; let current = ''; let inQuotes = false; for (let i = 0; i < line.length; i++) { const char = line[i]; if (char === '"') { inQuotes = !inQuotes; } else if (char === ',' && !inQuotes) { result.push(current.trim()); current = ''; } else { current += char; } } result.push(current.trim()); return result; } function processBulkGeneration() { if (bulkData.length === 0) { showNotification('āĻ…āĻ¨ā§āĻ—ā§āĻ°āĻš āĻ•āĻ°ā§‡ āĻĒā§āĻ°āĻĨāĻŽā§‡ āĻāĻ•āĻŸāĻŋ āĻ¸āĻŋāĻāĻ¸āĻ­āĻŋ āĻĢāĻžāĻ‡āĻ˛ āĻ†āĻĒāĻ˛ā§‹āĻĄ āĻ•āĻ°ā§āĻ¨', 'error'); return; } const siteName = document.getElementById('bulkSiteName').value.trim(); const defaultImage = document.getElementById('bulkOgImage').value.trim(); const schemaType = document.getElementById('bulkSchemaType').value; bulkResults = []; // Show progress document.getElementById('bulk-results').style.display = 'block'; document.getElementById('progress-text').textContent = 'Processing...'; let processed = 0; bulkData.forEach((row, index) => { setTimeout(() => { const result = generateMetaForRow(row, siteName, defaultImage, schemaType); bulkResults.push(result); processed++; const progress = (processed / bulkData.length) * 100; document.getElementById('progress-bar').style.width = progress + '%'; document.getElementById('progress-text').textContent = `Processed ${processed} of ${bulkData.length} pages`; if (processed === bulkData.length) { document.getElementById('downloadBtn').style.display = 'block'; showNotification('Bulk generation completed!', 'success'); trackEvent('bulk_generation_completed', { count: bulkData.length }); } }, index * 100); // Stagger processing for better UX }); } function generateMetaForRow(row, siteName, defaultImage, schemaType) { const title = row.title || ''; const description = row.description || ''; const url = row.url || ''; const keywords = row.keywords || ''; const author = row.author || ''; const image = row.image || defaultImage; let metaTags = ''; // Basic meta tags metaTags += `${escapeHtml(title)}\n`; metaTags += `\n`; if (keywords) { metaTags += `\n`; } if (author) { metaTags += `\n`; } metaTags += `\n\n`; // Open Graph metaTags += `\n`; metaTags += `\n`; metaTags += `\n`; metaTags += `\n`; if (image) { metaTags += `\n`; } if (siteName) { metaTags += `\n`; } metaTags += `\n`; // Twitter Cards metaTags += `\n`; metaTags += `\n`; metaTags += `\n`; if (image) { metaTags += `\n`; } // Schema markup if (schemaType !== 'none') { const schema = { "@context": "https://schema.org", "@type": schemaType, "name": title, "description": description, "url": url }; if (image) { schema.image = image; } if (author) { schema.author = { "@type": "Person", "name": author }; } metaTags += `\n\n`; } return { url: url, title: title, description: description, metaTags: metaTags }; } function downloadBulkResults() { if (bulkResults.length === 0) { showNotification('āĻĄāĻžāĻ‰āĻ¨āĻ˛ā§‹āĻĄ āĻ•āĻ°āĻžāĻ° āĻŽāĻ¤ā§‹ āĻ•ā§‹āĻ¨ āĻĢāĻ˛āĻžāĻĢāĻ˛ āĻ¨ā§‡āĻ‡', 'error'); return; } let csvContent = 'URL,Title,Description,MetaTags\n'; bulkResults.forEach(result => { const metaTagsEscaped = result.metaTags.replace(/"/g, '""'); csvContent += `"${result.url}","${result.title}","${result.description}","${metaTagsEscaped}"\n`; }); const blob = new Blob([csvContent], { type: 'text/csv' }); const url = window.URL.createObjectURL(blob); const a = document.createElement('a'); a.href = url; a.download = 'meta-tags-results.csv'; a.click(); window.URL.revokeObjectURL(url); trackEvent('bulk_results_downloaded'); } function downloadSampleCSV() { const sampleData = `title,description,url,keywords,author "Best SEO Tips for 2025","Learn the latest SEO strategies and techniques to improve your website rankings in 2025","https://example.com/seo-tips-2025","SEO, tips, 2025, rankings","āĻœāĻ¨ āĻĄā§‹" "āĻŽā§‡āĻŸāĻž āĻŸā§āĻ¯āĻžāĻ— āĻœā§‡āĻ¨āĻžāĻ°ā§‡āĻŸāĻ° āĻ—āĻžāĻ‡āĻĄ","āĻ‰āĻ¨ā§āĻ¨āĻ¤ āĻ¸āĻžāĻ°ā§āĻš āĻ‡āĻžā§āĻœāĻŋāĻ¨ āĻĻā§ƒāĻļā§āĻ¯āĻŽāĻžāĻ¨āĻ¤āĻžāĻ° āĻœāĻ¨ā§āĻ¯ āĻ…āĻĒāĻŸāĻŋāĻŽāĻžāĻ‡āĻœāĻĄ āĻŽā§‡āĻŸāĻž āĻŸā§āĻ¯āĻžāĻ— āĻ¤ā§ˆāĻ°āĻŋāĻ° āĻ¸āĻŽā§āĻĒā§‚āĻ°ā§āĻŖ āĻ—āĻžāĻ‡āĻĄ","https://example.com/meta-tag-guide","meta tags, SEO, optimization","āĻœā§‡āĻ¨ āĻ¸ā§āĻŽāĻŋāĻĨ" "āĻ¸ā§āĻ•āĻŋāĻŽāĻž āĻŽāĻžāĻ°ā§āĻ•āĻ†āĻĒ āĻŸāĻŋāĻ‰āĻŸā§‹āĻ°āĻŋāĻ¯āĻŧāĻžāĻ˛","Step-by-step tutorial on implementing schema markup for rich snippets","https://example.com/schema-tutorial","schema markup, rich snippets, structured data","āĻŦāĻŦ āĻœāĻ¨āĻ¸āĻ¨"`; const blob = new Blob([sampleData], { type: 'text/csv' }); const url = window.URL.createObjectURL(blob); const a = document.createElement('a'); a.href = url; a.download = 'meta-tags-sample.csv'; a.click(); window.URL.revokeObjectURL(url); } // ========== SAMPLE TEMPLATES ========== function useSample(sampleType) { const samples = { 'blog': { title: 'ā§¨ā§Ļā§¨ā§Ģ āĻ¸āĻžāĻ˛ā§‡āĻ° āĻŽā§‡āĻŸāĻž āĻŸā§āĻ¯āĻžāĻ— āĻ¸āĻŽā§āĻĒā§‚āĻ°ā§āĻŖ āĻ—āĻžāĻ‡āĻĄ: āĻāĻ¸āĻ‡āĻ“ āĻ¸ā§‡āĻ°āĻž āĻ…āĻ¨ā§āĻļā§€āĻ˛āĻ¨', description: 'āĻ…āĻĒāĻŸāĻŋāĻŽāĻžāĻ‡āĻœāĻĄ āĻŽā§‡āĻŸāĻž āĻŸā§āĻ¯āĻžāĻ— āĻ¤ā§ˆāĻ°āĻŋ āĻ•āĻ°āĻž āĻļāĻŋāĻ–ā§āĻ¨ āĻ¯āĻž āĻ¸āĻžāĻ°ā§āĻš āĻ°â€ā§āĻ¯āĻžāĻ™ā§āĻ•āĻŋāĻ‚ āĻāĻŦāĻ‚ āĻ•ā§āĻ˛āĻŋāĻ•-āĻĨā§āĻ°ā§ āĻ°ā§‡āĻŸ āĻ‰āĻ¨ā§āĻ¨āĻ¤ āĻ•āĻ°ā§‡āĨ¤ āĻ‰āĻĻāĻžāĻšāĻ°āĻŖ, āĻŸā§āĻ˛āĻ¸ āĻāĻŦāĻ‚ ā§¨ā§Ļā§¨ā§Ģ āĻ¸āĻžāĻ˛ā§‡āĻ° āĻ¸ā§‡āĻ°āĻž āĻāĻ¸āĻ‡āĻ“ āĻ…āĻ¨ā§āĻļā§€āĻ˛āĻ¨ āĻ…āĻ¨ā§āĻ¤āĻ°ā§āĻ­ā§āĻ•ā§āĻ¤āĨ¤', keywords: 'meta tags, SEO, search optimization, SERP, click-through rates', url: 'https://yoursite.com/meta-tags-guide-2025', author: 'āĻāĻ¸āĻ‡āĻ“ āĻŦāĻŋāĻļā§‡āĻˇāĻœā§āĻž', ogTitle: 'Complete Guide to Meta Tags in 2025', ogDescription: 'Master meta tag optimization with our comprehensive 2025 guide. Boost your search rankings and CTR with proven strategies.', ogImage: 'https://yoursite.com/images/meta-tags-guide.jpg', siteName: 'āĻ†āĻĒāĻ¨āĻžāĻ° āĻāĻ¸āĻ‡āĻ“ āĻŦā§āĻ˛āĻ—', twitterCardType: 'summary_large_image', twitterSite: '@yourseosite', schemaType: 'āĻŦā§āĻ˛āĻ— āĻĒā§‹āĻ¸ā§āĻŸāĻŋāĻ‚' }, 'product': { title: 'āĻĒā§āĻ°āĻŋāĻŽāĻŋāĻ¯āĻŧāĻžāĻŽ āĻ“āĻ¯āĻŧā§āĻ¯āĻžāĻ°āĻ˛ā§‡āĻ¸ āĻšā§‡āĻĄāĻĢā§‹āĻ¨ - āĻ¨āĻ¯āĻŧā§‡āĻœ āĻ•ā§āĻ¯āĻžāĻ¨ā§āĻ¸ā§‡āĻ˛āĻŋāĻ‚ | āĻ‡āĻ¯āĻŧā§‹āĻ°āĻ¸ā§āĻŸā§‹āĻ°', description: 'āĻĒā§āĻ°āĻŋāĻŽāĻŋāĻ¯āĻŧāĻžāĻŽ āĻ“āĻ¯āĻŧā§āĻ¯āĻžāĻ°āĻ˛ā§‡āĻ¸ āĻšā§‡āĻĄāĻĢā§‹āĻ¨ āĻ…ā§āĻ¯āĻžāĻ•ā§āĻŸāĻŋāĻ­ āĻ¨āĻ¯āĻŧā§‡āĻœ āĻ•ā§āĻ¯āĻžāĻ¨ā§āĻ¸ā§‡āĻ˛āĻŋāĻ‚, ā§Šā§Ļ āĻ˜āĻŖā§āĻŸāĻžāĻ° āĻŦā§āĻ¯āĻžāĻŸāĻžāĻ°āĻŋ āĻ˛āĻžāĻ‡āĻĢ āĻāĻŦāĻ‚ āĻ¸ā§āĻĒāĻŋāĻ°āĻŋāĻ¯āĻŧāĻ° āĻ¸āĻžāĻ‰āĻ¨ā§āĻĄ āĻ•ā§‹āĻ¯āĻŧāĻžāĻ˛āĻŋāĻŸāĻŋ āĻ¸āĻšāĨ¤ āĻŦāĻŋāĻ¨āĻžāĻŽā§‚āĻ˛ā§āĻ¯ā§‡ āĻļāĻŋāĻĒāĻŋāĻ‚ āĻāĻŦāĻ‚ ā§¨ āĻŦāĻ›āĻ°ā§‡āĻ° āĻ“āĻ¯āĻŧāĻžāĻ°ā§‡āĻ¨ā§āĻŸāĻŋ āĻ…āĻ¨ā§āĻ¤āĻ°ā§āĻ­ā§āĻ•ā§āĻ¤āĨ¤', keywords: 'wireless headphones, noise cancelling, premium audio, bluetooth headphones', url: 'https://yourstore.com/premium-wireless-headphones', author: 'āĻ‡āĻ¯āĻŧā§‹āĻ°āĻ¸ā§āĻŸā§‹āĻ° āĻŸāĻŋāĻŽ', ogTitle: 'Premium Wireless Headphones - Noise Cancelling', ogDescription: 'Experience superior sound with our premium wireless headphones. Active noise cancelling, 30-hour battery, free shipping.', ogImage: 'https://yourstore.com/images/headphones-hero.jpg', siteName: 'āĻ‡āĻ¯āĻŧā§‹āĻ°āĻ¸ā§āĻŸā§‹āĻ°', twitterCardType: 'summary_large_image', twitterSite: '@yourstore', schemaType: 'Product' }, 'service': { title: 'āĻĒā§āĻ°āĻĢā§‡āĻļāĻ¨āĻžāĻ˛ āĻāĻ¸āĻ‡āĻ“ āĻ¸āĻžāĻ°ā§āĻ­āĻŋāĻ¸ - āĻ†āĻĒāĻ¨āĻžāĻ° āĻ°â€ā§āĻ¯āĻžāĻ™ā§āĻ•āĻŋāĻ‚ āĻŦāĻžāĻĄāĻŧāĻžāĻ¨ | āĻĄāĻŋāĻœāĻŋāĻŸāĻžāĻ˛ āĻāĻœā§‡āĻ¨ā§āĻ¸āĻŋ', description: 'āĻĢāĻ˛āĻžāĻĢāĻ˛ āĻĒā§āĻ°āĻĻāĻžāĻ¨āĻ•āĻžāĻ°ā§€ āĻĒā§āĻ°āĻĢā§‡āĻļāĻ¨āĻžāĻ˛ āĻāĻ¸āĻ‡āĻ“ āĻ¸ā§‡āĻŦāĻžāĨ¤ āĻ…āĻ°ā§āĻ—āĻžāĻ¨āĻŋāĻ• āĻŸā§āĻ°ā§āĻ¯āĻžāĻĢāĻŋāĻ• āĻŦāĻžāĻĄāĻŧāĻžāĻ¨, āĻ¸āĻžāĻ°ā§āĻš āĻ°â€ā§āĻ¯āĻžāĻ™ā§āĻ•āĻŋāĻ‚ āĻ‰āĻ¨ā§āĻ¨āĻ¤ āĻ•āĻ°ā§āĻ¨ āĻāĻŦāĻ‚ āĻ†āĻŽāĻžāĻĻā§‡āĻ° āĻĒā§āĻ°āĻŽāĻžāĻŖāĻŋāĻ¤ āĻ•ā§ŒāĻļāĻ˛ āĻĻāĻŋāĻ¯āĻŧā§‡ āĻ†āĻĒāĻ¨āĻžāĻ° āĻŦā§āĻ¯āĻŦāĻ¸āĻž āĻŦā§ƒāĻĻā§āĻ§āĻŋ āĻ•āĻ°ā§āĻ¨āĨ¤', keywords: 'SEO services, search engine optimization, digital marketing, organic traffic', url: 'https://agency.com/seo-services', author: 'āĻĄāĻŋāĻœāĻŋāĻŸāĻžāĻ˛ āĻŽāĻžāĻ°ā§āĻ•ā§‡āĻŸāĻŋāĻ‚ āĻŸāĻŋāĻŽ', ogTitle: 'Professional SEO Services - Boost Your Rankings', ogDescription: 'Get professional SEO services that deliver real results. Increase traffic and rankings with our proven optimization strategies.', ogImage: 'https://agency.com/images/seo-services.jpg', siteName: 'āĻĄāĻŋāĻœāĻŋāĻŸāĻžāĻ˛ āĻāĻœā§‡āĻ¨ā§āĻ¸āĻŋ', twitterCardType: 'summary_large_image', twitterSite: '@digitalagency', schemaType: 'WebPage' }, 'local': { title: 'āĻĄāĻžāĻ‰āĻ¨āĻŸāĻžāĻ‰āĻ¨ā§‡āĻ° āĻ¸ā§‡āĻ°āĻž āĻĒāĻŋā§ŽāĻœāĻž āĻ°ā§‡āĻ¸ā§āĻ¤ā§‹āĻ°āĻžāĻ | āĻŽāĻžāĻ°āĻŋāĻ“'s Pizzeria', description: 'āĻĒā§āĻ°āĻ¤āĻŋāĻĻāĻŋāĻ¨ āĻ¤āĻžāĻœāĻž āĻ¤ā§ˆāĻ°āĻŋ āĻĒā§āĻ°āĻ•ā§ƒāĻ¤ āĻ‡āĻ¤āĻžāĻ˛āĻŋāĻ¯āĻŧāĻžāĻ¨ āĻĒāĻŋā§ŽāĻœāĻžāĨ¤ āĻĄāĻžāĻ‰āĻ¨āĻŸāĻžāĻ‰āĻ¨ā§‡ āĻ…āĻŦāĻ¸ā§āĻĨāĻŋāĻ¤, āĻ¸āĻĒā§āĻ¤āĻžāĻšā§‡ ā§­ āĻĻāĻŋāĻ¨ āĻ–ā§‹āĻ˛āĻžāĨ¤ āĻĄā§‡āĻ˛āĻŋāĻ­āĻžāĻ°āĻŋāĻ° āĻœāĻ¨ā§āĻ¯ āĻ…āĻ¨āĻ˛āĻžāĻ‡āĻ¨ā§‡ āĻ…āĻ°ā§āĻĄāĻžāĻ° āĻ•āĻ°ā§āĻ¨ āĻ…āĻĨāĻŦāĻž āĻ†āĻŽāĻžāĻĻā§‡āĻ° āĻ†āĻ°āĻžāĻŽāĻĻāĻžāĻ¯āĻŧāĻ• āĻ°ā§‡āĻ¸ā§āĻ¤ā§‹āĻ°āĻžāĻāĻ¯āĻŧ āĻ†āĻ¸ā§āĻ¨āĨ¤', keywords: 'pizza restaurant, Italian food, downtown dining, pizza delivery', url: 'https://mariospizza.com', author: 'Mario\'s Pizzeria', ogTitle: 'āĻĄāĻžāĻ‰āĻ¨āĻŸāĻžāĻ‰āĻ¨ā§‡āĻ° āĻ¸ā§‡āĻ°āĻž āĻĒāĻŋā§ŽāĻœāĻž āĻ°ā§‡āĻ¸ā§āĻ¤ā§‹āĻ°āĻžāĻ', ogDescription: 'Authentic Italian pizza made fresh daily. Downtown location, open 7 days. Order online for delivery!', ogImage: 'https://mariospizza.com/images/pizza-hero.jpg', siteName: 'Mario\'s Pizzeria', twitterCardType: 'summary_large_image', twitterSite: '@mariospizza', schemaType: 'āĻ¸ā§āĻĨāĻžāĻ¨ā§€āĻ¯āĻŧ āĻŦā§āĻ¯āĻŦāĻ¸āĻž' }, 'event': { title: 'āĻĄāĻŋāĻœāĻŋāĻŸāĻžāĻ˛ āĻŽāĻžāĻ°ā§āĻ•ā§‡āĻŸāĻŋāĻ‚ āĻ¸āĻžāĻŽāĻŋāĻŸ ā§¨ā§Ļā§¨ā§Ģ - āĻ‡āĻ¨ā§āĻĄāĻžāĻ¸ā§āĻŸā§āĻ°āĻŋ āĻŦāĻŋāĻļā§‡āĻˇāĻœā§āĻžāĻĻā§‡āĻ° āĻĨā§‡āĻ•ā§‡ āĻļāĻŋāĻ–ā§āĻ¨', description: 'āĻĄāĻŋāĻœāĻŋāĻŸāĻžāĻ˛ āĻŽāĻžāĻ°ā§āĻ•ā§‡āĻŸāĻŋāĻ‚ āĻ¸āĻžāĻŽāĻŋāĻŸ ā§¨ā§Ļā§¨ā§Ģ-āĻ ā§Ģā§Ļā§Ļ+ āĻŽāĻžāĻ°ā§āĻ•ā§‡āĻŸāĻžāĻ°āĻĻā§‡āĻ° āĻ¸āĻžāĻĨā§‡ āĻ¯ā§‹āĻ— āĻĻāĻŋāĻ¨āĨ¤ āĻĻā§āĻ‡ āĻĻāĻŋāĻ¨ā§‡āĻ° āĻāĻ•ā§āĻ¸āĻĒāĻžāĻ°ā§āĻŸ āĻ¸ā§‡āĻļāĻ¨, āĻ¨ā§‡āĻŸāĻ“āĻ¯āĻŧāĻžāĻ°ā§āĻ•āĻŋāĻ‚ āĻāĻŦāĻ‚ āĻ¸āĻ°ā§āĻŦāĻļā§‡āĻˇ āĻ‡āĻ¨ā§āĻĄāĻžāĻ¸ā§āĻŸā§āĻ°āĻŋ āĻ‡āĻ¨āĻ¸āĻžāĻ‡āĻŸāĻ¸āĨ¤ āĻāĻ–āĻ¨āĻ‡ āĻ°ā§‡āĻœāĻŋāĻ¸ā§āĻŸāĻžāĻ° āĻ•āĻ°ā§āĻ¨!', keywords: 'digital marketing summit, marketing conference, industry experts, networking', url: 'https://marketingsummit.com/2025', author: 'āĻ¸āĻžāĻŽāĻŋāĻŸ āĻ†āĻ¯āĻŧā§‹āĻœāĻ•', ogTitle: 'Digital Marketing Summit 2025', ogDescription: 'Join 500+ marketers for two days of expert sessions and networking. Learn the latest digital marketing strategies and trends.', ogImage: 'https://marketingsummit.com/images/summit-2025.jpg', siteName: 'āĻŽāĻžāĻ°ā§āĻ•ā§‡āĻŸāĻŋāĻ‚ āĻ¸āĻžāĻŽāĻŋāĻŸ', twitterCardType: 'summary_large_image', twitterSite: '@marketingsummit', schemaType: 'Event' }, 'howto': { title: 'āĻ‰āĻ¨ā§āĻ¨āĻ¤ āĻāĻ¸āĻ‡āĻ“ āĻ°â€ā§āĻ¯āĻžāĻ™ā§āĻ•āĻŋāĻ‚āĻ¯āĻŧā§‡āĻ° āĻœāĻ¨ā§āĻ¯ āĻŽā§‡āĻŸāĻž āĻŸā§āĻ¯āĻžāĻ— āĻ…āĻĒāĻŸāĻŋāĻŽāĻžāĻ‡āĻœ āĻ•āĻ°āĻžāĻ° āĻĒāĻĻā§āĻ§āĻ¤āĻŋ', description: 'āĻ‰āĻ¨ā§āĻ¨āĻ¤ āĻ¸āĻžāĻ°ā§āĻš āĻ‡āĻžā§āĻœāĻŋāĻ¨ āĻ°â€ā§āĻ¯āĻžāĻ™ā§āĻ•āĻŋāĻ‚āĻ¯āĻŧā§‡āĻ° āĻœāĻ¨ā§āĻ¯ āĻŽā§‡āĻŸāĻž āĻŸā§āĻ¯āĻžāĻ— āĻ…āĻĒāĻŸāĻŋāĻŽāĻžāĻ‡āĻœā§‡āĻļāĻ¨ā§‡āĻ° āĻ§āĻžāĻĒā§‡ āĻ§āĻžāĻĒā§‡ āĻ—āĻžāĻ‡āĻĄāĨ¤ āĻŸāĻžāĻ‡āĻŸā§‡āĻ˛ āĻŸā§āĻ¯āĻžāĻ—ā§‡āĻ° āĻ¸ā§‡āĻ°āĻž āĻ…āĻ¨ā§āĻļā§€āĻ˛āĻ¨, āĻŽā§‡āĻŸāĻž āĻŦāĻŋāĻŦāĻ°āĻŖ āĻ˛ā§‡āĻ–āĻž āĻāĻŦāĻ‚ āĻ†āĻ°āĻ“ āĻ…āĻ¨ā§‡āĻ• āĻ•āĻŋāĻ›ā§ āĻļāĻŋāĻ–ā§āĻ¨āĨ¤', keywords: 'meta tag optimization, SEO tutorial, search rankings, title tags', url: 'https://seoguide.com/optimize-meta-tags', author: 'āĻāĻ¸āĻ‡āĻ“ āĻŸāĻŋāĻ‰āĻŸā§‹āĻ°āĻŋāĻ¯āĻŧāĻžāĻ˛ āĻŸāĻŋāĻŽ', ogTitle: 'āĻ‰āĻ¨ā§āĻ¨āĻ¤ āĻāĻ¸āĻ‡āĻ“āĻ° āĻœāĻ¨ā§āĻ¯ āĻŽā§‡āĻŸāĻž āĻŸā§āĻ¯āĻžāĻ— āĻ…āĻĒāĻŸāĻŋāĻŽāĻžāĻ‡āĻœ āĻ•āĻ°āĻžāĻ° āĻĒāĻĻā§āĻ§āĻ¤āĻŋ', ogDescription: 'Complete step-by-step guide to meta tag optimization. Improve your search rankings with proven techniques and best practices.', ogImage: 'https://seoguide.com/images/meta-tags-tutorial.jpg', siteName: 'āĻāĻ¸āĻ‡āĻ“ āĻ—āĻžāĻ‡āĻĄ', twitterCardType: 'summary_large_image', twitterSite: '@seoguide', schemaType: 'āĻ•ā§€āĻ­āĻžāĻŦā§‡ āĻ•āĻ°āĻŦā§‡āĻ¨' } }; const sample = samples[sampleType]; if (!sample) return; // Fill basic fields document.getElementById('pageTitle').value = sample.title; document.getElementById('metaDescription').value = sample.description; document.getElementById('keywords').value = sample.keywords; document.getElementById('pageUrl').value = sample.url; document.getElementById('author').value = sample.author; // Fill social media fields if they exist if (document.getElementById('ogTitle')) { document.getElementById('ogTitle').value = sample.ogTitle; document.getElementById('ogDescription').value = sample.ogDescription; document.getElementById('ogImage').value = sample.ogImage; document.getElementById('siteName').value = sample.siteName; document.getElementById('twitterCardType').value = sample.twitterCardType; document.getElementById('twitterSite').value = sample.twitterSite; } // Update schema type if in schema tab if (document.getElementById('schemaType')) { document.getElementById('schemaType').value = sample.schemaType; updateSchemaFields(); } // Update character counts and previews updateCharCount('pageTitle', 'title-count', 60, 100); updateCharCount('metaDescription', 'desc-count', 160, 300); updatePreviews(); // Smooth scroll to action button document.querySelector('.btn').scrollIntoView({ behavior: 'smooth', block: 'center' }); showNotification(`${sampleType.charAt(0).toUpperCase() + sampleType.slice(1)} template loaded!`, 'success'); } // ========== UTILITY FUNCTIONS ========== function escapeHtml(text) { const div = document.createElement('div'); div.textContent = text; return div.innerHTML; } // Copy to clipboard function copyToClipboard(elementId) { const element = document.getElementById(elementId); const text = element.textContent; navigator.clipboard.writeText(text).then(() => { showNotification('Copied to clipboard!', 'success'); }).catch(() => { // Fallback for older browsers const textArea = document.createElement('textarea'); textArea.value = text; document.body.appendChild(textArea); textArea.select(); document.execCommand('copy'); document.body.removeChild(textArea); showNotification('Copied to clipboard!', 'success'); }); } // Show error function showError(elementId, message) { const errorElement = document.getElementById(elementId); if (errorElement) { errorElement.textContent = message; } } // Clear errors function clearErrors() { document.querySelectorAll('.error').forEach(el => el.textContent = ''); } // Show notification toast function showNotification(message, type = 'success') { const toast = document.createElement('div'); toast.className = `toast ${type}`; toast.textContent = message; document.body.appendChild(toast); setTimeout(() => { toast.remove(); }, 3000); } // Analytics tracking function trackEvent(eventName, data = {}) { if (typeof gtag !== 'undefined') { gtag('event', eventName, { 'event_category': TOOL_CONFIG.category, 'event_label': TOOL_CONFIG.name, ...data }); } } // ========== AI ASSISTANT FUNCTIONS ========== // AI ëĒ¨ë‹Ŧ ė—´ę¸° function openAIModal() { const modal = document.getElementById('aiModal'); modal.classList.add('show'); // 현ėžŦ ėƒíƒœė— 따ëŧ ė ė ˆí•œ 화면 표ė‹œ if (aiModalState.apiKey && aiModalState.currentView === 'gemini') { showGeminiChat(); } else { showAISelector(); } updateAPIKeyStatus(); } // AI ëĒ¨ë‹Ŧ ë‹Ģ기 function closeAIModal() { const modal = document.getElementById('aiModal'); modal.classList.remove('show'); // 300ms 후 ėƒíƒœ ëĻŦė…‹ (ė• ë‹ˆëŠ”ė´ė…˜ ė™„ëŖŒ 후) setTimeout(() => { aiModalState.currentView = 'selector'; showAISelector(); }, 300); } // AI ė„ íƒ 화면 표ė‹œ function showAISelector() { document.getElementById('aiModalTitle').textContent = 'Choose Your AI Assistant'; document.getElementById('aiSelector').style.display = 'flex'; document.getElementById('geminiChat').style.display = 'none'; document.getElementById('apiKeySetup').style.display = 'none'; aiModalState.currentView = 'selector'; } // Gemini ėą„팅 화면 표ė‹œ function showGeminiChat() { document.getElementById('aiModalTitle').innerHTML = '✨ Gemini AI Assistant'; document.getElementById('aiSelector').style.display = 'none'; document.getElementById('geminiChat').style.display = 'flex'; document.getElementById('apiKeySetup').style.display = 'none'; aiModalState.currentView = 'gemini'; // ė´ˆę¸° 메ė‹œė§€ę°€ ė—†ėœŧ늴 ėļ”ę°€ const chatMessages = document.getElementById('chatMessages'); if (!chatMessages.innerHTML.trim()) { addMessage('assistant', `Hello! I can help you with: â€ĸ Meta tag optimization strategies â€ĸ SEO best practices for 2025 â€ĸ Open Graph and Twitter Cards setup â€ĸ Schema markup implementation â€ĸ Character limits and SERP previews â€ĸ Bulk generation techniques What would you like to know about meta tag optimization?`); } } // API 키 ė„¤ė • 화면 표ė‹œ function showAPIKeySetup() { document.getElementById('aiModalTitle').textContent = 'āĻœā§‡āĻŽāĻŋāĻ¨āĻŋ āĻāĻĒāĻŋāĻ†āĻ‡ āĻ¸ā§‡āĻŸāĻ†āĻĒ'; document.getElementById('aiSelector').style.display = 'none'; document.getElementById('geminiChat').style.display = 'none'; document.getElementById('apiKeySetup').style.display = 'block'; aiModalState.currentView = 'setup'; } // AI ė„ íƒ ė˛˜ëĻŦ function selectAI(aiType) { switch(aiType) { case 'chatgpt': const toolContext = `I need help with meta tag optimization and SEO. I'm using a meta tag generator tool that creates HTML meta tags, Open Graph tags, Twitter Cards, and Schema markup. Please help me optimize my meta tags for better search engine rankings and social media sharing.`; const chatUrl = `https://chat.openai.com/?q=${encodeURIComponent(toolContext)}`; window.open(chatUrl, '_blank'); closeAIModal(); trackEvent('ai_selection', { ai_type: 'chatgpt' }); break; case 'claude': const claudeContext = `I need help with meta tag optimization and SEO. I'm using a meta tag generator tool that creates HTML meta tags, Open Graph tags, Twitter Cards, and Schema markup. Please help me optimize my meta tags for better search engine rankings and social media sharing.`; const claudeUrl = `https://claude.ai/chat?q=${encodeURIComponent(claudeContext)}`; window.open(claudeUrl, '_blank'); closeAIModal(); trackEvent('ai_selection', { ai_type: 'claude' }); break; case 'gemini': if (!aiModalState.apiKey) { showAPIKeySetup(); } else { showGeminiChat(); } trackEvent('ai_selection', { ai_type: 'gemini' }); break; } } // API 키 ė €ėžĨ function saveGeminiApiKey() { const apiKey = document.getElementById('geminiApiKeyInput').value.trim(); if (apiKey) { localStorage.setItem('geminiApiKey', apiKey); aiModalState.apiKey = apiKey; showGeminiChat(); updateAPIKeyStatus(); } else { alert('āĻĻāĻ¯āĻŧāĻž āĻ•āĻ°ā§‡ āĻāĻ•āĻŸāĻŋ āĻŦā§ˆāĻ§ āĻāĻĒāĻŋāĻ†āĻ‡ āĻ•ā§€ āĻĒā§āĻ°āĻŦā§‡āĻļ āĻ•āĻ°āĻžāĻ¨'); } } // API 키 ėƒíƒœ ė—…데ė´íŠ¸ function updateAPIKeyStatus() { const statusEl = document.getElementById('apiKeyStatus'); if (aiModalState.apiKey) { statusEl.innerHTML = 'āĻāĻĒāĻŋāĻ†āĻ‡ āĻ•ā§€ āĻĒāĻ°āĻŋāĻŦāĻ°ā§āĻ¤āĻ¨ āĻ•āĻ°ā§āĻ¨'; } else { statusEl.textContent = 'āĻ•ā§‹āĻ¨ā§‹ āĻāĻĒāĻŋāĻ†āĻ‡ āĻ•ā§€ āĻ¸ā§‡āĻŸ āĻ•āĻ°āĻž āĻ¨ā§‡āĻ‡'; } } // ėą„팅 메ė‹œė§€ ėļ”ę°€ function addMessage(type, content) { const chatMessages = document.getElementById('chatMessages'); const messageDiv = document.createElement('div'); messageDiv.className = `message ${type}`; if (type === 'user') { messageDiv.innerHTML = `You: ${content}`; } else { messageDiv.innerHTML = `✨ Gemini:
${content.replace(/\n/g, '
')}`; } chatMessages.appendChild(messageDiv); chatMessages.scrollTop = chatMessages.scrollHeight; } // Geminiė— 메ė‹œė§€ ė „ė†Ą async function sendToGemini() { const input = document.getElementById('geminiInput'); const message = input.value.trim(); if (!message) return; // ė‚ŦėšŠėž 메ė‹œė§€ ėļ”ę°€ addMessage('user', message); input.value = ''; // 로딩 표ė‹œ const loadingMsg = document.createElement('div'); loadingMsg.className = 'message assistant'; loadingMsg.innerHTML = '✨ Gemini:
Thinking...'; loadingMsg.id = 'loading-message'; document.getElementById('chatMessages').appendChild(loadingMsg); try { const currentData = getCurrentFormData(); const contextPrompt = `Context: User is using a meta tag generator tool. Current form data: ${JSON.stringify(currentData, null, 2)} Meta tag optimization knowledge: - Title tags should be 50-60 characters for optimal display - Meta descriptions should be 150-160 characters - Open Graph images should be 1200x630 pixels - Schema markup helps with rich snippets - Twitter Cards improve social sharing User question: ${message} Please provide helpful advice about meta tag optimization, SEO best practices, or how to improve their current meta tags.`; const response = await fetch(`https://generativelanguage.googleapis.com/v1beta/models/gemini-pro:generateContent?key=${aiModalState.apiKey}`, { method: 'āĻĒā§‹āĻ¸ā§āĻŸ', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ contents: [{ parts: [{ text: contextPrompt }] }], generationConfig: { temperature: 0.7, maxOutputTokens: 1000 } }) }); const data = await response.json(); // 로딩 메ė‹œė§€ ė œęą° document.getElementById('loading-message').remove(); if (data.candidates && data.candidates[0] && data.candidates[0].content) { const reply = data.candidates[0].content.parts[0].text; addMessage('assistant', reply); } else { addMessage('assistant', 'Sorry, I could not generate a response. Please try again.'); } } catch (error) { // 로딩 메ė‹œė§€ ė œęą° document.getElementById('loading-message')?.remove(); if (error.message.includes('āĻāĻĒāĻŋāĻ†āĻ‡ āĻ•ā§€')) { addMessage('error', 'Invalid API key. Please check your API key and try again.'); showAPIKeySetup(); } else { addMessage('error', 'Failed to connect to Gemini. Please check your internet connection and try again.'); } } } function getCurrentFormData() { return { title: document.getElementById('pageTitle')?.value || '', description: document.getElementById('metaDescription')?.value || '', url: document.getElementById('pageUrl')?.value || '', keywords: document.getElementById('keywords')?.value || '', author: document.getElementById('author')?.value || '', language: document.getElementById('language')?.value || '', ogTitle: document.getElementById('ogTitle')?.value || '', ogDescription: document.getElementById('ogDescription')?.value || '', ogImage: document.getElementById('ogImage')?.value || '', siteName: document.getElementById('siteName')?.value || '', schemaType: document.getElementById('schemaType')?.value || '' }; } // ========== EVENT LISTENERS ========== // Enter key support for inputs document.addEventListener('āĻĄāĻŽāĻ•āĻ¨āĻŸā§‡āĻ¨ā§āĻŸāĻ˛ā§‹āĻĄā§‡āĻĄ', function() { // Character count listeners document.getElementById('pageTitle').addEventListener('input', () => updateCharCount('pageTitle', 'title-count', 60, 100)); document.getElementById('metaDescription').addEventListener('input', () => updateCharCount('metaDescription', 'desc-count', 160, 300)); // Clear errors on input document.querySelectorAll('.input-field').forEach(input => { input.addEventListener('input', clearErrors); }); // AI 버íŠŧ ė´ë˛¤íŠ¸ document.getElementById('aiBtn').addEventListener('click', openAIModal); // ëĒ¨ë‹Ŧ ė™¸ëļ€ 클ëĻ­ė‹œ ë‹Ģ기 document.getElementById('aiModal').addEventListener('click', function(e) { if (e.target === this) { closeAIModal(); } }); // ė—”í„° 키 ė§€ė› 및 ESC 키로 ëĒ¨ë‹Ŧ ë‹Ģ기 document.addEventListener('keydown', function(e) { if (e.key === 'āĻāĻ¨ā§āĻŸāĻžāĻ°') { const geminiInput = document.getElementById('geminiInput'); if (document.activeElement === geminiInput) { sendToGemini(); } } // ESC 키로 ëĒ¨ë‹Ŧ ë‹Ģ기 if (e.key === 'āĻāĻ¸ā§āĻ•ā§‡āĻĒ') { closeAIModal(); } }); // ė´ˆę¸° API 키 ėƒíƒœ ė—…데ė´íŠ¸ updateAPIKeyStatus(); updateCurrentYear(); updateToolCount(); // Initialize schema fields updateSchemaFields(); }); // Track tool usage document.querySelectorAll('a[href*="wia"]').forEach(link => { link.addEventListener('click', function() { trackEvent('wia_link_click', { link: link.textContent }); }); }); // ========== DYNAMIC TOOL COUNT ========== // Update tool count dynamically async function updateToolCount() { try { const response = await fetch('/api/tool-count.php'); const data = await response.json(); // Update dynamic tools description document.querySelectorAll('.dynamic-tools-count').forEach(el => { el.textContent = `${data.count}+ free online tools in 206 languages. No signup, no fees, just tools that work.`; }); // Update "All X+ Tools" links document.querySelectorAll('.dynamic-count').forEach(el => { const prefix = el.getAttribute('data-text') || ''; const suffix = el.getAttribute('data-suffix') || ''; const icon = el.textContent.split(' ')[0] || ''; el.textContent = `${icon} ${prefix} ${data.count}+ ${suffix}`; }); } catch (error) { // Fallback: use current actual count from server const fallbackCount = 333; document.querySelectorAll('.dynamic-tools-count').forEach(el => { el.textContent = `${fallbackCount}+ free online tools in 206 languages. No signup, no fees, just tools that work.`; }); document.querySelectorAll('.dynamic-count').forEach(el => { const prefix = el.getAttribute('data-text') || ''; const suffix = el.getAttribute('data-suffix') || ''; const icon = el.textContent.split(' ')[0] || ''; el.textContent = `${icon} ${prefix} ${fallbackCount}+ ${suffix}`; }); console.log('Tool count API not available, using current count:', fallbackCount); } } // Update current year dynamically function updateCurrentYear() { const currentYear = new Date().getFullYear(); document.querySelectorAll('.current-year').forEach(el => { el.textContent = currentYear; }); } // ========== ANALYTICS ========== // Google Analytics window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-XXXXXXXXX'); // Track page view trackEvent('page_view', { tool: TOOL_CONFIG.name, category: TOOL_CONFIG.category });