Conteúdo Custom no Head

A chave head no seed.yaml permite injetar qualquer HTML no <head> de todas as páginas — meta tags, scripts de terceiros, fontes, verificação de domínio e qualquer outro snippet.

Configuração

Use a chave head com bloco YAML multi-linha (|):

```yaml
head: |
  <meta name="google-site-verification" content="abc123">
  <link rel="preconnect" href="https://fonts.googleapis.com">
```

O conteúdo é injetado no <head>, antes do Tailwind CSS e dos assets do tema.

Exemplos de uso

Fontes do Google

```yaml
head: |
  <link rel="preconnect" href="https://fonts.googleapis.com">
  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&display=swap" rel="stylesheet">
```

Verificação de domínio

```yaml
head: |
  <meta name="google-site-verification" content="abc123">
  <meta name="msvalidate.01" content="xyz789">
```

Scripts de terceiros

```yaml
head: |
  <script src="https://cdn.example.com/widget.js" defer></script>
  <link rel="stylesheet" href="https://cdn.example.com/widget.css">
```

Open Graph e redes sociais

```yaml
head: |
  <meta property="og:image" content="https://meusite.com/og-image.png">
  <meta property="og:type" content="website">
  <meta name="twitter:card" content="summary_large_image">
```

Dev e build

Diferente de ga e gtm, o head é injetado em ambos os contextos — seed dev e seed build. Não existe variante -dev para head.

ℹ️

Para meta tags específicas por página (como description ou favicon), use o front matter da página em vez do head global. Veja Front Matter.

Ordem de injeção no `<head>`

Os elementos são injetados nesta ordem:

<title> e meta tags do front matter (description, favicon)
Snippet do Google Analytics (ga)
Snippet do Google Tag Manager (gtm)
Conteúdo do head (esta configuração)
Tailwind CSS (CDN no dev, otimizado no build)
CSS do tema e da página

Exemplo completo

```yaml
theme: ada
ga: G-XXXXXXXXXX
ga-dev: G-DEV0000000
gtm: GTM-XXXXXXX
gtm-dev: GTM-DEV0000
head: |
  <link rel="preconnect" href="https://fonts.googleapis.com">
  <meta property="og:image" content="https://meusite.com/og.png">
minify: true
```

Feito com ❤️ e Seed