01

Meta Tags Template

Tags padrão que devem estar presentes em todas as páginas do ecossistema /tg.

head-meta.html
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Tulio Guimarães — IA aplicada, marketing e tecnologia. Resultado sem desculpa.">
<meta name="author" content="Tulio Guimarães">
<meta name="theme-color" content="#F26B3A">
<link rel="canônical" href="https://tg.dev/">

/ Regras de uso

TagObrigatórioNotas
charsetSimSempre UTF-8
viewportSimGarante responsividade
descriptionSimMax 160 caracteres. Tom direto, sem enrolação.
authorSimSempre "Tulio Guimarães"
theme-colorSimPrimary #F26B3A para barra do navegador mobile
canônicalSimURL canônica para evitar conteúdo duplicado
02

Open Graph Tags

Controle como as páginas aparecem ao serem compartilhadas em redes sociais e mensageiros.

og-tags.html
<meta property="og:title" content="/tg. — Não use IA. Construa com IA.">
<meta property="og:description" content="Tulio Guimarães. IA aplicada sem enrolação. Marketing com dados. Tech para negócios.">
<meta property="og:image" content="https://tg.dev/og-image.png">
<meta property="og:url" content="https://tg.dev/">
<meta property="og:type" content="website">
<meta property="og:site_name" content="/tg.">
<meta property="og:locale" content="pt_BR">

/ Preview do card OG

og-image.png — 1200 x 630px
tg.dev
/tg. — Não use IA. Construa com IA.
Tulio Guimarães. IA aplicada sem enrolação. Marketing com dados. Tech para negócios.
03

Twitter Cards

Configuração de cards para compartilhamento no X (Twitter).

twitter-cards.html
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="/tg. — Não use IA. Construa com IA.">
<meta name="twitter:description" content="IA aplicada sem enrolação. Resultado sem desculpa.">
<meta name="twitter:image" content="https://tg.dev/twitter-card.png">
<meta name="twitter:creator" content="@tulioguimaraes">

/ Preview do Twitter Card

04

JSON-LD Structured Data

Dados estruturados para enriquecer resultados de busca com informações semânticas.

Person
WebSite
Article
schema-person.json
{
  "@context": "https://schema.org",
  "@type": "Person",
  "name": "Tulio Guimarães",
  "url": "https://tg.dev",
  "jobTitle": "IA + Marketing + Tech",
  "description": "Profissional na interseção de tecnologia, marketing e negócios.",
  "sameAs": [
    "https://linkedin.com/in/tulioguimaraes",
    "https://instagram.com/tulioguimaraes"
  ]
}
schema-website.json
{
  "@context": "https://schema.org",
  "@type": "WebSite",
  "name": "/tg.",
  "url": "https://tg.dev",
  "description": "IA aplicada, marketing e tecnologia"
}
schema-article.json
{
  "@context": "https://schema.org",
  "@type": "Article",
  "headline": "3 automações de IA que salvaram 20h/semana",
  "author": {
    "@type": "Person",
    "name": "Tulio Guimarães"
  },
  "datePublished": "2026-03-01",
  "publisher": {
    "@type": "Organization",
    "name": "/tg."
  }
}
05

OG Image Specifications

Template padrão para imagens de compartilhamento social.

Dimensões
1200 x 630px
Background
#121210
Tipografia
Space Grotesk 700
Accent bar
4px Primary

/ Mockup do template

1200 x 630
Não use IA. Construa com IA.

/ Especificações detalhadas

ElementoEspecificaçãoNotas
Fundo#121210 (n950)Cor sólida, sem gradiente
Logo /tg.Top-left, 32px marginTri-color: slash cinza, letras cream, ponto laranja
TítuloSpace Grotesk 700, #F5F0E8Centralizado vertical e horizontal
Accent bar4px height, #F26B3AFull width, posição bottom
Safe zone80px padding internoTexto nunca toca as bordas
06

Favicon System

Sistema completo de favicons para compatibilidade com todos os dispositivos e plataformas.

favicon-setup.html
<link rel="icon" type="image/svg+xml" href="/favicon.svg">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32.png">
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
<link rel="manifest" href="/site.webmanifest">

/ Variantes de tamanho

favicon.svg
SVG (escalável)
favicon-32.png
32 x 32px
favicon-48.png
48 x 48px
apple-touch-icon
180 x 180px
ArquivoTamanhoFormatoUso
favicon.svgEscalávelSVGNavegadores modernos
favicon-32.png32x32PNGFallback para navegadores antigos
favicon-48.png48x48PNGAtalhos e bookmarks
apple-touch-icon.png180x180PNGiOS home screen
site.webmanifestJSONPWA e Android
07

SEO Checklist

Verificação obrigatória antes de publicar qualquer página do ecossistema /tg.