BlackMonsterMedia's picture
Manual changes saved
a8b88b1 verified
<!DOCTYPE html>
<html lang="pt">
<head>
<!-- FORÇAR UTF-8 PARA EVITAR MOJIBAKE -->
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>SEO — What We Do | beatdagame</title>
<!-- Tailwind PRIMEIRO -->
<script src="https://cdn.tailwindcss.com"></script>
<!-- Fonts -->
<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@300;400;600;700&display=swap" rel="stylesheet">
<!-- CSS CUSTOM -->
<style>
body {
font-family: "Inter", sans-serif;
background: #fff;
color: #111;
}
.page-container {
max-width: 1080px;
margin: 0 auto;
padding: 60px 24px;
}
.page-title {
font-size: 52px;
font-weight: 700;
margin-bottom: 6px;
}
.page-subtitle {
font-size: 16px;
color: #777;
margin-bottom: 50px;
}
.section {
margin-bottom: 70px;
}
.section-title {
font-size: 30px;
font-weight: 600;
margin-bottom: 20px;
padding-bottom: 16px;
border-bottom: 1px solid #e5e5e5;
}
.section-text {
font-size: 18px;
line-height: 1.6;
max-width: 780px;
margin-bottom: 18px;
}
.two-cols {
display: grid;
grid-template-columns: 1.3fr 1fr;
gap: 40px;
margin-top: 30px;
}
.side-box {
border-left: 4px solid #2d59ff;
background: #f6f8ff;
padding: 18px 20px;
border-radius: 8px;
}
.side-box ul {
list-style: none;
padding-left: 0;
}
.side-box li {
font-size: 16px;
padding: 4px 0;
}
.card-grid-3 {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
gap: 26px;
margin-top: 40px;
}
.card-grid-2 {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(420px, 1fr));
gap: 26px;
margin-top: 40px;
}
.card-3,
.card-2 {
background: #fafafa;
border: 1px solid #eee;
border-radius: 12px;
padding: 24px;
}
.card-3 h3,
.card-2 h3 {
font-size: 20px;
margin-bottom: 12px;
}
ul.clean-list {
margin: 10px 0 0 12px;
padding-left: 0;
}
ul.clean-list li {
margin-bottom: 6px;
line-height: 1.5;
}
.summary {
margin-top: 40px;
padding: 24px;
background: #eef3ff;
border-left: 4px solid #3c6bff;
border-radius: 8px;
font-size: 17px;
max-width: 850px;
}
</style>
</head>
<body>
<div class="page-container">
<!-- NAV SUPERIOR -->
<div class="flex flex-wrap gap-4 mb-12">
<a href="/index.html"
class="bg-gray-200 hover:bg-gray-300 text-gray-800 font-medium py-2.5 px-5 rounded-lg transition-all shadow-sm hover:shadow border border-gray-300">
← Back to Home
</a>
<a href="/seo-report.html"
class="bg-blue-600 hover:bg-blue-700 text-white font-medium py-2.5 px-5 rounded-lg transition-all shadow-sm hover:shadow border border-blue-700">
📊 Report
</a>
<!-- NOVO BOTÃO "THE FUTURE" -->
<a href="https://beatdagame.lovable.app/"
target="_blank"
class="bg-purple-600 hover:bg-purple-700 text-white font-medium py-2.5 px-5 rounded-lg transition-all shadow-sm hover:shadow border border-purple-700">
🚀 The Future
</a>
</div>
<!-- TÍTULO -->
<h1 class="page-title">SEO — What We Do</h1>
<p class="page-subtitle">Página 1 — Estado atual</p>
<!-- PAPEL ATUAL -->
<section class="section">
<h2 class="section-title">O papel atual do SEO no ecossistema beatdagame</h2>
<div class="two-cols">
<div>
<p class="section-text">
O SEO encontra-se numa fase embrionária: a produção de conteúdo é limitada e quase exclusivamente focada em rakeback. Isto reduz alcance, diversidade de keywords e relevância para múltiplos perfis de jogadores.
</p>
<p class="section-text">
O esforço atual não é suficiente para construir autoridade, competir organicamente ou captar tráfego qualificado. O SEO cumpre uma função mínima — mas ainda não é um canal estratégico de crescimento.
</p>
</div>
<div class="side-box">
<ul>
<li>• Fase embrionária</li>
<li>• Conteúdo focado em rakeback</li>
<li>• Produção limitada</li>
<li>• Baixo impacto orgânico</li>
</ul>
</div>
</div>
</section>
<!-- O QUE FAZ HOJE -->
<section class="section">
<h2 class="section-title">O que o SEO faz hoje</h2>
<div class="card-grid-3">
<div class="card-3">
<h3>1. Produção de 2 artigos/mês</h3>
<p>
A cadência atual permite presença mínima no blog, mas não cria tração nem clusters temáticos que sustentem autoridade.
</p>
</div>
<div class="card-3">
<h3>2. Conteúdo centrado em rakeback</h3>
<p>
A maioria dos artigos gira em torno de rakeback — útil, mas limitado, repetitivo e incapaz de captar novos segmentos de procura.
</p>
</div>
<div class="card-3">
<h3>3. Presença em queries específicas</h3>
<p>
Existem impressões para termos ligados à marca e rakeback, mas sem crescimento consistente nem tráfego qualificado relevante.
</p>
</div>
</div>
</section>
<!-- O QUE NÃO FAZ -->
<section class="section">
<h2 class="section-title">O que o SEO não faz (e deveria fazer)</h2>
<div class="card-grid-2">
<div class="card-2">
<h3>1. Não cria autoridade</h3>
<ul class="clean-list">
<li>conteúdo insuficiente;</li>
<li>temas pouco diversos;</li>
<li>ausência de conteúdos profundos.</li>
</ul>
</div>
<div class="card-2">
<h3>2. Não atrai tráfego qualificado</h3>
<ul class="clean-list">
<li>poucos temas estratégicos;</li>
<li>não cobre tópicos procurados por jogadores avançados;</li>
<li>foco estreito em rakeback.</li>
</ul>
</div>
<div class="card-2">
<h3>3. Não trabalha topo/meio de funil</h3>
<ul class="clean-list">
<li>pouco conteúdo de descoberta;</li>
<li>ausência de conteúdo educativo;</li>
<li>quase nenhuma presença em pesquisas amplas.</li>
</ul>
</div>
<div class="card-2">
<h3>4. Não cria clusters temáticos</h3>
<ul class="clean-list">
<li>artigos isolados;</li>
<li>linkagem interna fraca;</li>
<li>Google não reconhece autoridade temática.</li>
</ul>
</div>
<div class="card-2">
<h3>5. Base técnica limitada</h3>
<ul class="clean-list">
<li>otimização on-page incompleta;</li>
<li>pouco trabalho técnico;</li>
<li>oportunidades técnicas não aproveitadas.</li>
</ul>
</div>
<div class="card-2">
<h3>6. Métricas pouco exploradas</h3>
<ul class="clean-list">
<li>Search Console pouco explorado;</li>
<li>falta análise por clusters;</li>
<li>oportunidades emergentes não trabalhadas.</li>
</ul>
</div>
</div>
</section>
<!-- PROBLEMAS -->
<section class="section">
<h2 class="section-title">Problemas identificados</h2>
<ul class="clean-list" style="font-size:18px;">
<li><strong>Produção insuficiente</strong> — 2 artigos/mês não têm impacto.</li>
<li><strong>Temas demasiado estreitos</strong> — foco total em rakeback.</li>
<li><strong>Baixa profundidade</strong> — conteúdos curtos.</li>
<li><strong>Sem plano editorial SEO</strong>.</li>
<li><strong>Autoridade frágil</strong> — site não é referência.</li>
<li><strong>Base técnica incompleta</strong>.</li>
</ul>
</section>
<!-- CONCLUSÃO -->
<section class="section">
<h2 class="section-title">Conclusão & oportunidade</h2>
<div class="card-grid-3">
<div class="card-3">
<h3>1. Atrair tráfego qualificado</h3>
<ul class="clean-list">
<li>conteúdos para jogadores ativos;</li>
<li>temas além de rakeback;</li>
<li>responder a dúvidas reais.</li>
</ul>
</div>
<div class="card-3">
<h3>2. Construir autoridade</h3>
<ul class="clean-list">
<li>clusters temáticos;</li>
<li>artigos profundos;</li>
<li>produção contínua.</li>
</ul>
</div>
<div class="card-3">
<h3>3. Reforçar confiança</h3>
<ul class="clean-list">
<li>conteúdo útil e recorrente;</li>
<li>transparência sobre casas/torneios;</li>
<li>posicionamento profissional.</li>
</ul>
</div>
</div>
<div class="summary">
O SEO da beatdagame é hoje funcional, mas pouco expressivo.
A oportunidade é clara: transformar o SEO num pilar orgânico forte,
capaz de gerar tráfego qualificado, aumentar autoridade e reforçar
confiança junto dos jogadores.
</div>
</section>
</div>
</body>
</html>