SERGIO TOMASVoltar ao portfólio

Linguagem · Linguagem

HTML5

Markup semântico, acessível e amigável para SEO.

Onde usei
  • Stellar Gaming
  • DOMVS iT
  • Claro
  • Resource IT
  • Tugarê
  • Marvin
  • Atento
01Visão geral

Toda interface começa no HTML. Trato markup como decisão de produto: a semântica define acessibilidade, SEO e manutenibilidade muito antes de qualquer framework entrar em cena.

02Conceitos essenciais

O que qualquer pessoa que trabalha com isso precisa entender

  1. 01

    Elementos semânticos

    header, nav, main, article, section — estrutura que máquinas e pessoas entendem.

  2. 02

    Acessibilidade

    Landmarks, labels, texto alternativo, ordem de foco e ARIA só quando necessário.

  3. 03

    Fundamentos de SEO

    Hierarquia de títulos, metadados, dados estruturados e conteúdo rastreável.

  4. 04

    Formulários

    Validação nativa, tipos de input e mensagens de erro acessíveis.

  5. 05

    Mídia e performance

    Imagens responsivas, lazy loading e preload de recursos críticos.

  6. 06

    Web APIs

    Storage, history, canvas e outros recursos da plataforma.

03Na prática
De páginas de intranet na Atento a sites de alto tráfego na Claro e na DOMVS iT — sempre pensando em semântica, acessibilidade e SEO.
04Relacionadas