| # | Recurso | Propósito | Notas de Implementação |
|---|---|---|---|
| 1 | Cabeçalho / Barra Superior | Marca, nav principal, CTA, busca | Fixo, acessível, logo linka home |
| 2 | Seção Hero | Proposta valor + CTA principal above fold | H1, subhead, benefício, botão, trust badge |
| 3 | Menu de Navegação | Acesso ao mapa do site | Mega-menu se >7 itens; hambúrguer mobile |
| 4 | Área de Conteúdo | Mensagem principal, produto, artigo | HTML semântico (<main>, <article>, hierarquia headings) |
| 5 | Barra Lateral / Asides | Posts relacionados, filtros, anúncios | Colapsável mobile; aria-label |
| 6 | Rodapé | Legal, contato, social, sitemap | Signup newsletter, copyright, links políticas |
| 7 | Call-to-Action (CTA) | Impulsionar conversão | Cor contraste, copy verbo-primeiro, aria-pressed |
| 8 | Breadcrumbs | Orientação + SEO | schema.org/BreadcrumbList, home → categoria → página |
| 9 | Busca | Encontrar conteúdo rápido | Algolia, Meilisearch, WP Search; autocomplete |
| 10 | Compartilhamento / Seguir Social | Amplificar alcance | Web Share API, meta tags (OG, Twitter Card) |
| 11 | Recursos de Acessibilidade | Acesso inclusivo | WCAG 2.2 AA: contraste, foco, alt, landmarks, skip link |
| 12 | Design Responsivo | Todos dispositivos | Mobile-first, tipografia fluida (clamp), container queries |
| 13 | Banner Cookie / Privacidade | Conformidade legal | GDPR/CCPA: consentimento granular, sinal GPC, geo-regras |
| 14 | Seletor de Idioma | Audiência global | hreflang, bandeira+nome, persistir escolha |
| 15 | Chat Ao Vivo / Widget Suporte | Ajuda em tempo real | Intercom, Crisp, Tawk.to; lazy-load após interação |
Nem toda página precisa de todos 15 — mas landing pages, páginas de produto e pilares de conteúdo devem atingir 12+.
Tecnologia Eletrônica © [www.351231.com]
