Табы и аккордеоны для структурирования контента

★ 6.6 · marketing

tab-accordion is a Claude Code skill that guides the implementation and optimization of tab and accordion components for organizing content without excessive vertical scrolling. It covers two layout patterns: vertical accordion (FAQ-style, stacked expand/collapse) and horizontal tabs (how-to steps, product specs, pricing tiers, comparisons). The skill addresses SEO implications in detail — Google fully indexes content inside tabs and accordions as long as it is present in the DOM at page load, not fetched via AJAX on click; primary keyword-critical content should remain visible to avoid signal dilution. Native HTML using `<details>` and `<summary>` is the recommended approach, with guidance on when separate URLs make more sense than grouping unrelated topics under one page. Useful for FAQ sections, instructional content, product comparisons, and any collapsible or tabbed layout.