Cartão de Visita HTML

Do papel ao NFC: o stack do cartão de visita digital

O cartão de visita continua sendo um dos pontos de contato mais valiosos em B2B — feiras, eventos de networking e vendas de campo dependem da troca rápida de dados. Hoje convivem quatro formatos paralelos: cartão impresso (o clássico, ainda dominante no Japão e em feiras), arquivo vCard (.vcf — RFC 6350, padrão universal suportado por iOS, Android, Outlook, Gmail e todo CRM), QR Code apontando para um download de vCard ou para uma landing page e cartões NFC que transmitem o perfil ao serem aproximados de um celular (iOS 14+ e Android moderno reconhecem nativamente). Um "cartão de visita digital" em HTML costuma juntar tudo: uma página responsiva com foto, cargo, links sociais e um botão para baixar o vCard.

Um cartão HTML mínimo usa Flexbox para o layout de tela e um stylesheet de impressão para a versão em papel — o padrão ABNT no Brasil é 90 × 55 mm, enquanto o tamanho internacional comum é 85 × 55 mm:

<section class="card">
  <img src="foto.jpg" alt="Perfil">
  <h1>Maria Souza</h1>
  <p>Designer · ACME</p>
  <a href="contato.vcf">Salvar contato</a>
</section>
<style>
  @media print { @page { size: 90mm 55mm; margin: 0; } }
</style>

vCard, QR Code e passes de Wallet

O vCard é um arquivo de texto puro que qualquer app de contatos importa. A estrutura mínima é BEGIN:VCARD\nVERSION:3.0\nFN:Maria Souza\nTEL:+55...\nEMAIL:...\nEND:VCARD. Combine com um QR Code que codifica o texto do vCard diretamente (funciona offline) ou uma URL curta para um vCard hospedado (QR menor, mais fácil de atualizar). Apple Wallet e Google Wallet suportam passes de contato via pacotes pass.json assinados com certificado emitido pela Apple — serviços como HiHello e Blinq cuidam da assinatura e geram o botão "Adicionar à Carteira".

HTML semântico e microdata para SEO

Um cartão digital funciona como landing page pessoal, então envolva os dados em microdata schema.org/Person: itemscope itemtype="https://schema.org/Person" no container e depois itemprop="name", "jobTitle", "telephone", "email", "worksFor" nos filhos. O Google usa para enriquecer previews de knowledge panel. O microformat hCard antigo (class="vcard", class="fn") continua válido mas foi amplamente substituído.

Cartões NFC, páginas biolink e sustentabilidade

Cartões NFC de Linq, Popl, V1CE, HiHello e Blinq embutem um chip que abre a URL do seu perfil ao toque — sem precisar de app no iOS 14+ ou Android moderno. Eles também coletam analytics: cada toque é registrado com timestamp, então você sabe qual dia de feira gerou mais leads. Construtores de biolink como Linktree, beacons.ai, bento.me e about.me são alternativas no-code. Sustentabilidade é argumento real — um cartão digital evita o desperdício de papel e a pegada de transporte de reabastecer mil cartões a cada trimestre.

Perguntas frequentes

Cartões NFC funcionam em iPhone? Sim, a partir do iOS 14 (2020) o iPhone lê tags NFC automaticamente em background — sem app. iPhones mais antigos (XS para baixo) exigem que o usuário abra o leitor NFC pelo Centro de Controle.

O formato vCard é realmente universal? Sim — o .vcf é suportado por Contatos do iOS, Contatos do Android, Outlook, Gmail, Apple Mail, todo CRM grande (Salesforce, HubSpot, Pipedrive) e é exportável de todos eles. A RFC 6350 padronizou em 2011.

Vale a pena gerar um QR Code junto? Muito recomendado. Um QR funciona tanto se o destinatário tem leitor NFC à mão quanto se não, dá para imprimir no verso de um cartão de papel e escala de um adesivo de 1 cm em um notebook a um pôster atrás do estande da feira.

Papel ou digital — qual ganha? São complementares. O papel ainda domina a etiqueta japonesa do meishi (entregue com as duas mãos, com reverência) e feiras de negócios; o digital ganha para SDRs, trabalhadores remotos e qualquer um que quer analytics de clique. A maioria dos profissionais carrega os dois.