Configurar seu site
Identidade do Site SEO Global
Esta tela controla as configurações que valem para o site inteiro — coisas que não pertencem a uma página específica, mas a sua marca como um todo: nome de exibição em redes sociais, códigos de verificação no Google e Bing, deep links de aplicativos, ícone do iPhone, cor do navegador no Android, e os scripts globais (Google Analytics, Meta Pixel etc.) injetados em todas as páginas.
Tudo aqui é configurado uma vez só e vale para o site inteiro. Não confunda com a tela de Padrões de Página (onde você define o que cada página recebe por padrão), nem com o painel SEO de cada documento (onde você sobrescreve por página específica).
Mapa do SEO no UlaNano
Antes de mergulhar nos campos desta tela, vale fixar onde ela se encaixa. O UlaNano divide o controle de SEO em 4 áreas independentes, cada uma com um papel distinto:
Organização /organizacao
Quem você é como negócio. NAP (nome, endereço, telefone), voz da marca, ICP, concorrentes, áreas atendidas. Alimenta o schema.org de LocalBusiness.
Você está aquiIdentidade do Site /seo-global
Configurações do site inteiro: identidade Open Graph, verificações Google/Bing, deep links de app, ícone do iPhone, cor do navegador, scripts globais (Analytics, Pixel).
Padrões de Página /seo-defaults
O que cada página recebe por padrão quando você não preenche manualmente: imagem OG fallback, robots, sitemap, twitter cards, idioma.
SEO por documento /documents/:id/seo
Sobrescreve o padrão para uma página específica. Meta title, meta description, canonical, OG image, robots — tudo individual.
Quando o navegador renderiza uma página, o UlaNano monta as meta tags nesta ordem: SEO por documento (override individual) → Padrões de Página (default que cada doc herda) → Identidade do Site (constantes do site, como og:site_name e theme-color, que aparecem em todas as páginas independente do que cada doc tenha).
Identidade e Aparência
A primeira seção define como o seu site é identificado nas redes sociais quando alguém compartilha qualquer link dele. Esses dois campos são os únicos obrigatórios da tela inteira:
Identidade e Aparência obrigatório
Nome do site e idioma para Open Graph
og:site_name texto
Nome de exibição do site quando alguém compartilha qualquer URL no Facebook, LinkedIn, WhatsApp, Slack. Aparece acima do título da página no card.
"Ula Yoga Studio"og:locale enum
Idioma padrão do site no formato Open Graph. 3 opções: pt_BR, en_US, es_ES.
A integração com Twitter / X é separada do Twitter Cards (que fica em Padrões de Página). Aqui é só o handle do site — quem é o autor coletivo das postagens:
Twitter Cards do site
twitter:site @usuario
Conta oficial do site no X/Twitter. Aparece nos cards quando alguém compartilha um link no Twitter.
@ulayogastudioVerificação de Site
Quando você cadastra seu site nas ferramentas de webmaster do Google, Bing, Yandex ou Pinterest, eles te dão um código de verificação para você colar como meta tag. Em vez de mexer no HTML manualmente, você cola aqui — o código aparece automaticamente em todas as páginas do site:
Verificação de Site
Códigos para 4 motores de busca
google-site-verification
Google Search Console — pega no painel após adicionar o site.
msvalidate.01
Bing Webmaster Tools — código fornecido após criar projeto.
yandex-verification
Yandex Webmaster — relevante se vai indexar em mercados russófonos.
p:domain_verify
Pinterest — necessário para pin enriquecido aparecer com o seu logo.
Bing pega quase 9% das buscas no Brasil — vale ativar. Yandex e Pinterest são opcionais a menos que você atenda Rússia ou venda produtos visuais.
Se você tem um aplicativo Facebook (raro hoje em dia, mas comum em sites antigos com Login do Facebook ou Pixel customizado), preencha o ID do app aqui. Para Pixel "puro" use a seção de Scripts Globais abaixo.
App ID e administradores
fb:app_id numérico
ID do aplicativo Facebook Developer associado ao site.
123456789012345fb:admins CSV
IDs dos administradores Facebook, separados por vírgula.
123456,789012App Links (Deep Linking)
Se você tem um aplicativo nativo (Android e/ou iOS) e quer que o sistema operacional abra o app quando o usuário toca em um link do seu site, configure aqui. É o que faz o Instagram abrir o app em vez do navegador, por exemplo.
App Links
Deep links Android e iOS
al:android 2 campos
Nome do app + Package (ex: com.empresa.app).
al:ios 2 campos
Nome do app + App Store ID (numérico, da URL da App Store).
Mobile Web App
Quando o usuário toca em "Adicionar à tela inicial" no Safari (iOS) ou no Chrome (Android), o site pode abrir como se fosse um aplicativo standalone — sem barra do navegador. Esta seção controla esse comportamento:
Mobile Web App
Modo standalone no iOS e ícone da home screen
apple-mobile-web-app-capable on / off
Quando ativado, o site abre fullscreen sem a barra do Safari quando aberto da home screen do iPhone.
apple-touch-icon imagem
Ícone que aparece na home screen do iPhone/iPad. 180×180 recomendado, formato PNG.
Tema do Navegador
Cada navegador tem cantos da UI que ele colore com o tema do site: barra superior do Chrome no Android, tile do Edge fixado no Windows, status bar do iOS quando o site está aberto como web app. Configure aqui as cores e ícones:
Tema do Navegador
Cores do theme-color, tile do Windows e status bar iOS
theme-color cor
Cor da barra superior do Chrome no Android. #0a7c4a exemplo.
apple-mobile-web-app-status-bar-style enum
Estilo da status bar quando o site é aberto como web app no iOS: default, black, black-translucent.
msapplication-TileColor cor
Cor de fundo do tile fixado na Start do Windows / Edge.
mask-icon-color cor
Cor do ícone monocromático da pinned tab no Safari macOS.
Scripts Globais
Esta é a parte mais usada da tela. Aqui você adiciona tracking, analytics, chat externos e qualquer JavaScript que precisa rodar em todas as páginas do site — sem precisar editar o HTML. Cada script tem uma posição de injeção e pode ser ativado/desativado individualmente:
As 3 posições disponíveis:
| Posição | Quando usar | Exemplos |
|---|---|---|
<head> | Tudo que precisa rodar antes da página carregar — analytics, tags de verificação, scripts críticos. | Google Analytics, Google Tag Manager, verificações de webmaster |
<body> início | Pixels que precisam disparar o "PageView" assim que possível, mas depois do head. | Meta Pixel, TikTok Pixel, X (Twitter) Pixel |
<body> fim | Scripts pesados que não precisam bloquear o carregamento — chat widgets, heatmaps, lead capture. | Hotjar, Crisp Chat, RD Station, Zendesk Chat |
Cada script tem um toggle de ativação separado — você pode pausar um script sem deletar a configuração. Isso é útil para testar (ex: pausar Google Analytics em ambiente de homologação) ou desativar tracking durante uma campanha de promo sem perder o código.
Se você ativa scripts de tracking (Google Analytics, Pixel etc.), precisa ter um banner de consentimento de cookies — exigência da LGPD. O banner deve aparecer antes dos scripts dispararem qualquer requisição. Configure isso na seção de cookies (em construção) ou use um script de terceiro para banner.