Footer Generator
Design or audit site footers so secondary navigation, crawlability, and below-the-fold CTAs support SEO and conversion without link bloat.
Overview
Footer Generator is an agent skill most often used in Launch (also Build frontend) that designs and audits website footers for SEO, UX, and conversion.
Install
npx skills add https://github.com/kostja94/marketing-skills --skill footer-generatorWhat is this skill?
- Covers site-type assessment: marketing, e-commerce, SaaS, blog
- Essential elements: high-priority page links, sitemap links, categories, legal/trust blocks
- Warns against excessive internal links per Google SEO guidance
- Reads `.claude/project-context.md` or `.cursor/project-context.md` when present
- Pairs with navigation-menu-generator for primary nav (not footer)
- Notes that 66% of engagement happens below the fold (skill claim for footer importance)
Adoption & trust: 768 installs on skills.sh; 586 GitHub stars; 3/3 security scanners passed (skills.sh audits).
What problem does it solve?
Your site footer is either an afterthought or a link dump, hurting crawl focus and missing conversion chances below the fold.
Who is it for?
Solo builders launching or refining marketing sites who need footer navigation, sitemap links, and CTAs without harming SEO.
Skip if: Primary header navigation or full information architecture projects—use navigation-menu-generator instead.
When should I use this skill?
User mentions footer, page footer, site footer, footer links, footer navigation, footer SEO, footer design, footer CTA, multi-column footer, or footer sitemap.
What do I get? / Deliverables
You get a structured footer plan with prioritized links, trust elements, and SEO-safe internal linking aligned to your site type and goals.
- Footer structure recommendation by site type
- SEO-conscious internal link set for the footer
Recommended Skills
Journey fit
Spans multiple journey phases - primary shelf plus alternate fits below.
Footers are primarily a discoverability and trust surface at Launch, even though markup lives in the frontend codebase. SEO subphase fits footer sitemaps, internal linking discipline, and Google guidance on excessive footer links.
Where it fits
Add XML/HTML sitemap links and high-priority service URLs to the footer without exceeding Google’s internal-link guidance.
Implement a responsive multi-column footer with legal and contact blocks for a new landing stack.
Refresh footer blog and resource links to surface newer posts for returning visitors.
How it compares
Focused footer component skill, not a full paid-ads or site-wide IA playbook.
Common Questions / FAQ
Who is footer-generator for?
Indie marketers and builders optimizing marketing, SaaS, e-commerce, or blog footers for SEO and user engagement.
When should I use footer-generator?
At Launch for footer SEO and sitemap links; during Build when implementing multi-column footers; at Grow when refreshing trust and content links in the footer.
Is footer-generator safe to install?
It is editorial guidance only with no shell or network calls in the skill body; review the Security Audits panel on this page before installing any repo skill.
SKILL.md
READMESKILL.md - Footer Generator
# Components: Footer Guides footer design for SEO, UX, and conversion. Footers provide secondary navigation, support crawlability, and engage users below the fold (66% of engagement happens there). **When invoking**: On **first use**, if helpful, open with 1-2 sentences on what this skill covers and why it matters, then provide the main output. On **subsequent use** or when the user asks to skip, go directly to the main output. ## Initial Assessment **Check for project context first:** If `.claude/project-context.md` or `.cursor/project-context.md` exists, read it for key pages and audience. Identify: 1. **Site type**: Marketing, e-commerce, SaaS, blog 2. **Footer goals**: Navigation, lead capture, trust, legal 3. **Platform**: Web, mobile, both ## Essential Footer Elements ### Navigation & Links - Links to high-priority pages: About, Contact, Services, FAQs - Related blog posts and internal content links - XML or HTML sitemap links - Product/service category links (e-commerce) - **Avoid excessive links**: Google warns that too many internal links can harm SEO; link only to high-priority pages ### Business Information - Physical address, phone, email - Social media profile links (Follow us) -> distinct from **social-share-generator** (share this page) - Copyright and legal information (Privacy Policy, Terms of Service) ### User Engagement - Newsletter signup forms - Call-to-action buttons - Customer testimonials or support resources ## SEO Best Practices | Practice | Purpose | |----------|---------| | **Strategic linking** | Link to important pages; avoid link bloat | | **Descriptive anchor text** | Target keywords; avoid "Click here" | | **Text links** | Prefer text over images for crawlers | | **No dead ends** | Ensure pages link to other content | | **Semantic HTML** | `<footer>`, proper landmark roles | ### Link Strategy - Footer links help crawlers discover pages and understand site structure - Too many links can dilute page context; keep focused - Include sitemap link for comprehensive discovery ## UX Guidelines ### Placement & Visibility - Footer at bottom; visible without dominating desktop view - Mobile: Valuable for users who don't scroll to top - Secondary navigation; complements header nav ### Organization - Group links by category (Product, Company, Legal, Support) - Use clear headings for each column - Prioritize most-used links ### Accessibility | Requirement | Practice | |-------------|----------| | **Contrast** | 4.5:1 for link text | | **Touch targets** | >=44x44px on mobile | | **Keyboard** | Full keyboard navigation | | **Screen readers** | Proper heading hierarchy, landmark roles | ## Output Format - **Footer structure** (columns, link groups) - **Link list** with anchor text suggestions - **SEO** checklist - **Accessibility** checklist ## Related Skills - **navigation-menu-generator**: Footer complements header nav - **social-share-generator**: Footer has profile links (Follow us); social-share has share buttons (share this page) -> different use cases - **xml-sitemap**: Footer can link to sitemap - **internal-links**: Footer is secondary internal linking - **newsletter-signup-generator**: Footer often hosts signup forms