<!DOCTYPE html><html lang="pt-BR"> <head><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover"><title>ciaweb — Agência de Marketing Digital, SEO e Performance | 21 Anos</title><meta name="description" content="Agência de marketing digital com 21 anos de experiência: estratégia, SEO, tráfego pago, sites e e-commerce que geram receita previsível. Conheça a ciaweb."><link rel="canonical" href="https://www.ciawebsites.com.br/"><meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1"><meta name="googlebot" content="index, follow, max-image-preview:large, max-snippet:-1"><!-- Configuração de viewport e renderização --><meta name="theme-color" content="#ff5a1f"><meta name="format-detection" content="telephone=no"><meta name="author" content="ciaweb"><meta name="publisher" content="ciaweb"><!-- Google Search Console verification --><meta name="google-site-verification" content="ZoE_hrXuXc23bfuCs7xr9CbOLeA4wOtcG93XDfetsrU"><!-- Favicon refs (servir do public/) --><link rel="icon" type="image/svg+xml" href="/favicon.svg"><link rel="icon" type="image/png" sizes="96x96" href="/favicon-96x96.png"><link rel="shortcut icon" href="/favicon.ico"><link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png"><link rel="manifest" href="/site.webmanifest"><!-- Open Graph --><meta property="og:site_name" content="ciaweb"><meta property="og:locale" content="pt_BR"><meta property="og:type" content="website"><meta property="og:title" content="ciaweb — Agência de Marketing Digital, SEO e Performance | 21 Anos"><meta property="og:description" content="Agência de marketing digital com 21 anos de experiência: estratégia, SEO, tráfego pago, sites e e-commerce que geram receita previsível. Conheça a ciaweb."><meta property="og:url" content="https://www.ciawebsites.com.br/"><meta property="og:image" content="https://www.ciawebsites.com.br/wp-content/uploads/2023/10/282-scaled.jpg"><meta property="og:image:alt" content="ciaweb — Agência de Marketing Digital, SEO e Performance | 21 Anos"><meta property="og:image:width" content="1920"><meta property="og:image:height" content="1280"><!-- Twitter Card --><meta name="twitter:card" content="summary_large_image"><meta name="twitter:title" content="ciaweb — Agência de Marketing Digital, SEO e Performance | 21 Anos"><meta name="twitter:description" content="Agência de marketing digital com 21 anos de experiência: estratégia, SEO, tráfego pago, sites e e-commerce que geram receita previsível. Conheça a ciaweb."><meta name="twitter:image" content="https://www.ciawebsites.com.br/wp-content/uploads/2023/10/282-scaled.jpg"><!-- JSON-LD preservado do RankMath (e templates) --><script type="application/ld+json">{"@context":"https://schema.org","@type":"Organization","@id":"https://www.ciawebsites.com.br/#organization","name":"ciaweb","alternateName":"Ciaweb","url":"https://www.ciawebsites.com.br/","logo":{"@type":"ImageObject","url":"https://www.ciawebsites.com.br/wp-content/uploads/2023/10/ciaweb.svg","width":168,"height":44},"description":"Agência de marketing digital especializada em SEO, criação de sites, e-commerce, tráfego pago e estratégia digital. 21 anos de experiência.","foundingDate":"2005","slogan":"Marketing digital e tecnologia","areaServed":{"@type":"Country","name":"Brasil"},"knowsAbout":["SEO","Marketing Digital","Criação de Sites","E-commerce","Tráfego Pago","WordPress","Inbound Marketing","Otimização de Sites"],"sameAs":["https://www.facebook.com/ciawebsites","https://www.instagram.com/ciawebsites/","https://www.linkedin.com/company/ciawebsites/","https://www.youtube.com/@ciawebsites"],"contactPoint":[{"@type":"ContactPoint","telephone":"+55-31-98419-3563","contactType":"customer service","areaServed":"BR","availableLanguage":["Portuguese"]}]}</script><script type="application/ld+json">{"@context":"https://schema.org","@type":"WebSite","@id":"https://www.ciawebsites.com.br/#website","url":"https://www.ciawebsites.com.br/","name":"ciaweb","description":"Agência de marketing digital, SEO e criação de sites.","publisher":{"@id":"https://www.ciawebsites.com.br/#organization"},"inLanguage":"pt-BR"}</script><link rel="sitemap" href="/sitemap-index.xml"><link rel="preconnect" href="https://fonts.googleapis.com"><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin><link rel="preconnect" href="https://www.ciawebsites.com.br" crossorigin><link rel="dns-prefetch" href="https://wa.me"><link rel="preload" as="style" href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap"><link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap"><link rel="stylesheet" href="/styles/global.css?v=mpvdio49"></head> <body> <a class="skip-link" href="#conteudo">Ir para o conteúdo</a> <header class="site-header" role="banner"> <div class="container site-header__inner"> <a href="/" class="brand" rel="home" aria-label="ciaweb — Página inicial"> <img src="/wp-content/uploads/2023/10/ciaweb.svg" alt="ciaweb — Agência de marketing digital" width="168" height="44"> </a> <button class="hamburger" type="button" data-mobile-toggle aria-label="Abrir menu de navegação" aria-expanded="false" aria-controls="primary-nav"> <span class="hamburger__bar"></span> <span class="hamburger__bar"></span> <span class="hamburger__bar"></span> </button> <nav class="nav" id="primary-nav" aria-label="Navegação principal" data-nav> <ul class="nav__list"> <li class="nav__item"> <a href="/agencia/" class="nav__link">
Agência
</a> </li> <!-- SOLUÇÕES (mega) --> <li class="nav__item nav__item--mega" data-mega> <button type="button" class="nav__trigger" data-mega-trigger aria-expanded="false" aria-controls="mega-solucoes">
Soluções
<svg class="nav__chev" viewBox="0 0 20 20" aria-hidden="true"><path d="M5 8l5 5 5-5" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path></svg> </button> <div class="mega" id="mega-solucoes" role="region" aria-label="Menu de Soluções"> <div class="container mega__grid"> <div class="mega__cols mega__cols--4"> <div class="mega__col"> <div class="mega__col-head"> <span class="mega__col-icon"><svg viewBox="0 0 24 24"><circle cx="11" cy="11" r="7" fill="none" stroke="currentColor" stroke-width="1.8"/><path d="M16 16l5 5" stroke="currentColor" stroke-width="1.8" stroke-linecap="round"/></svg></span> <h3>SEO &amp; Buscadores</h3> </div> <ul class="mega__col-list"> <li><a href="/solucoes/otimizacao-de-sites-seo/" class="mega__link">Otimização de Sites (SEO)</a></li><li><a href="/solucoes/seo-tecnico/" class="mega__link">SEO Técnico</a></li><li><a href="/solucoes/seo-local/" class="mega__link">SEO Local</a></li><li><a href="/solucoes/seo-para-e-commerce/" class="mega__link">SEO para E-commerce</a></li><li><a href="/solucoes/otimizacao-de-sites-rio-de-janeiro/" class="mega__link">SEO Rio de Janeiro</a></li> </ul> </div><div class="mega__col"> <div class="mega__col-head"> <span class="mega__col-icon"><svg viewBox="0 0 24 24"><rect x="3" y="5" width="18" height="14" rx="2.4" fill="none" stroke="currentColor" stroke-width="1.8"/><path d="M3 9h18" fill="none" stroke="currentColor" stroke-width="1.8"/></svg></span> <h3>Sites &amp; Desenvolvimento</h3> </div> <ul class="mega__col-list"> <li><a href="/solucoes/criacao-de-sites/" class="mega__link">Criação de Sites</a></li><li><a href="/solucoes/criacao-de-sites-em-wordpress/" class="mega__link">Sites em WordPress</a></li><li><a href="/solucoes/criacao-de-sites-responsivos/" class="mega__link">Sites Responsivos</a></li><li><a href="/solucoes/criacao-de-landing-page/" class="mega__link">Landing Pages</a></li><li><a href="/solucoes/otimizacao-de-velocidade-de-carregamento-do-site/" class="mega__link">Otimização de Velocidade</a></li><li><a href="/solucoes/hospedagem-de-sites/" class="mega__link">Hospedagem de Sites</a></li> </ul> </div><div class="mega__col"> <div class="mega__col-head"> <span class="mega__col-icon"><svg viewBox="0 0 24 24"><path d="M3 5h2l2.5 11h11l2-8H7" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linejoin="round"/><circle cx="9" cy="20" r="1.4" fill="currentColor"/><circle cx="17" cy="20" r="1.4" fill="currentColor"/></svg></span> <h3>Vendas &amp; Tráfego</h3> </div> <ul class="mega__col-list"> <li><a href="/solucoes/criacao-de-lojas-virtuais/" class="mega__link">Lojas Virtuais</a></li><li><a href="/solucoes/otimizacao-da-taxa-de-conversao-cro/" class="mega__link">Conversão (CRO)</a></li><li><a href="/solucoes/trafego-pago/" class="mega__link">Tráfego Pago</a></li><li><a href="/solucoes/servico-de-e-mail-marketing/" class="mega__link">E-mail Marketing</a></li><li><a href="/solucoes/gerenciamento-de-redes-sociais/" class="mega__link">Gestão de Redes Sociais</a></li> </ul> </div><div class="mega__col"> <div class="mega__col-head"> <span class="mega__col-icon"><svg viewBox="0 0 24 24"><path d="M12 3v6m0 6v6m-9-9h6m6 0h6M5 5l3.5 3.5M15.5 15.5L19 19M5 19l3.5-3.5M15.5 8.5L19 5" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round"/></svg></span> <h3>Estratégia &amp; Marca</h3> </div> <ul class="mega__col-list"> <li><a href="/solucoes/inbound-marketing/" class="mega__link">Inbound Marketing</a></li><li><a href="/solucoes/producao-de-conteudo/" class="mega__link">Produção de Conteúdo</a></li><li><a href="/solucoes/servico-de-marketing-digital/" class="mega__link">Marketing Digital Completo</a></li><li><a href="/solucoes/criacao-de-identidade-visual/" class="mega__link">Identidade Visual</a></li><li><a href="/solucoes/naming/" class="mega__link">Naming</a></li> </ul> </div> </div> <a class="mega__promo" href="/auditoria-de-seo/"> <span class="mega__promo-eyebrow">Gratuito</span> <strong>Auditoria de SEO em segundos</strong> <p>Cole sua URL e receba diagnóstico completo com 30+ checks + plano de ação priorizado.</p> <span class="mega__promo-cta"> Auditar meu site <svg viewBox="0 0 20 20" aria-hidden="true"><path d="M4 10h11M11 5l5 5-5 5" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path></svg> </span> </a> </div> <div class="mega__footer mega__footer--cities"> <span class="mega__cities"> <strong>Atendemos em:</strong> <a href="/solucoes/criacao-de-sites/belo-horizonte/">Belo Horizonte</a> <a href="/solucoes/criacao-de-sites/sao-paulo/">São Paulo</a> <a href="/solucoes/criacao-de-sites/rio-de-janeiro/">Rio de Janeiro</a> <a href="/solucoes/criacao-de-sites/curitiba/">Curitiba</a> <a href="/solucoes/criacao-de-sites/goiania/">Goiânia</a> <a href="/solucoes/criacao-de-sites/belem/">Belém</a> </span> <a class="mega__footer-link" href="/solucoes/">Ver todas as soluções →</a> </div> </div> </li> <li class="nav__item"> <a href="/portfolio/" class="nav__link">
Portfólio
</a> </li> <!-- PRODUTOS (mega dropdown) --> <li class="nav__item nav__item--mega" data-mega> <button type="button" class="nav__trigger" data-mega-trigger aria-expanded="false" aria-controls="mega-produtos">
Produtos
<span class="nav__new-badge">Novo</span> <svg class="nav__chev" viewBox="0 0 20 20" aria-hidden="true"><path d="M5 8l5 5 5-5" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path></svg> </button> <div class="mega mega--produtos" id="mega-produtos" role="region" aria-label="Menu de Produtos"> <div class="container mega-produtos__inner"> <div class="mega-produtos__head"> <span class="eyebrow"><span class="cc-dot"></span> Plataformas próprias</span> <h3>Software construído pela Cia</h3> <p>Produtos SaaS testados em centenas de clientes reais. Cada um resolve um problema crítico do marketing digital.</p> </div> <div class="mega-produtos__grid"> <a href="/produtos/ciaconverte/" class="mega-produto" style="--produto-accent: #ff5a1f;"> <span class="mega-produto__dot" aria-hidden="true"></span> <div class="mega-produto__body"> <div class="mega-produto__head"> <strong>ciaconverte</strong>  </div> <span class="mega-produto__cat">Conversão &amp; CRM</span> <p>Capture leads 24h por dia com IA</p> </div> <svg class="mega-produto__arrow" viewBox="0 0 20 20" width="16" height="16" aria-hidden="true"> <path d="M4 10h11M11 5l5 5-5 5" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path> </svg> </a><a href="/produtos/ciaserp/" class="mega-produto" style="--produto-accent: #3b82f6;"> <span class="mega-produto__dot" aria-hidden="true"></span> <div class="mega-produto__body"> <div class="mega-produto__head"> <strong>CiaSERP</strong>  </div> <span class="mega-produto__cat">SEO Platform</span> <p>Tudo para dominar o SEO</p> </div> <svg class="mega-produto__arrow" viewBox="0 0 20 20" width="16" height="16" aria-hidden="true"> <path d="M4 10h11M11 5l5 5-5 5" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path> </svg> </a><a href="/produtos/ciaconversao/" class="mega-produto" style="--produto-accent: #8b5cf6;"> <span class="mega-produto__dot" aria-hidden="true"></span> <div class="mega-produto__body"> <div class="mega-produto__head"> <strong>CiaConversão</strong>  </div> <span class="mega-produto__cat">Plugin WordPress</span> <p>Transforme visitas em vendas com 1 plugin</p> </div> <svg class="mega-produto__arrow" viewBox="0 0 20 20" width="16" height="16" aria-hidden="true"> <path d="M4 10h11M11 5l5 5-5 5" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path> </svg> </a><a href="https://trido.com.br/" class="mega-produto" style="--produto-accent: #22c55e;" target="_blank" rel="noopener"> <span class="mega-produto__dot" aria-hidden="true"></span> <div class="mega-produto__body"> <div class="mega-produto__head"> <strong>trido®</strong> <svg class="mega-produto__ext" viewBox="0 0 20 20" width="12" height="12" aria-hidden="true"> <path d="M7 4h9v9M16 4L8 12M5 8v8h8" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"></path> </svg> </div> <span class="mega-produto__cat">E-commerce</span> <p>Lojas virtuais que vendem todo dia</p> </div> <svg class="mega-produto__arrow" viewBox="0 0 20 20" width="16" height="16" aria-hidden="true"> <path d="M4 10h11M11 5l5 5-5 5" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path> </svg> </a> </div> </div> <div class="mega__footer"> <a class="mega__footer-link" href="/produtos/">Ver todos os produtos →</a> </div> </div> </li> <!-- FERRAMENTAS (mega) --> <li class="nav__item nav__item--mega" data-mega> <button type="button" class="nav__trigger" data-mega-trigger aria-expanded="false" aria-controls="mega-ferramentas">
Ferramentas
<svg class="nav__chev" viewBox="0 0 20 20" aria-hidden="true"><path d="M5 8l5 5 5-5" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path></svg> </button> <div class="mega" id="mega-ferramentas" role="region" aria-label="Menu de Ferramentas"> <div class="container mega__grid"> <div class="mega__cols mega__cols--3"> <div class="mega__col"> <div class="mega__col-head"> <span class="mega__col-icon"><svg viewBox="0 0 24 24"><circle cx="11" cy="11" r="7" fill="none" stroke="currentColor" stroke-width="1.8"/><path d="M16 16l5 5" stroke="currentColor" stroke-width="1.8" stroke-linecap="round"/></svg></span> <h3>Análise &amp; Performance</h3> </div> <ul class="mega__col-list"> <li><a href="/ferramentas-de-seo/teste-de-velocidade-de-site/" class="mega__link mega__link--tool"> <span class="mega__link-icon"><svg viewBox="0 0 24 24"><circle cx="12" cy="12" r="9" fill="none" stroke="currentColor" stroke-width="1.8"/></svg></span> Velocidade do site </a></li><li><a href="/ferramentas-de-seo/whois/" class="mega__link mega__link--tool"> <span class="mega__link-icon"><svg viewBox="0 0 24 24"><circle cx="12" cy="12" r="9" fill="none" stroke="currentColor" stroke-width="1.8"/></svg></span> Whois </a></li><li><a href="/ferramentas-de-seo/meu-ip/" class="mega__link mega__link--tool"> <span class="mega__link-icon"><svg viewBox="0 0 24 24"><circle cx="12" cy="12" r="9" fill="none" stroke="currentColor" stroke-width="1.8"/></svg></span> Descubra seu IP </a></li><li><a href="/ferramentas-de-seo/open-graph-preview/" class="mega__link mega__link--tool"> <span class="mega__link-icon"><svg viewBox="0 0 24 24"><circle cx="12" cy="12" r="9" fill="none" stroke="currentColor" stroke-width="1.8"/></svg></span> OG Preview </a></li> </ul> </div><div class="mega__col"> <div class="mega__col-head"> <span class="mega__col-icon"><svg viewBox="0 0 24 24"><path d="M3 12V4h8l10 10-8 8L3 12z" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linejoin="round"/><circle cx="7.5" cy="7.5" r="1.5" fill="currentColor"/></svg></span> <h3>Geradores</h3> </div> <ul class="mega__col-list"> <li><a href="/ferramentas-de-seo/gerador-de-meta-tags/" class="mega__link mega__link--tool"> <span class="mega__link-icon"><svg viewBox="0 0 24 24"><path d="M3 12V4h8l10 10-8 8L3 12z" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linejoin="round"/><circle cx="7.5" cy="7.5" r="1.5" fill="currentColor"/></svg></span> Meta tags </a></li><li><a href="/ferramentas-de-seo/gerador-de-schema-para-seo/" class="mega__link mega__link--tool"> <span class="mega__link-icon"><svg viewBox="0 0 24 24"><circle cx="12" cy="12" r="9" fill="none" stroke="currentColor" stroke-width="1.8"/></svg></span> Schema.org JSON-LD </a></li><li><a href="/ferramentas-de-seo/gerador-de-sitemap/" class="mega__link mega__link--tool"> <span class="mega__link-icon"><svg viewBox="0 0 24 24"><circle cx="12" cy="12" r="9" fill="none" stroke="currentColor" stroke-width="1.8"/></svg></span> Sitemap XML </a></li><li><a href="/ferramentas-de-seo/gerador-de-senhas/" class="mega__link mega__link--tool"> <span class="mega__link-icon"><svg viewBox="0 0 24 24"><circle cx="12" cy="12" r="9" fill="none" stroke="currentColor" stroke-width="1.8"/></svg></span> Senhas seguras </a></li><li><a href="/ferramentas-de-seo/encriptar-md5/" class="mega__link mega__link--tool"> <span class="mega__link-icon"><svg viewBox="0 0 24 24"><circle cx="12" cy="12" r="9" fill="none" stroke="currentColor" stroke-width="1.8"/></svg></span> Hash MD5/SHA </a></li><li><a href="/ferramentas-de-seo/gerador-de-utm/" class="mega__link mega__link--tool"> <span class="mega__link-icon"><svg viewBox="0 0 24 24"><circle cx="12" cy="12" r="9" fill="none" stroke="currentColor" stroke-width="1.8"/></svg></span> UTM parameters </a></li> </ul> </div><div class="mega__col"> <div class="mega__col-head"> <span class="mega__col-icon"><svg viewBox="0 0 24 24"><rect x="4" y="3" width="16" height="18" rx="2" fill="none" stroke="currentColor" stroke-width="1.8"/><path d="M8 7h8M8 12h2M12 12h2M16 12h.01M8 16h2M12 16h2M16 16h.01" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round"/></svg></span> <h3>Calculadoras &amp; Utilidades</h3> </div> <ul class="mega__col-list"> <li><a href="/ferramentas-de-seo/calculadora-de-custo-por-clique/" class="mega__link mega__link--tool"> <span class="mega__link-icon"><svg viewBox="0 0 24 24"><rect x="4" y="3" width="16" height="18" rx="2" fill="none" stroke="currentColor" stroke-width="1.8"/><path d="M8 7h8M8 12h2M12 12h2M16 12h.01M8 16h2M12 16h2M16 16h.01" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round"/></svg></span> CPC e ROAS </a></li><li><a href="/ferramentas-de-seo/contador-de-palavras/" class="mega__link mega__link--tool"> <span class="mega__link-icon"><svg viewBox="0 0 24 24"><circle cx="12" cy="12" r="9" fill="none" stroke="currentColor" stroke-width="1.8"/></svg></span> Contador de palavras </a></li><li><a href="/ferramentas-de-seo/densidade-de-palavras-chave/" class="mega__link mega__link--tool"> <span class="mega__link-icon"><svg viewBox="0 0 24 24"><circle cx="12" cy="12" r="9" fill="none" stroke="currentColor" stroke-width="1.8"/></svg></span> Densidade de keywords </a></li> </ul> </div> </div> <a class="mega__promo mega__promo--dark" href="/auditoria-de-seo/"> <span class="mega__promo-eyebrow">Central de SEO</span> <strong>Auditoria completa + 13 ferramentas</strong> <p>Tudo num lugar só: 30+ checks de SEO, geradores, calculadoras e mais.</p> <span class="mega__promo-cta"> Ir para Central <svg viewBox="0 0 20 20" aria-hidden="true"><path d="M4 10h11M11 5l5 5-5 5" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path></svg> </span> </a> </div> <div class="mega__footer"> <a class="mega__footer-link" href="/ferramentas-de-seo/">Ver todas as ferramentas →</a> </div> </div> </li> <!-- BLOG (mega) --> <li class="nav__item nav__item--mega" data-mega> <button type="button" class="nav__trigger" data-mega-trigger aria-expanded="false" aria-controls="mega-blog">
Blog
<svg class="nav__chev" viewBox="0 0 20 20" aria-hidden="true"><path d="M5 8l5 5 5-5" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path></svg> </button> <div class="mega" id="mega-blog" role="region" aria-label="Menu do Blog"> <div class="container mega__grid"> <div class="mega__cols mega__cols--4"> <div class="mega__col"> <div class="mega__col-head"> <span class="mega__col-icon"><svg viewBox="0 0 24 24"><circle cx="12" cy="12" r="9" fill="none" stroke="currentColor" stroke-width="1.8"/><path d="M15 9l-2 6-6 2 2-6 6-2z" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linejoin="round"/></svg></span> <h3>Marketing &amp; Estratégia</h3> </div> <ul class="mega__col-list"> <li><a href="/marketing-digital/" class="mega__link">Marketing Digital</a></li><li><a href="/marketing/" class="mega__link">Marketing</a></li><li><a href="/inbound-marketing/" class="mega__link">Inbound Marketing</a></li><li><a href="/marketing-de-conteudo/" class="mega__link">Marketing de Conteúdo</a></li> </ul> </div><div class="mega__col"> <div class="mega__col-head"> <span class="mega__col-icon"><svg viewBox="0 0 24 24"><circle cx="11" cy="11" r="7" fill="none" stroke="currentColor" stroke-width="1.8"/><path d="M16 16l5 5" stroke="currentColor" stroke-width="1.8" stroke-linecap="round"/></svg></span> <h3>SEO &amp; Tráfego</h3> </div> <ul class="mega__col-list"> <li><a href="/seo/" class="mega__link">SEO</a></li><li><a href="/trafego-pago/" class="mega__link">Tráfego Pago</a></li><li><a href="/otimizacao-de-sites/" class="mega__link">Otimização de Sites</a></li><li><a href="/cro/" class="mega__link">CRO</a></li> </ul> </div><div class="mega__col"> <div class="mega__col-head"> <span class="mega__col-icon"><svg viewBox="0 0 24 24"><rect x="3" y="5" width="18" height="14" rx="2.4" fill="none" stroke="currentColor" stroke-width="1.8"/><path d="M3 9h18" fill="none" stroke="currentColor" stroke-width="1.8"/></svg></span> <h3>Sites &amp; Vendas</h3> </div> <ul class="mega__col-list"> <li><a href="/sites/" class="mega__link">Sites</a></li><li><a href="/web-design/" class="mega__link">Web Design</a></li><li><a href="/e-commerce/" class="mega__link">E-commerce</a></li><li><a href="/vendas/" class="mega__link">Vendas</a></li> </ul> </div><div class="mega__col"> <div class="mega__col-head"> <span class="mega__col-icon"><svg viewBox="0 0 24 24"><path d="M12 3v6m0 6v6m-9-9h6m6 0h6M5 5l3.5 3.5M15.5 15.5L19 19M5 19l3.5-3.5M15.5 8.5L19 5" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round"/></svg></span> <h3>Outros temas</h3> </div> <ul class="mega__col-list"> <li><a href="/redes-sociais/" class="mega__link">Redes Sociais</a></li><li><a href="/empreendedorismo/" class="mega__link">Empreendedorismo</a></li><li><a href="/tecnologia/" class="mega__link">Tecnologia</a></li><li><a href="/dicas/" class="mega__link">Dicas</a></li> </ul> </div> </div> <a class="mega__promo" href="/contato/"> <span class="mega__promo-eyebrow">Newsletter</span> <strong>Receba os melhores conteúdos</strong> <p>Insights de SEO, marketing digital e tecnologia direto no seu e-mail.</p> <span class="mega__promo-cta"> Quero receber <svg viewBox="0 0 20 20" aria-hidden="true"><path d="M4 10h11M11 5l5 5-5 5" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path></svg> </span> </a> </div> <div class="mega__footer"> <a class="mega__footer-link" href="/marketing-digital/">Ver todos os artigos →</a> </div> </div> </li> <!-- GUIAS (dropdown simples) --> <li class="nav__item nav__item--dropdown" data-mega> <button type="button" class="nav__trigger" data-mega-trigger aria-expanded="false" aria-controls="dropdown-guias">
Guias
<svg class="nav__chev" viewBox="0 0 20 20" aria-hidden="true"><path d="M5 8l5 5 5-5" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path></svg> </button> <div class="nav-dropdown" id="dropdown-guias" role="region" aria-label="Menu de Guias"> <ul class="nav-dropdown__list"> <li><a href="/guias/" class="nav-dropdown__link">Todos os guias</a></li> <li><a href="/guias/comunicacao-visual-guia-completo/" class="nav-dropdown__link">Comunicação Visual</a></li> <li><a href="/guias/seo-o-que-e-guia-completo-de-seo/" class="nav-dropdown__link">SEO</a></li> </ul> </div> </li> <li class="nav__item"> <a href="/central-de-ajuda/" class="nav__link">
Ajuda
</a> </li> </ul> <!-- Mobile-only footer dentro do painel --> <div class="nav__mobile-footer"> <a class="btn btn--whatsapp" href="https://wa.me/5531984193563?text=Ol%C3%A1%21+Vim+pelo+site+da+Ciaweb+e+gostaria+de+saber+mais+sobre+os+servi%C3%A7os+de+marketing+digital." target="_blank" rel="noopener"> <svg viewBox="0 0 24 24" aria-hidden="true"><path d="M19.05 4.91A10 10 0 002 12c0 1.76.47 3.41 1.28 4.84L2 22l5.34-1.25A10 10 0 0022 12a9.93 9.93 0 00-2.95-7.09zM12 20.13a8.18 8.18 0 01-4.16-1.13l-.3-.18-3.07.72.66-3.07-.2-.31A8.13 8.13 0 1112 20.13z" fill="currentColor"></path></svg>
Falar no WhatsApp
</a> <a class="btn btn--primary" href="/proposta/">Solicitar orçamento</a> </div> </nav> <a class="header-cta" href="/proposta/" title="Solicitar orçamento sem compromisso">Orçamento</a> </div> <!-- Backdrop dos mega menus (cobre toda a página) --> <div class="mega-backdrop" data-mega-backdrop aria-hidden="true"></div> </header> <script>
  (function () {
    const header = document.querySelector('.site-header');
    const nav = document.querySelector('[data-nav]');
    const backdrop = document.querySelector('[data-mega-backdrop]');
    const hamburger = document.querySelector('[data-mobile-toggle]');
    const triggers = Array.from(document.querySelectorAll('[data-mega-trigger]'));
    if (!header || !nav) return;

    const isDesktop = () => window.matchMedia('(min-width: 1024px)').matches;

    let openMega = null;
    let hoverTimeout = null;

    function closeAllMegas() {
      header.classList.remove('site-header--mega-open');
      triggers.forEach((t) => {
        t.setAttribute('aria-expanded', 'false');
        t.parentElement?.classList.remove('is-open');
      });
      openMega = null;
    }

    function openMegaItem(item, trigger) {
      // Fecha qualquer outro aberto antes
      triggers.forEach((t) => {
        if (t !== trigger) {
          t.setAttribute('aria-expanded', 'false');
          t.parentElement?.classList.remove('is-open');
        }
      });
      trigger.setAttribute('aria-expanded', 'true');
      item.classList.add('is-open');
      header.classList.add('site-header--mega-open');
      openMega = item;
    }

    // Desktop: hover
    triggers.forEach((trigger) => {
      const item = trigger.closest('[data-mega]');
      if (!item) return;

      item.addEventListener('mouseenter', () => {
        if (!isDesktop()) return;
        clearTimeout(hoverTimeout);
        openMegaItem(item, trigger);
      });
      item.addEventListener('mouseleave', () => {
        if (!isDesktop()) return;
        hoverTimeout = setTimeout(() => {
          if (openMega === item) closeAllMegas();
        }, 150);
      });

      // Click no trigger (mobile + a11y desktop)
      trigger.addEventListener('click', (e) => {
        e.preventDefault();
        const isOpen = item.classList.contains('is-open');
        if (isOpen) {
          closeAllMegas();
        } else {
          openMegaItem(item, trigger);
        }
      });
    });

    // ESC fecha tudo
    document.addEventListener('keydown', (e) => {
      if (e.key === 'Escape') {
        if (openMega) closeAllMegas();
        if (nav.classList.contains('is-open')) toggleMobile(false);
      }
    });

    // Click fora fecha
    document.addEventListener('click', (e) => {
      if (!openMega) return;
      if (!header.contains(e.target)) closeAllMegas();
    });

    // Mobile toggle
    function toggleMobile(force) {
      const isOpen = nav.classList.contains('is-open');
      const next = typeof force === 'boolean' ? force : !isOpen;
      nav.classList.toggle('is-open', next);
      hamburger.setAttribute('aria-expanded', next ? 'true' : 'false');
      hamburger.setAttribute('aria-label', next ? 'Fechar menu de navegação' : 'Abrir menu de navegação');
      document.body.classList.toggle('nav-locked', next);
      if (!next) closeAllMegas();
    }
    if (hamburger) {
      hamburger.addEventListener('click', () => toggleMobile());
    }

    // Resize: fecha tudo se voltar pra desktop
    let resizeTimer;
    window.addEventListener('resize', () => {
      clearTimeout(resizeTimer);
      resizeTimer = setTimeout(() => {
        if (isDesktop() && nav.classList.contains('is-open')) toggleMobile(false);
        if (!isDesktop() && openMega) {
          // No mobile, fecha o backdrop pesado mas mantém o accordion aberto
          header.classList.remove('site-header--mega-open');
        }
      }, 150);
    });
  })();
</script> <div id="conteudo">  <main class="home-page"> <!-- HERO --> <section class="hero"> <div class="hero__bg" aria-hidden="true"> <div class="hero__glow hero__glow--1"></div> <div class="hero__glow hero__glow--2"></div> <div class="hero__grid-overlay"></div> </div> <div class="container hero__inner"> <div class="hero__copy"> <span class="pill pill--brand"> <span class="pill__dot"></span>
Agência digital com 21 anos de mercado
</span> <h1 class="hero__title">
Marketing digital que transforma <span class="text-grad">tráfego em receita</span>.
</h1> <p class="hero__lead">
Do crescimento orgânico no Google à geração estratégica de leads e construção de sites de alta performance — a ciaweb entrega o ecossistema digital completo para empresas que querem crescer com previsibilidade.
</p> <div class="hero__actions"> <a class="btn btn--primary" href="/proposta/">
Solicitar proposta gratuita
<svg viewBox="0 0 20 20" aria-hidden="true"><path d="M4 10h11M11 5l5 5-5 5" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path></svg> </a> <a class="btn btn--ghost" href="/portfolio/">Ver cases de sucesso</a> </div> <ul class="hero__trust"> <li><svg viewBox="0 0 20 20" aria-hidden="true"><path d="M5 10l3 3 7-7" fill="none" stroke="currentColor" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round"></path></svg> Especialistas certificados Google</li> <li><svg viewBox="0 0 20 20" aria-hidden="true"><path d="M5 10l3 3 7-7" fill="none" stroke="currentColor" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round"></path></svg> Atendimento dedicado</li> <li><svg viewBox="0 0 20 20" aria-hidden="true"><path d="M5 10l3 3 7-7" fill="none" stroke="currentColor" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round"></path></svg> Relatórios mensais transparentes</li> </ul> </div> <div class="hero__visual" aria-hidden="true"> <div class="dashboard"> <div class="dashboard__top"> <span class="dashboard__dot"></span> <span class="dashboard__dot"></span> <span class="dashboard__dot"></span> <span class="dashboard__url">ciawebsites.com.br/painel</span> </div> <div class="dashboard__body"> <div class="dashboard__row"> <div class="dashboard__metric"> <span class="dashboard__metric-label">Tráfego orgânico</span> <span class="dashboard__metric-value">+248%</span> <span class="dashboard__metric-trend up">▲ 12 meses</span> </div> <div class="dashboard__metric"> <span class="dashboard__metric-label">Leads qualificados</span> <span class="dashboard__metric-value">3.892</span> <span class="dashboard__metric-trend up">▲ 38% MoM</span> </div> </div> <div class="dashboard__chart"> <svg viewBox="0 0 320 120" preserveAspectRatio="none"> <defs> <linearGradient id="g1" x1="0" y1="0" x2="0" y2="1"> <stop offset="0" stop-color="#ff5a1f" stop-opacity="0.45"></stop> <stop offset="1" stop-color="#ff5a1f" stop-opacity="0"></stop> </linearGradient> </defs> <path d="M0,90 C40,80 60,70 90,60 C120,52 145,55 175,42 C205,30 230,28 260,18 C285,12 305,8 320,5 L320,120 L0,120 Z" fill="url(#g1)"></path> <path d="M0,90 C40,80 60,70 90,60 C120,52 145,55 175,42 C205,30 230,28 260,18 C285,12 305,8 320,5" fill="none" stroke="#ff5a1f" stroke-width="2.5"></path> </svg> </div> <div class="dashboard__bars"> <span style="height:38%"></span> <span style="height:52%"></span> <span style="height:45%"></span> <span style="height:68%"></span> <span style="height:74%"></span> <span style="height:88%"></span> <span style="height:96%"></span> </div> </div> </div> <div class="float-card float-card--rank"> <div class="float-card__icon"> <svg viewBox="0 0 24 24" aria-hidden="true"><circle cx="11" cy="11" r="7" fill="none" stroke="currentColor" stroke-width="2.4"></circle><path d="M16 16l4 4" stroke="currentColor" stroke-width="2.4" stroke-linecap="round"></path></svg> </div> <div> <strong>1ª posição</strong> <span>+ 32 palavras-chave</span> </div> </div> <div class="float-card float-card--roi"> <div class="float-card__icon float-card__icon--gold"> <svg viewBox="0 0 24 24" aria-hidden="true"><path d="M4 17l5-5 4 4 7-9" fill="none" stroke="currentColor" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round"></path></svg> </div> <div> <strong>ROAS 8.4x</strong> <span>Campanha Q3</span> </div> </div> </div> </div> </section> <!-- STATS --> <section class="stats"> <div class="container"> <div class="stats__grid"> <div class="stat"> <span class="stat__value">R$ 38M+</span> <span class="stat__label">em receita gerada para clientes</span> </div><div class="stat"> <span class="stat__value">1.250+</span> <span class="stat__label">projetos digitais entregues</span> </div><div class="stat"> <span class="stat__value">21 anos</span> <span class="stat__label">de experiência em performance</span> </div><div class="stat"> <span class="stat__value">94%</span> <span class="stat__label">de retenção média de clientes</span> </div> </div> </div> </section> <!-- SERVICES --> <section class="section section--services"> <div class="container"> <div class="section-head"> <span class="eyebrow">Soluções de marketing digital</span> <h2>Um ecossistema digital completo para a sua empresa <span class="text-grad">vender mais</span>.</h2> <p>
Cada serviço foi desenhado para se conectar aos demais. Site, conteúdo, SEO e mídia trabalhando juntos, dentro de uma estratégia única — orientada por dados e pelo seu modelo de negócio.
</p> </div> <div class="services"> <a class="service" href="/solucoes/criacao-de-sites/"> <span class="service__icon service__icon--browser"> <svg viewBox="0 0 24 24"><rect x="3" y="5" width="18" height="14" rx="2.4" fill="none" stroke="currentColor" stroke-width="1.8"></rect><path d="M3 9h18" fill="none" stroke="currentColor" stroke-width="1.8"></path></svg>      </span> <span class="service__metric">UX + conversão</span> <h3>Criação de sites</h3> <p>Sites rápidos, responsivos e pensados para transformar visitantes em oportunidades reais de negócio.</p> <span class="service__arrow"> <svg viewBox="0 0 20 20"><path d="M4 10h11M11 5l5 5-5 5" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path></svg>
Conhecer
</span> </a><a class="service" href="/solucoes/otimizacao-de-sites-seo/"> <span class="service__icon service__icon--search">  <svg viewBox="0 0 24 24"><circle cx="11" cy="11" r="7" fill="none" stroke="currentColor" stroke-width="1.8"></circle><path d="M16 16l5 5" stroke="currentColor" stroke-width="1.8" stroke-linecap="round"></path></svg>     </span> <span class="service__metric">Tráfego orgânico</span> <h3>Otimização de sites (SEO)</h3> <p>Arquitetura, conteúdo e técnica trabalhando juntos para conquistar as primeiras posições do Google.</p> <span class="service__arrow"> <svg viewBox="0 0 20 20"><path d="M4 10h11M11 5l5 5-5 5" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path></svg>
Conhecer
</span> </a><a class="service" href="/solucoes/trafego-pago/"> <span class="service__icon service__icon--target">   <svg viewBox="0 0 24 24"><circle cx="12" cy="12" r="9" fill="none" stroke="currentColor" stroke-width="1.8"></circle><circle cx="12" cy="12" r="5" fill="none" stroke="currentColor" stroke-width="1.8"></circle><circle cx="12" cy="12" r="1.6" fill="currentColor"></circle></svg>    </span> <span class="service__metric">Mídia com ROI</span> <h3>Serviço de Tráfego pago</h3> <p>Campanhas guiadas por dados, com páginas de destino otimizadas e foco no retorno por real investido.</p> <span class="service__arrow"> <svg viewBox="0 0 20 20"><path d="M4 10h11M11 5l5 5-5 5" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path></svg>
Conhecer
</span> </a><a class="service" href="/solucoes/criacao-de-lojas-virtuais/"> <span class="service__icon service__icon--cart">    <svg viewBox="0 0 24 24"><path d="M3 5h2l2.5 11h11l2-8H7" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linejoin="round"></path><circle cx="9" cy="20" r="1.4" fill="currentColor"></circle><circle cx="17" cy="20" r="1.4" fill="currentColor"></circle></svg>   </span> <span class="service__metric">Venda online</span> <h3>Criação de lojas virtuais | trido®</h3> <p>E-commerces com navegação clara, performance enterprise e base técnica preparada para escalar.</p> <span class="service__arrow"> <svg viewBox="0 0 20 20"><path d="M4 10h11M11 5l5 5-5 5" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path></svg>
Conhecer
</span> </a><a class="service" href="/solucoes/otimizacao-de-sites-seo/"> <span class="service__icon service__icon--speed">     <svg viewBox="0 0 24 24"><path d="M5 19a8 8 0 1114 0" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round"></path><path d="M12 19l4-7" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round"></path></svg>  </span> <span class="service__metric">Core Web Vitals</span> <h3>Otimização de sites (SEO)</h3> <p>Core Web Vitals, velocidade de carregamento e acessibilidade tratados como prioridade de receita.</p> <span class="service__arrow"> <svg viewBox="0 0 20 20"><path d="M4 10h11M11 5l5 5-5 5" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path></svg>
Conhecer
</span> </a><a class="service" href="/agencia/"> <span class="service__icon service__icon--compass">      <svg viewBox="0 0 24 24"><circle cx="12" cy="12" r="9" fill="none" stroke="currentColor" stroke-width="1.8"></circle><path d="M15 9l-2 6-6 2 2-6 6-2z" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linejoin="round"></path></svg> </span> <span class="service__metric">Estratégia digital</span> <h3>Consultoria estratégica</h3> <p>Diagnóstico, planejamento e acompanhamento contínuo para escalar a presença digital com previsibilidade.</p> <span class="service__arrow"> <svg viewBox="0 0 20 20"><path d="M4 10h11M11 5l5 5-5 5" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path></svg>
Conhecer
</span> </a> </div> </div> </section> <!-- PILLARS / WHY --> <section class="section section--pillars"> <div class="container pillars"> <div class="pillars__intro"> <span class="eyebrow">Por que a ciaweb</span> <h2>Mais que uma agência — um time de <span class="text-grad">crescimento digital</span>.</h2> <p>
Combinamos design, tecnologia e estratégia para entregar resultados que aparecem no caixa, não só no relatório. Trabalhamos lado a lado com o seu time, com transparência e foco em ROI.
</p> <a class="text-link" href="/agencia/">
Conhecer a agência
<svg viewBox="0 0 20 20" aria-hidden="true"><path d="M4 10h11M11 5l5 5-5 5" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path></svg> </a> </div> <div class="pillars__list"> <div class="pillar"> <span class="pillar__num">01</span> <h3>Estratégia antes do pixel</h3> <p>Cada projeto começa com diagnóstico de negócio, público e concorrência. Design é consequência de uma decisão, não acaso.</p> </div><div class="pillar"> <span class="pillar__num">02</span> <h3>Tecnologia de alto desempenho</h3> <p>Arquitetura moderna em Astro e WordPress headless, focada em velocidade, SEO técnico e Core Web Vitals.</p> </div><div class="pillar"> <span class="pillar__num">03</span> <h3>Mensuração transparente</h3> <p>Relatórios objetivos, com indicadores que conversam com o seu comercial — não vaidade de impressões.</p> </div><div class="pillar"> <span class="pillar__num">04</span> <h3>Parceria de longo prazo</h3> <p>Não somos um fornecedor por sprint. Construímos relacionamento, contexto e melhoria contínua.</p> </div> </div> </div> </section> <!-- CASES --> <section class="section section--cases"> <div class="container"> <div class="section-head section-head--split"> <div> <span class="eyebrow">Cases de sucesso</span> <h2>Projetos com contexto, estratégia e resultado <span class="text-grad">mensurável</span>.</h2> </div> <a class="btn btn--dark" href="/portfolio/">Ver portfólio completo</a> </div> <div class="cases"> <a class="case" href="/portfolio/floriza/"> <div class="case__visual case__visual--1 case__visual--photo" style="background-image: url('/wp-content/uploads/2024/05/Floriza03.webp')"> <span class="case__tag">E-commerce + SEO</span> <div class="case__metric"> <strong>+142%</strong> <span>em contatos gerados</span> </div> </div> <div class="case__body"> <h3>Floriza</h3> <p>Vitrine renovada e estrutura preparada para escalar contatos qualificados.</p> <span class="case__cta">
Ver case
<svg viewBox="0 0 20 20" aria-hidden="true"><path d="M4 10h11M11 5l5 5-5 5" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path></svg> </span> </div> </a><a class="case" href="/portfolio/velozes-e-curiosos/"> <div class="case__visual case__visual--2 case__visual--photo" style="background-image: url('/wp-content/uploads/2023/09/mobile-velozes03.webp')"> <span class="case__tag">Conteúdo + SEO</span> <div class="case__metric"> <strong>+86k</strong> <span>sessões orgânicas/mês</span> </div> </div> <div class="case__body"> <h3>Velozes e curiosos</h3> <p>Projeto editorial com crescimento orgânico contínuo e estrutura pronta para monetização.</p> <span class="case__cta">
Ver case
<svg viewBox="0 0 20 20" aria-hidden="true"><path d="M4 10h11M11 5l5 5-5 5" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path></svg> </span> </div> </a><a class="case" href="/portfolio/viva-chile/"> <div class="case__visual case__visual--3 case__visual--photo" style="background-image: url('/wp-content/uploads/2024/07/Viva-02.webp')"> <span class="case__tag">Turismo + UX</span> <div class="case__metric"> <strong>3.2x</strong> <span>taxa de conversão</span> </div> </div> <div class="case__body"> <h3>Viva Chile</h3> <p>Experiência digital mais clara e funil otimizado para transformar interesse em reserva.</p> <span class="case__cta">
Ver case
<svg viewBox="0 0 20 20" aria-hidden="true"><path d="M4 10h11M11 5l5 5-5 5" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path></svg> </span> </div> </a> </div> </div> </section> <!-- PROCESS --> <section class="section section--process"> <div class="container process"> <div class="process__intro"> <span class="eyebrow">Método Cia</span> <h2>Um processo claro, do <span class="text-grad">diagnóstico ao resultado</span>.</h2> <p>
Trabalhamos com etapas bem definidas. Você sabe o que está sendo feito, por quê e para onde estamos indo. Sem caixa-preta, sem promessas vazias.
</p> </div> <ol class="process__steps"> <li> <span class="process__step">01</span> <h3>Diagnóstico</h3> <p>Entendimento profundo de público, oferta, concorrência e SEO atual do seu negócio.</p> </li> <li> <span class="process__step">02</span> <h3>Arquitetura</h3> <p>Mapa de páginas, conteúdo, CTAs e caminhos de conversão pensados estrategicamente.</p> </li> <li> <span class="process__step">03</span> <h3>Design & Dev</h3> <p>Interface rápida, responsiva, acessível e fiel à identidade da sua marca.</p> </li> <li> <span class="process__step">04</span> <h3>Otimização contínua</h3> <p>Dados, conteúdo e ajustes recorrentes para melhorar resultados ao longo do tempo.</p> </li> </ol> </div> </section> <!-- TESTIMONIALS --> <section class="section section--testi"> <div class="container"> <div class="section-head section-head--center"> <span class="eyebrow">Quem confia</span> <h2>Empresas que crescem com a <span class="text-grad">ciaweb</span>.</h2> </div> <div class="testi"> <figure class="testi__card"> <div class="testi__stars" aria-hidden="true"> <svg viewBox="0 0 20 20"><path d="M10 1.6l2.6 5.2 5.7.8-4.1 4 1 5.7L10 14.7l-5.2 2.7 1-5.7-4.1-4 5.7-.8z" fill="currentColor"></path></svg> <svg viewBox="0 0 20 20"><path d="M10 1.6l2.6 5.2 5.7.8-4.1 4 1 5.7L10 14.7l-5.2 2.7 1-5.7-4.1-4 5.7-.8z" fill="currentColor"></path></svg> <svg viewBox="0 0 20 20"><path d="M10 1.6l2.6 5.2 5.7.8-4.1 4 1 5.7L10 14.7l-5.2 2.7 1-5.7-4.1-4 5.7-.8z" fill="currentColor"></path></svg> <svg viewBox="0 0 20 20"><path d="M10 1.6l2.6 5.2 5.7.8-4.1 4 1 5.7L10 14.7l-5.2 2.7 1-5.7-4.1-4 5.7-.8z" fill="currentColor"></path></svg> <svg viewBox="0 0 20 20"><path d="M10 1.6l2.6 5.2 5.7.8-4.1 4 1 5.7L10 14.7l-5.2 2.7 1-5.7-4.1-4 5.7-.8z" fill="currentColor"></path></svg> </div> <blockquote>"A ciaweb entregou muito além de um site bonito. Construíram a base digital do nosso comercial."</blockquote> <figcaption> <span class="testi__avatar">D</span> <span> <strong>Diretor Comercial</strong> <em>Indústria B2B</em> </span> </figcaption> </figure><figure class="testi__card"> <div class="testi__stars" aria-hidden="true"> <svg viewBox="0 0 20 20"><path d="M10 1.6l2.6 5.2 5.7.8-4.1 4 1 5.7L10 14.7l-5.2 2.7 1-5.7-4.1-4 5.7-.8z" fill="currentColor"></path></svg> <svg viewBox="0 0 20 20"><path d="M10 1.6l2.6 5.2 5.7.8-4.1 4 1 5.7L10 14.7l-5.2 2.7 1-5.7-4.1-4 5.7-.8z" fill="currentColor"></path></svg> <svg viewBox="0 0 20 20"><path d="M10 1.6l2.6 5.2 5.7.8-4.1 4 1 5.7L10 14.7l-5.2 2.7 1-5.7-4.1-4 5.7-.8z" fill="currentColor"></path></svg> <svg viewBox="0 0 20 20"><path d="M10 1.6l2.6 5.2 5.7.8-4.1 4 1 5.7L10 14.7l-5.2 2.7 1-5.7-4.1-4 5.7-.8z" fill="currentColor"></path></svg> <svg viewBox="0 0 20 20"><path d="M10 1.6l2.6 5.2 5.7.8-4.1 4 1 5.7L10 14.7l-5.2 2.7 1-5.7-4.1-4 5.7-.8z" fill="currentColor"></path></svg> </div> <blockquote>"O SEO técnico fez nosso tráfego orgânico crescer mês a mês. Hoje é o canal mais previsível da empresa."</blockquote> <figcaption> <span class="testi__avatar">G</span> <span> <strong>Gerente de Marketing</strong> <em>E-commerce nacional</em> </span> </figcaption> </figure><figure class="testi__card"> <div class="testi__stars" aria-hidden="true"> <svg viewBox="0 0 20 20"><path d="M10 1.6l2.6 5.2 5.7.8-4.1 4 1 5.7L10 14.7l-5.2 2.7 1-5.7-4.1-4 5.7-.8z" fill="currentColor"></path></svg> <svg viewBox="0 0 20 20"><path d="M10 1.6l2.6 5.2 5.7.8-4.1 4 1 5.7L10 14.7l-5.2 2.7 1-5.7-4.1-4 5.7-.8z" fill="currentColor"></path></svg> <svg viewBox="0 0 20 20"><path d="M10 1.6l2.6 5.2 5.7.8-4.1 4 1 5.7L10 14.7l-5.2 2.7 1-5.7-4.1-4 5.7-.8z" fill="currentColor"></path></svg> <svg viewBox="0 0 20 20"><path d="M10 1.6l2.6 5.2 5.7.8-4.1 4 1 5.7L10 14.7l-5.2 2.7 1-5.7-4.1-4 5.7-.8z" fill="currentColor"></path></svg> <svg viewBox="0 0 20 20"><path d="M10 1.6l2.6 5.2 5.7.8-4.1 4 1 5.7L10 14.7l-5.2 2.7 1-5.7-4.1-4 5.7-.8z" fill="currentColor"></path></svg> </div> <blockquote>"Time consultivo, transparente e sempre olhando para o resultado de negócio — não só métricas de vaidade."</blockquote> <figcaption> <span class="testi__avatar">C</span> <span> <strong>CEO</strong> <em>Startup de serviços</em> </span> </figcaption> </figure> </div> </div> </section> <!-- TECH BAND --> <section class="tech-band"> <div class="container"> <p>Tecnologias e plataformas que usamos no dia a dia</p> <div class="tech-band__list"> <span>Astro</span><span>WordPress</span><span>GA4</span><span>Search Console</span><span>Google Ads</span><span>Meta Ads</span><span>Tag Manager</span><span>Looker Studio</span> </div> </div> </section> <!-- BLOG --> <section class="section section--blog"> <div class="container"> <div class="section-head section-head--split"> <div> <span class="eyebrow">Insights</span> <h2>Conteúdo para você crescer com <span class="text-grad">mais inteligência</span>.</h2> </div> <a class="btn btn--ghost" href="/marketing-digital/">Ver todos os artigos</a> </div> <div class="blog"> <a class="post" href="/seo/guia-completo-texto-ancora-seo/"> <div class="post__media"> <picture><source srcset="/wp-content/uploads/2026/04/media-69e3d137e77be.webp" type="image/webp"><img src="/wp-content/uploads/2026/04/media-69e3d137e77be.png" alt width="1632" height="736" loading="lazy" decoding="async"></picture> </div> <div class="post__body"> <span class="post__cat">SEO</span> <h3>O que é Texto Âncora? Seu Guia Completo para SEO</h3>  <span class="post__cta">
Ler artigo
<svg viewBox="0 0 20 20" aria-hidden="true"><path d="M4 10h11M11 5l5 5-5 5" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path></svg> </span> </div> </a><a class="post" href="/seo/guia-seo-7-passos-para-iniciantes/"> <div class="post__media"> <picture><source srcset="/wp-content/uploads/2026/04/ciaweb-scaled.webp" type="image/webp"><img src="/wp-content/uploads/2026/04/ciaweb-scaled.jpg" alt width="2560" height="1707" loading="lazy" decoding="async"></picture> </div> <div class="post__body"> <span class="post__cat">SEO</span> <h3>Guia Completo: 7 Passos para Melhores Rankings no SEO</h3>  <span class="post__cta">
Ler artigo
<svg viewBox="0 0 20 20" aria-hidden="true"><path d="M4 10h11M11 5l5 5-5 5" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path></svg> </span> </div> </a><a class="post" href="/dicas/marketing-digital-em-2026-tendencias/"> <div class="post__media"> <picture><source srcset="/wp-content/uploads/2025/06/automacao-marketing-IA-1.webp" type="image/webp"><img src="/wp-content/uploads/2025/06/automacao-marketing-IA-1.jpeg" alt width="1344" height="768" loading="lazy" decoding="async"></picture> </div> <div class="post__body"> <span class="post__cat">Dicas</span> <h3>Marketing digital em 2026 - tendências</h3>  <span class="post__cta">
Ler artigo
<svg viewBox="0 0 20 20" aria-hidden="true"><path d="M4 10h11M11 5l5 5-5 5" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path></svg> </span> </div> </a> </div> </div> </section> <!-- BIG CTA --> <section class="big-cta"> <div class="container big-cta__inner"> <div class="big-cta__bg" aria-hidden="true"> <div class="big-cta__glow"></div> </div> <div class="big-cta__copy"> <span class="eyebrow eyebrow--light">Vamos crescer juntos?</span> <h2>Sua próxima fase digital <span class="text-grad-light">começa aqui</span>.</h2> <p>Receba um diagnóstico gratuito do seu site, SEO e funil de conversão — e descubra os caminhos mais rápidos para escalar resultados.</p> </div> <div class="big-cta__actions"> <a class="btn btn--primary btn--lg" href="/proposta/">
Solicitar diagnóstico gratuito
<svg viewBox="0 0 20 20" aria-hidden="true"><path d="M4 10h11M11 5l5 5-5 5" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path></svg> </a> <a class="btn btn--outline-light" href="/contato/">Falar com especialista</a> </div> </div> </section> </main>  </div> <footer class="site-footer"> <div class="container site-footer__grid"> <div class="site-footer__brand"> <a class="site-footer__logo" href="/" aria-label="ciaweb"> <img src="/wp-content/uploads/2023/10/ciaweb.svg" alt="ciaweb — Agência de marketing digital" width="168" height="44" loading="lazy"> </a> <p class="site-footer__about">
Agência de marketing digital com 21 anos de mercado. Criamos sites, fazemos SEO, gerenciamos tráfego pago e construímos a presença digital de empresas que querem crescer com previsibilidade.
</p> <address class="site-footer__nap" itemscope itemtype="https://schema.org/Organization"> <span itemprop="name" style="display:none">ciaweb</span> <p> <strong>Telefone / WhatsApp:</strong><br> <a href="https://wa.me/5531984193563?text=Ol%C3%A1%21+Vim+pelo+site+da+Ciaweb+e+gostaria+de+saber+mais+sobre+os+servi%C3%A7os+de+marketing+digital." target="_blank" rel="noopener" itemprop="telephone">+55 (31) 98419-3563</a> </p> <p> <strong>E-mail:</strong><br> <a href="/cdn-cgi/l/email-protection#21424e4f5540554e6142484056444352485544520f424e4c0f4353" itemprop="email"><span class="__cf_email__" data-cfemail="6e0d01001a0f1a012e0d070f190b0c1d071a0b1d400d0103400c1c">[email&#160;protected]</span></a> </p> <p> <strong>Atendimento:</strong><br>
Segunda a sexta, 9h às 18h
</p> </address> <div class="site-footer__social" aria-label="Redes sociais"> <a href="https://www.facebook.com/ciawebsites" target="_blank" rel="noopener" aria-label="Facebook da ciaweb"> <svg viewBox="0 0 24 24" aria-hidden="true"><path d="M22 12a10 10 0 10-11.56 9.88v-6.99H7.9V12h2.54V9.8c0-2.51 1.49-3.89 3.78-3.89 1.09 0 2.24.2 2.24.2v2.46h-1.26c-1.24 0-1.63.77-1.63 1.56V12h2.77l-.44 2.89h-2.33v6.99A10 10 0 0022 12z" fill="currentColor"></path></svg> </a> <a href="https://www.instagram.com/ciawebsites/" target="_blank" rel="noopener" aria-label="Instagram da ciaweb"> <svg viewBox="0 0 24 24" aria-hidden="true"><path d="M12 2.2c3.2 0 3.6 0 4.8.07 1.18.05 1.82.25 2.25.42.57.21.97.47 1.4.9.43.43.69.83.9 1.4.17.43.37 1.07.42 2.25.06 1.2.07 1.6.07 4.8s0 3.6-.07 4.8c-.05 1.18-.25 1.82-.42 2.25a3.8 3.8 0 01-.9 1.4 3.8 3.8 0 01-1.4.9c-.43.17-1.07.37-2.25.42-1.2.06-1.6.07-4.8.07s-3.6 0-4.8-.07c-1.18-.05-1.82-.25-2.25-.42a3.8 3.8 0 01-1.4-.9 3.8 3.8 0 01-.9-1.4c-.17-.43-.37-1.07-.42-2.25C2.2 15.6 2.2 15.2 2.2 12s0-3.6.07-4.8c.05-1.18.25-1.82.42-2.25.21-.57.47-.97.9-1.4.43-.43.83-.69 1.4-.9.43-.17 1.07-.37 2.25-.42C8.4 2.2 8.8 2.2 12 2.2zm0 1.96c-3.15 0-3.52 0-4.74.07-1.07.05-1.65.23-2.04.38-.51.2-.88.44-1.27.83-.39.39-.63.76-.83 1.27-.15.39-.33.97-.38 2.04C2.67 8.48 2.66 8.85 2.66 12s0 3.52.08 4.74c.05 1.07.23 1.65.38 2.04.2.51.44.88.83 1.27.39.39.76.63 1.27.83.39.15.97.33 2.04.38 1.22.08 1.59.08 4.74.08s3.52 0 4.74-.08c1.07-.05 1.65-.23 2.04-.38.51-.2.88-.44 1.27-.83.39-.39.63-.76.83-1.27.15-.39.33-.97.38-2.04.08-1.22.08-1.59.08-4.74s0-3.52-.08-4.74c-.05-1.07-.23-1.65-.38-2.04-.2-.51-.44-.88-.83-1.27a3.42 3.42 0 00-1.27-.83c-.39-.15-.97-.33-2.04-.38-1.22-.07-1.59-.07-4.74-.07zm0 3.34a4.5 4.5 0 110 9 4.5 4.5 0 010-9zm0 7.42a2.92 2.92 0 100-5.84 2.92 2.92 0 000 5.84zm5.73-7.6a1.05 1.05 0 11-2.1 0 1.05 1.05 0 012.1 0z" fill="currentColor"></path></svg> </a> <a href="https://www.linkedin.com/company/ciawebsites/" target="_blank" rel="noopener" aria-label="LinkedIn da ciaweb"> <svg viewBox="0 0 24 24" aria-hidden="true"><path d="M4.98 3.5C4.98 4.88 3.87 6 2.5 6S0 4.88 0 3.5C0 2.12 1.12 1 2.5 1s2.48 1.12 2.48 2.5zM.22 8h4.56v14H.22V8zm7.27 0h4.36v2h.06c.61-1.15 2.09-2.36 4.31-2.36 4.61 0 5.46 3.03 5.46 6.98V22h-4.55v-6.62c0-1.58-.03-3.62-2.21-3.62-2.21 0-2.55 1.72-2.55 3.5V22H7.49V8z" fill="currentColor"></path></svg> </a> <a href="https://www.youtube.com/@ciawebsites" target="_blank" rel="noopener" aria-label="YouTube da ciaweb"> <svg viewBox="0 0 24 24" aria-hidden="true"><path d="M23.5 6.2a3.02 3.02 0 00-2.13-2.13C19.5 3.55 12 3.55 12 3.55s-7.5 0-9.37.52A3.02 3.02 0 00.5 6.2C0 8.07 0 12 0 12s0 3.93.5 5.8a3.02 3.02 0 002.13 2.13C4.5 20.45 12 20.45 12 20.45s7.5 0 9.37-.52a3.02 3.02 0 002.13-2.13C24 15.93 24 12 24 12s0-3.93-.5-5.8zM9.55 15.55v-7.1L15.82 12l-6.27 3.55z" fill="currentColor"></path></svg> </a> <a href="https://wa.me/5531984193563?text=Ol%C3%A1%21+Vim+pelo+site+da+Ciaweb+e+gostaria+de+saber+mais+sobre+os+servi%C3%A7os+de+marketing+digital." target="_blank" rel="noopener" aria-label="WhatsApp da ciaweb"> <svg viewBox="0 0 24 24" aria-hidden="true"><path d="M19.05 4.91A10 10 0 002 12c0 1.76.47 3.41 1.28 4.84L2 22l5.34-1.25A10 10 0 0022 12a9.93 9.93 0 00-2.95-7.09zM12 20.13a8.18 8.18 0 01-4.16-1.13l-.3-.18-3.07.72.66-3.07-.2-.31A8.13 8.13 0 1112 20.13zm4.49-6.1c-.25-.13-1.46-.72-1.69-.8-.23-.08-.39-.13-.55.13-.16.25-.63.8-.78.96-.14.16-.29.18-.54.06-.25-.13-1.05-.39-2-1.23a7.6 7.6 0 01-1.4-1.73c-.14-.25 0-.39.11-.51.11-.11.25-.29.38-.43.13-.14.17-.25.25-.41.08-.16.04-.31-.02-.43-.06-.13-.55-1.32-.75-1.81-.2-.48-.4-.41-.55-.42h-.47c-.16 0-.43.06-.65.31-.22.25-.85.83-.85 2.03 0 1.2.87 2.35.99 2.51.13.16 1.72 2.63 4.16 3.69.58.25 1.04.4 1.39.51.58.18 1.11.16 1.53.1.47-.07 1.46-.6 1.66-1.18.2-.58.2-1.07.14-1.18-.06-.11-.22-.18-.46-.31z" fill="currentColor"></path></svg> </a> </div> </div> <nav class="site-footer__col" aria-label="Soluções"> <h2>Soluções</h2> <ul> <li><a href="/solucoes/otimizacao-de-sites-seo/">Otimização de Sites (SEO)</a></li><li><a href="/solucoes/seo-tecnico/">SEO Técnico</a></li><li><a href="/solucoes/criacao-de-sites/">Criação de Sites</a></li><li><a href="/solucoes/criacao-de-lojas-virtuais/">Criação de Lojas Virtuais</a></li><li><a href="/solucoes/trafego-pago/">Tráfego Pago</a></li><li><a href="/solucoes/inbound-marketing/">Inbound Marketing</a></li><li><a href="/solucoes/producao-de-conteudo/">Produção de Conteúdo</a></li><li><a href="/solucoes/criacao-de-identidade-visual/">Identidade Visual</a></li> <li><a class="site-footer__more" href="/solucoes/">Ver todas →</a></li> </ul> </nav> <nav class="site-footer__col" aria-label="Blog"> <h2>Blog & conteúdo</h2> <ul> <li><a href="/marketing-digital/">Marketing Digital</a></li><li><a href="/seo/">SEO</a></li><li><a href="/sites/">Sites</a></li><li><a href="/e-commerce/">E-commerce</a></li><li><a href="/trafego-pago/">Tráfego Pago</a></li><li><a href="/inbound-marketing/">Inbound Marketing</a></li> <li><a class="site-footer__more" href="/marketing-digital/">Todos os artigos →</a></li> </ul> </nav> <nav class="site-footer__col" aria-label="Guias completos"> <h2>Guias completos</h2> <ul> <li><a href="/guias/comunicacao-visual-guia-completo/">Comunicação Visual</a></li><li><a href="/guias/seo-o-que-e-guia-completo-de-seo/">SEO</a></li> <li><a class="site-footer__more" href="/guias/">Todos os guias →</a></li> </ul> </nav> <nav class="site-footer__col" aria-label="Institucional"> <h2>Institucional</h2> <ul> <li><a href="/agencia/">A agência</a></li><li><a href="/portfolio/">Portfólio</a></li><li><a href="/solucoes/">Soluções</a></li><li><a href="/ferramentas-de-seo/">Ferramentas de SEO</a></li><li><a href="/central-de-ajuda/">Central de ajuda</a></li><li><a href="/trabalhe-conosco/">Trabalhe conosco</a></li><li><a href="/contato/">Contato</a></li><li><a href="/proposta/">Solicitar proposta</a></li> </ul> </nav> </div> <div class="container site-footer__cities" aria-label="Atendemos em"> <span class="site-footer__cities-label">Atendemos em:</span> <a href="/solucoes/criacao-de-sites/belo-horizonte/">Belo Horizonte</a><a href="/solucoes/criacao-de-sites/sao-paulo/">São Paulo</a><a href="/solucoes/criacao-de-sites/rio-de-janeiro/">Rio de Janeiro</a><a href="/solucoes/criacao-de-sites/curitiba/">Curitiba</a><a href="/solucoes/criacao-de-sites/goiania/">Goiânia</a><a href="/solucoes/criacao-de-sites/belem/">Belém</a> </div> <div class="site-footer__bottom"> <div class="container site-footer__bottom-inner"> <div class="site-footer__copyright"> <p>
© 2026 <strong>ciaweb</strong> — Marketing digital e tecnologia.
</p> <p class="site-footer__meta"> <span>CNPJ <strong>14.551.500/0001-26</strong></span> <span aria-hidden="true">·</span> <span>21 anos no mercado</span> <span aria-hidden="true">·</span> <span>Belo Horizonte/MG</span> </p> </div> <ul class="site-footer__legal"> <li> <a href="/politica-de-privacidade/">Política de privacidade</a> </li><li> <a href="/politica-de-cookies-br/">Política de cookies</a> </li><li> <a href="/politica-de-cancelamento/">Política de cancelamento</a> </li><li> <a href="#" data-cookie-reopen-link>Preferências de cookies</a> </li> </ul> </div> </div> </footer> <script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script>
  document.addEventListener('click', function (e) {
    var t = e.target.closest('[data-cookie-reopen-link]');
    if (!t) return;
    e.preventDefault();
    var reopenBtn = document.querySelector('[data-cookie-reopen]');
    if (reopenBtn) reopenBtn.click();
  });
</script> <button type="button" class="scroll-top" data-scroll-top aria-label="Voltar ao topo da página" title="Voltar ao topo" hidden> <svg viewBox="0 0 20 20" width="20" height="20" aria-hidden="true"> <path d="M10 16V4M5 9l5-5 5 5" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"></path> </svg> </button> <script>
  (function () {
    var btn = document.querySelector('[data-scroll-top]');
    if (!btn) return;
    var threshold = 400;
    var visible = false;

    function onScroll() {
      var should = window.scrollY > threshold;
      if (should !== visible) {
        visible = should;
        btn.hidden = !should;
        if (should) {
          requestAnimationFrame(function () { btn.classList.add('is-visible'); });
        } else {
          btn.classList.remove('is-visible');
        }
      }
    }

    btn.addEventListener('click', function () {
      window.scrollTo({ top: 0, behavior: 'smooth' });
    });

    window.addEventListener('scroll', onScroll, { passive: true });
    onScroll();
  })();
</script> <aside class="cookie-banner" data-cookie-banner hidden role="dialog" aria-labelledby="cookie-title"> <div class="cookie-banner__inner"> <!-- Estado: banner inicial (compacto) --> <div class="cookie-banner__view cookie-banner__view--initial" data-cookie-view="initial"> <div class="cookie-banner__icon" aria-hidden="true"> <svg viewBox="0 0 24 24" width="28" height="28"> <circle cx="12" cy="12" r="9.5" fill="#ff5a1f"></circle> <circle cx="9" cy="9" r="1.2" fill="#0b1220"></circle> <circle cx="15" cy="11" r="1" fill="#0b1220"></circle> <circle cx="10" cy="14" r="1" fill="#0b1220"></circle> <circle cx="14" cy="15" r="1.2" fill="#0b1220"></circle> <circle cx="17" cy="8" r=".8" fill="#0b1220"></circle> </svg> </div> <div class="cookie-banner__copy"> <strong id="cookie-title">Este site usa cookies 🍪</strong> <p>
Usamos cookies para melhorar sua experiência, analisar tráfego e personalizar conteúdo.
          Veja nossa <a href="/politica-de-cookies-br/">Política de Cookies</a>.
</p> </div> <div class="cookie-banner__actions"> <button type="button" class="cookie-banner__btn cookie-banner__btn--ghost" data-cookie-action="customize">
Personalizar
</button> <button type="button" class="cookie-banner__btn cookie-banner__btn--secondary" data-cookie-action="reject">
Apenas necessários
</button> <button type="button" class="cookie-banner__btn cookie-banner__btn--primary" data-cookie-action="accept-all">
Aceitar todos
</button> </div> </div> <!-- Estado: customização (categorias) --> <div class="cookie-banner__view cookie-banner__view--customize" data-cookie-view="customize" hidden> <header class="cookie-banner__head"> <strong>Preferências de Cookies</strong> <button type="button" class="cookie-banner__close" data-cookie-action="back" aria-label="Voltar"> <svg viewBox="0 0 20 20" width="18" height="18"><path d="M5 5l10 10M15 5L5 15" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"></path></svg> </button> </header> <div class="cookie-cat"> <div class="cookie-cat__head"> <div> <strong>Necessários</strong> <span>Essenciais pro site funcionar (segurança, sessão, formulários).</span> </div> <label class="cookie-switch cookie-switch--locked" aria-label="Cookies necessários (sempre ativos)"> <input type="checkbox" checked disabled> <span></span> </label> </div> </div> <div class="cookie-cat"> <div class="cookie-cat__head"> <div> <strong>Análise</strong> <span>Google Analytics, Microsoft Clarity. Dados anonimizados sobre páginas mais visitadas.</span> </div> <label class="cookie-switch" aria-label="Aceitar cookies de análise"> <input type="checkbox" data-cookie-toggle="analytics"> <span></span> </label> </div> </div> <div class="cookie-cat"> <div class="cookie-cat__head"> <div> <strong>Marketing</strong> <span>Meta Pixel, Google Ads, LinkedIn Insight. Permitem mostrar anúncios mais relevantes.</span> </div> <label class="cookie-switch" aria-label="Aceitar cookies de marketing"> <input type="checkbox" data-cookie-toggle="marketing"> <span></span> </label> </div> </div> <div class="cookie-banner__actions cookie-banner__actions--customize"> <button type="button" class="cookie-banner__btn cookie-banner__btn--secondary" data-cookie-action="reject">
Recusar tudo
</button> <button type="button" class="cookie-banner__btn cookie-banner__btn--primary" data-cookie-action="save">
Salvar preferências
</button> </div> </div> </div> </aside> <!-- Botão flutuante de preferências (rodapé) --> <button type="button" class="cookie-reopen" data-cookie-reopen aria-label="Preferências de cookies" hidden> <svg viewBox="0 0 24 24" width="18" height="18" aria-hidden="true"> <circle cx="12" cy="12" r="9.5" fill="none" stroke="currentColor" stroke-width="1.8"></circle> <circle cx="9" cy="9" r="1.2" fill="currentColor"></circle> <circle cx="15" cy="11" r="1" fill="currentColor"></circle> <circle cx="10" cy="14" r="1" fill="currentColor"></circle> </svg> </button> <script>
  (function () {
    'use strict';
    var KEY = 'ciaweb_cookie_consent';
    var VERSION = '1';

    var banner = document.querySelector('[data-cookie-banner]');
    var reopenBtn = document.querySelector('[data-cookie-reopen]');
    var initialView = banner.querySelector('[data-cookie-view="initial"]');
    var customizeView = banner.querySelector('[data-cookie-view="customize"]');
    var toggleAnalytics = banner.querySelector('[data-cookie-toggle="analytics"]');
    var toggleMarketing = banner.querySelector('[data-cookie-toggle="marketing"]');

    function loadConsent() {
      try {
        var raw = localStorage.getItem(KEY);
        if (!raw) return null;
        var parsed = JSON.parse(raw);
        if (parsed.v !== VERSION) return null;
        return parsed;
      } catch (e) { return null; }
    }

    function saveConsent(analytics, marketing) {
      var data = {
        v: VERSION,
        necessary: true,
        analytics: !!analytics,
        marketing: !!marketing,
        ts: new Date().toISOString(),
      };
      try { localStorage.setItem(KEY, JSON.stringify(data)); } catch (e) {}
      dispatchEvents(data);
      hideBanner();
      showReopen();
    }

    function dispatchEvents(consent) {
      // Eventos disponíveis pra inicializar GA/Pixel/Clarity quando o usuário consente
      if (consent.analytics) {
        window.dispatchEvent(new CustomEvent('cookie:analytics:granted'));
      }
      if (consent.marketing) {
        window.dispatchEvent(new CustomEvent('cookie:marketing:granted'));
      }
      window.dispatchEvent(new CustomEvent('cookie:consent:updated', { detail: consent }));
    }

    function showInitial() {
      initialView.hidden = false;
      customizeView.hidden = true;
    }
    function showCustomize() {
      initialView.hidden = true;
      customizeView.hidden = false;
    }
    function showBanner() {
      banner.hidden = false;
      requestAnimationFrame(function () { banner.classList.add('is-visible'); });
      showInitial();
    }
    function hideBanner() {
      banner.classList.remove('is-visible');
      window.setTimeout(function () { banner.hidden = true; }, 320);
    }
    function showReopen() { reopenBtn.hidden = false; }

    // ===== Bindings =====
    banner.addEventListener('click', function (e) {
      var t = e.target.closest('[data-cookie-action]');
      if (!t) return;
      var action = t.dataset.cookieAction;
      switch (action) {
        case 'accept-all': saveConsent(true, true); break;
        case 'reject':     saveConsent(false, false); break;
        case 'customize':  showCustomize(); break;
        case 'back':       showInitial(); break;
        case 'save':
          saveConsent(toggleAnalytics.checked, toggleMarketing.checked);
          break;
      }
    });

    reopenBtn.addEventListener('click', function () {
      var c = loadConsent();
      if (c) {
        toggleAnalytics.checked = !!c.analytics;
        toggleMarketing.checked = !!c.marketing;
      }
      showBanner();
      showCustomize();
    });

    // ===== Init =====
    var existing = loadConsent();
    if (existing) {
      // Já tem consent salvo — dispara eventos e mostra só o botão de re-abrir
      dispatchEvents(existing);
      showReopen();
    } else {
      // Primeira visita — mostra banner após pequeno delay
      window.setTimeout(showBanner, 600);
    }
  })();
</script> <!--
  Nota LGPD: o iframe noscript do GTM foi intencionalmente OMITIDO.
  Ele dispararia tracking pra <1% de usuários com JS desabilitado SEM consent prévio.
  Como JS é exigido pra renderização do banner de cookies, sem consent não tem tracking.
--><script>(function(){const GA_ID = "G-H2N31WMMFC";
const ADS_ID = "AW-11371655836";
const GTM_ID = "GTM-MKLDT5X";
const CIACONVERTE_URL = "https://ciaconverte.com.br/igdt.js?token=5fe24255-73ef-4191-b9e4-fde50d11111c";

  (function () {
    'use strict';

    // ---------- Estado interno ----------
    var gtagLibLoaded = false;
    var ga4Configured = false;
    var adsConfigured = false;
    var gtmLoaded = false;
    var ciaconverteLoaded = false;

    // dataLayer + gtag são compartilhados entre GA4 e Ads
    window.dataLayer = window.dataLayer || [];
    function gtag() { window.dataLayer.push(arguments); }
    window.gtag = gtag;

    // ---------- Loader compartilhado gtag.js (GA4 + Ads) ----------
    function ensureGtagLib(idForUrl) {
      if (gtagLibLoaded) return;
      gtagLibLoaded = true;
      var s = document.createElement('script');
      s.async = true;
      s.src = 'https://www.googletagmanager.com/gtag/js?id=' + idForUrl;
      document.head.appendChild(s);
      gtag('js', new Date());
    }

    // ---------- GA4 (análise) ----------
    function loadGA4() {
      if (ga4Configured) return;
      ga4Configured = true;
      ensureGtagLib(GA_ID);
      gtag('config', GA_ID, {
        anonymize_ip: true,
        page_path: location.pathname + location.search,
      });
    }

    // ---------- Google Ads (marketing) ----------
    function loadGoogleAds() {
      if (adsConfigured) return;
      adsConfigured = true;
      ensureGtagLib(ADS_ID);
      gtag('config', ADS_ID);
    }

    // ---------- Google Tag Manager (marketing) ----------
    function loadGTM() {
      if (gtmLoaded) return;
      gtmLoaded = true;
      // Snippet oficial do GTM (versão inline)
      (function (w, d, s, l, i) {
        w[l] = w[l] || [];
        w[l].push({ 'gtm.start': new Date().getTime(), event: 'gtm.js' });
        var f = d.getElementsByTagName(s)[0],
            j = d.createElement(s),
            dl = l !== 'dataLayer' ? '&l=' + l : '';
        j.async = true;
        j.src = 'https://www.googletagmanager.com/gtm.js?id=' + i + dl;
        f.parentNode.insertBefore(j, f);
      })(window, document, 'script', 'dataLayer', GTM_ID);
    }

    // ---------- CiaConverte (marketing) ----------
    function loadCiaConverte() {
      if (ciaconverteLoaded) return;
      ciaconverteLoaded = true;
      var s = document.createElement('script');
      s.async = true;
      s.src = CIACONVERTE_URL;
      document.head.appendChild(s);
    }

    // ---------- Listeners de consent ----------
    window.addEventListener('cookie:analytics:granted', loadGA4);
    window.addEventListener('cookie:marketing:granted', function () {
      loadGoogleAds();
      loadGTM();
      loadCiaConverte();
    });

    // ---------- Fallback: se o consent já estava salvo (sessão recorrente) ----------
    try {
      var raw = localStorage.getItem('ciaweb_cookie_consent');
      if (raw) {
        var c = JSON.parse(raw);
        if (c) {
          if (c.analytics) loadGA4();
          if (c.marketing) { loadGoogleAds(); loadGTM(); loadCiaConverte(); }
        }
      }
    } catch (e) {}
  })();
})();</script> </body></html>