SeoForm

SeoForm é o bloco de SEO de uma página do painel. Ele tem os campos de título para a busca, descrição, endereço canônico e «Não indexar esta página», e uma prévia de como a página aparece no buscador. Os contadores de caracteres e a prévia se atualizam enquanto a pessoa digita, com um pequeno script; sem ele, o servidor conta e mostra os valores salvos.

Quando usar

Use se a sua tela precisar de um bloco de SEO com essas regras. Os limites são de 60 caracteres para o título e 160 para a descrição (ui/panel/seo-text.ts:4 e :5). Acima do limite, o contador diz «(acima do recomendado)» (ui/panel/seo-text.ts:13 a :15), e o aviso de leitor de tela diz «acima do» ou «voltou ao» recomendado quando o estado muda (ui/panel/seo-text.ts:8 a :11).

Regras de exibição:

• Sem descrição, a prévia diz «Sem descrição: o buscador escolhe um trecho da página.» (ui/panel/seo-form.ts:29).
• O título da prévia usa o título do campo; sem ele, usa o fallbackTitle que você passar, como o título da página.
• O endereço da prévia junta o host do site e os segmentos do caminho com «›» (ui/panel/seo-form.ts:36).
• O título do bloco é «SEO da página» por padrão (ui/panel/seo-form.ts:23).

Onde aparece no painel

Nenhuma tela do painel pronto usa SeoForm. O SEO do site é um FormView em modules/seo/screens/global.ts:105. O SEO de um post e de uma página aparece como o painel «SEO do post» dentro do editor, como campos de uma coluna lateral (modules/seo/module.ts:45), e não com este componente.

Variantes e propriedades

SeoForm

Pasta: ui/panel

Variantes

Id	Variante	Tom
seo-form-light	post	light

Propriedades

Propriedade	Tipo	Obrigatória	Descrição
action	string	Sim	Target of the POST form.
csrf	string	Sim	—
values	Readonly<Record<string, string>>	Sim	Values by field name: title, description, canonical, noindex ("on").
errors	Readonly<Record<string, string>>	Não	Messages by field name; the `form` key is the message of the whole form.
siteHost	string	Sim	Host of the public site, for the address line of the preview (e.g. "exemplo.com.br").
path	string	Sim	Path of the page on the site, for the address line of the preview.
fallbackTitle	string	Sim	What the search engine would show without an own title (e.g. the page title).
title	string	Não	Heading of the block (default "SEO da página").
submit	string	Não	—

Captura

A primeira variante do catálogo, o SEO de um post, em 1280 px:

A mesma variante em 360 px:

Origem

• ui/panel/seo-form.ts: SeoForm e SeoFormProps.
• ui/panel/seo-text.ts: os limites, o contador e a mensagem do aviso.
• ui/panel/seo-form.gallery.ts: as variantes do catálogo.