Tool Sitemap Extractor navin.id

K alau masih hobi buka puluhan halaman cuma buat nyari daftar URL satu per satu, selamat... kesabaran Anda memang layak dapat penghargaan. Daripada buang waktu dan tenaga untuk pekerjaan yang bisa diselesaikan dalam hitungan detik, langsung saja pakai Sitemap Extractor di bawah ini. Tinggal masukkan tautan sitemap, klik proses, lalu biarkan tool ini yang bekerja sementara Anda bisa fokus mengerjakan hal yang lebih penting—atau sekadar ngopi dulu juga boleh. Santai, cepat, dan tanpa drama.

.navin-sitemap-extractor { --nse-teal: #007777; --nse-teal-dark: #005f5f; --nse-bg: #ffffff; --nse-soft: #f5fafa; --nse-border: #d9e5e5; --nse-text: #172020; --nse-muted: #667373; --nse-error: #b42318; box-sizing: border-box; width: 100%; margin: 24px auto; color: var(--nse-text); font-family: inherit; }

.navin-sitemap-extractor *, .navin-sitemap-extractor *::before, .navin-sitemap-extractor *::after { box-sizing: border-box; }

.nse-card { width: 100%; border: 1px solid var(--nse-border); border-radius: 16px; background: var(--nse-bg); overflow: hidden; }

.nse-head { padding: 24px; border-bottom: 1px solid var(--nse-border); background: var(--nse-soft); }

.nse-title { margin: 0 0 6px; font-size: clamp(21px, 3vw, 28px); line-height: 1.25; font-weight: 700; }

.nse-desc { margin: 0; color: var(--nse-muted); font-size: 14px; line-height: 1.6; }

.nse-body { padding: 24px; }

.nse-label { display: block; margin: 0 0 8px; font-size: 14px; font-weight: 650; }

.nse-input-row { display: flex; gap: 10px; }

.nse-input { flex: 1; min-width: 0; width: 100%; height: 46px; padding: 0 14px; border: 1px solid var(--nse-border); border-radius: 9px; outline: none; background: #fff; color: var(--nse-text); font: inherit; }

.nse-input:focus { border-color: var(--nse-teal); box-shadow: 0 0 0 3px rgba(0,119,119,.12); }

.nse-btn { min-height: 46px; padding: 0 18px; border: 0; border-radius: 9px; cursor: pointer; font: inherit; font-weight: 650; transition: .18s ease; }

.nse-btn-primary { background: var(--nse-teal); color: #fff; }

.nse-btn-primary:hover { background: var(--nse-teal-dark); }

.nse-btn-secondary { background: #fff; color: var(--nse-teal); border: 1px solid var(--nse-teal); }

.nse-btn-secondary:hover { background: var(--nse-soft); }

.nse-status { display: none; margin-top: 16px; padding: 12px 14px; border-radius: 9px; background: var(--nse-soft); color: var(--nse-teal-dark); font-size: 14px; line-height: 1.5; }

.nse-status.is-error { background: #fff4f2; color: var(--nse-error); }

.nse-results { display: none; margin-top: 22px; }

.nse-result-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 10px; }

.nse-result-title { margin: 0; font-size: 16px; font-weight: 700; }

.nse-count { color: var(--nse-muted); font-size: 13px; }

.nse-output { width: 100%; min-height: 260px; max-height: 520px; overflow: auto; margin: 0; padding: 16px; border: 1px solid var(--nse-border); border-radius: 10px; background: #fafcfc; color: var(--nse-text); font-family: ui-monospace, SFMono-Regular, Consolas, monospace; font-size: 13px; line-height: 1.7; white-space: pre-wrap; overflow-wrap: anywhere; }

.nse-actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 12px; }

@media (max-width: 640px) { .nse-head, .nse-body { padding: 18px; }

.nse-input-row { flex-direction: column; }

.nse-btn { width: 100%; }

.nse-result-head { align-items: flex-start; flex-direction: column; }

.nse-actions .nse-btn { width: 100%; } }

Sitemap Extractor Masukkan URL sitemap.xml untuk mengambil seluruh URL posting dari website.

URL Sitemap XML

Generate

Hasil URL Posting 0 URL

Copy URL Reset

(() => { const root = document.querySelector('[data-nse]'); if (!root || root.dataset.ready === '1') return; root.dataset.ready = '1';

const input = root.querySelector('.nse-input'); const generate = root.querySelector('[data-nse-generate]'); const status = root.querySelector('[data-nse-status]'); const results = root.querySelector('[data-nse-results]'); const output = root.querySelector('[data-nse-output]'); const count = root.querySelector('[data-nse-count]'); const copy = root.querySelector('[data-nse-copy]'); const reset = root.querySelector('[data-nse-reset]');

let extractedUrls = [];

const setStatus = (message, error = false) => { status.textContent = message; status.classList.toggle('is-error', error); status.style.display = 'block'; };

const normalizeUrl = (value) => { let url = value.trim(); if (!url) return ''; if (!/^https?:\/\//i.test(url)) url = 'https://' + url; return new URL(url).href; };

const extractLocs = (xmlText) => { const parser = new DOMParser(); const doc = parser.parseFromString(xmlText, 'application/xml');

if (doc.querySelector('parsererror')) { throw new Error('Format XML sitemap tidak valid.'); }

return [...doc.getElementsByTagNameNS('*', 'loc')] .map(node => (node.textContent || '').trim()) .filter(Boolean); };

const fetchSitemap = async (sitemapUrl) => { const response = await fetch(sitemapUrl, { method: 'GET', credentials: 'omit', cache: 'no-store' });

if (!response.ok) { throw new Error(`Sitemap tidak dapat diakses (HTTP ${response.status}).`); }

return response.text(); };

const expandSitemap = async (url, visited = new Set()) => { if (visited.has(url)) return []; visited.add(url);

const xml = await fetchSitemap(url); const locs = extractLocs(xml);

const rootTag = new DOMParser() .parseFromString(xml, 'application/xml') .documentElement?.localName?.toLowerCase();

if (rootTag === 'sitemapindex') { const all = []; for (const child of locs) { const nested = await expandSitemap(child, visited); all.push(...nested); } return all; }

return locs; };

generate.addEventListener('click', async () => { try { const sitemapUrl = normalizeUrl(input.value);

if (!sitemapUrl) { setStatus('Silakan masukkan URL sitemap.xml.', true); return; }

if (!/\.xml(?:[?#].*)?$/i.test(sitemapUrl)) { setStatus('URL harus mengarah ke file sitemap XML.', true); return; }

generate.disabled = true; generate.textContent = 'Memproses...'; results.style.display = 'none'; extractedUrls = [];

setStatus('Sedang membaca sitemap dan mengambil URL posting...');

const urls = await expandSitemap(sitemapUrl); extractedUrls = [...new Set(urls)];

if (!extractedUrls.length) { setStatus('Tidak ditemukan URL di dalam sitemap.', true); return; }

output.textContent = extractedUrls.join('\n'); count.textContent = `${extractedUrls.length.toLocaleString('id-ID')} URL`; results.style.display = 'block'; setStatus(`Berhasil mengambil ${extractedUrls.length.toLocaleString('id-ID')} URL.`); } catch (error) { setStatus( error?.message || 'Sitemap gagal diproses. Periksa URL dan izin akses sitemap.', true ); } finally { generate.disabled = false; generate.textContent = 'Generate'; } });

copy.addEventListener('click', async () => { if (!extractedUrls.length) return;

try { await navigator.clipboard.writeText(extractedUrls.join('\n')); copy.textContent = 'Copied!'; setTimeout(() => copy.textContent = 'Copy URL', 1400); } catch { setStatus('Browser tidak mengizinkan penyalinan otomatis. Silakan salin hasil secara manual.', true); } });

reset.addEventListener('click', () => { input.value = 'https://www.navin.id/sitemap.xml'; output.textContent = ''; count.textContent = '0 URL'; extractedUrls = []; results.style.display = 'none'; status.style.display = 'none'; }); })();