Indexability

색인 가능성

Check whether a discovered URL is eligible to enter the search index.

···
html
<div class="idx"><div class="src"><div class="card ok">/guide <small>200</small></div><div class="card no">/draft <small>noindex</small></div><div class="card ok">/catalog <small>200</small></div></div><div class="gate">INDEX<br>GATE</div><div class="dest"><b>INDEX</b><div class="slot">/guide</div><div class="slot">/catalog</div></div></div>
css
.idx{display:flex;align-items:center;justify-content:center;gap:clamp(7px,3vmin,28px);width:94%;font:800 clamp(10px,max(1.8vmin,1vw),15px) sans-serif;color:var(--fg)}.src,.dest{display:grid;gap:clamp(5px,1vmin,9px)}.card,.slot{background:var(--surface);border:1px solid var(--line);border-radius:5px;padding:clamp(7px,1.4vmin,13px);min-width:clamp(66px,16vmin,130px)}.card{display:flex;justify-content:space-between;gap:6px;animation:slide 3s infinite alternate}.card small{font-size:max(10px,1vw,.7em);color:var(--muted)}.card.no{opacity:.35;transform:translateX(-6px)}.gate{border:2px dashed var(--accent);border-radius:50%;width:clamp(48px,11vmin,85px);height:clamp(48px,11vmin,85px);display:grid;place-items:center;text-align:center;color:var(--accent);font-size:max(10px,1vw,.75em)}.dest b{color:var(--accent);letter-spacing:.1em}.slot{border-left:5px solid var(--accent);animation:flash 3s infinite alternate}@keyframes slide{to{transform:translateX(5px)}}@keyframes flash{to{border-color:var(--fg);transform:translateX(3px)}}@media(min-width:700px){body > :not(script){zoom:1.55}.map,.feed,.linkmap{height:48%}}

Indexability describes whether a fetched document can be considered for the search index. A noindex directive, login wall, or canonical choice can exclude a URL.

Toggle each URL gate in the demo to see which cards reach the candidate list. Eligibility still does not mean the search engine will ultimately index the page.

When to use

Use it when a fetched URL is absent from results and you need to inspect directives and canonicals.

Open as page ↗