/tg. SEO & Meta Guidelines

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

Tag	Obrigatório	Notas
charset	Sim	Sempre UTF-8
viewport	Sim	Garante responsividade
description	Sim	Max 160 caracteres. Tom direto, sem enrolação.
author	Sim	Sempre "Tulio Guimarães"
theme-color	Sim	Primary #F26B3A para barra do navegador mobile
canônical	Sim	URL canônica para evitar conteúdo duplicado

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.

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

twitter-card.png — 1200 x 630px

/tg. — Não use IA. Construa com IA.

IA aplicada sem enrolação. Resultado sem desculpa.

tg.dev

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."

  }

}

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

/tg.

Não use IA. Construa com IA.

/ Especificações detalhadas

Elemento	Especificação	Notas
Fundo	#121210 (n950)	Cor sólida, sem gradiente
Logo /tg.	Top-left, 32px margin	Tri-color: slash cinza, letras cream, ponto laranja
Título	Space Grotesk 700, #F5F0E8	Centralizado vertical e horizontal
Accent bar	4px height, #F26B3A	Full width, posição bottom
Safe zone	80px padding interno	Texto nunca toca as bordas

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

/t.

favicon.svg

SVG (escalável)

/t.

favicon-32.png

32 x 32px

/t.

favicon-48.png

48 x 48px