Narrow broad topics into specific questions with clearer intent.
<div class="tail"><div class="root">DESK</div><div class="stem"></div><div class="branches"><div class="branch"><b>SMALL DESK</b><span>for narrow rooms</span></div><div class="branch"><b>STANDING DESK</b><span>for home office</span></div><div class="branch"><b>DESK SETUP</b><span>for video calls</span></div></div><div class="foot" id="intent">MORE SPECIFIC INTENT</div></div>.tail{width:92%;display:grid;justify-items:center;font:800 clamp(10px,2vmin,15px)/1.2 var(--font-sans);color:var(--fg)}.root{background:var(--fg);color:var(--bg);padding:8px 16px;letter-spacing:.1em}.stem{height:clamp(12px,3vmin,24px);width:3px;background:var(--accent)}.branches{width:100%;display:flex;gap:clamp(4px,1vmin,10px);position:relative}.branches:before{content:'';position:absolute;left:16%;right:16%;top:-2px;height:3px;background:var(--accent)}.branch{flex:1;min-width:0;min-height:clamp(58px,13vmin,100px);padding:clamp(5px,1.5vmin,12px);box-sizing:border-box;background:var(--surface);border:1px solid var(--line);display:grid;align-content:center;gap:5px;text-align:center;animation:branchin 3.5s infinite}.branch:nth-child(2){animation-delay:.3s}.branch:nth-child(3){animation-delay:.6s}.branch span{color:var(--muted)}.foot{margin-top:clamp(8px,2vmin,16px);color:var(--accent);letter-spacing:.06em}@keyframes branchin{0%,18%{opacity:.25;transform:translateY(-8px)}38%,100%{opacity:1;transform:translateY(0)}}@media(min-width:700px){body > :not(script){zoom:1.55}.map,.feed,.linkmap{height:48%}}Long-tail keywords are narrower queries with more specific intent. Each may have modest search volume, yet they can reveal a useful page to build.
In the demo, a broad term branches by size, situation, and purpose. Length alone does not make a query valuable. Check demand and results, then group related questions around one useful answer.
Use it to find specific customer questions when a broad keyword is too vague for a page.