<?php
declare(strict_types=1);
if (file_exists(__DIR__ . '/config.php')) require_once __DIR__ . '/config.php';
$appName = defined('APP_NAME') ? APP_NAME : 'AEO Metrix';
$appUrl  = defined('APP_URL')  ? APP_URL  : 'https://www.aeometrix.it';
$year    = date('Y');

$stats = [
    ['num'=>'4.5–12.5%',   'label'=>'delle query Google mostrano un AI Overview',    'src'=>'SparkToro 2026'],
    ['num'=>'69%',         'label'=>'di ricerche termina senza click (zero-click)',   'src'=>'SparkToro, mar 2026'],
    ['num'=>'44.2%',       'label'=>'delle citazioni AI vengono dal primo 30% del testo', 'src'=>'Growth Memo, feb 2026'],
    ['num'=>'2–3×',        'label'=>'share of voice AI in più per chi ottimizza AEO', 'src'=>'McKinsey 2026'],
];

$myths = [
    ['myth'=>'Basta scrivere articoli lunghi per comparire negli AI Overview', 'truth'=>'La lunghezza non è un fattore diretto. Conta la struttura: risposta diretta nelle prime righe, heading in formato domanda, schema FAQ. Un articolo da 500 parole ben strutturato batte uno da 3000 parole disorganizzato.'],
    ['myth'=>'Gli AI Overview danneggiano sempre il traffico organico', 'truth'=>'Dipende dalla query. Per le query informazionali semplici il CTR cala. Per quelle commerciali e transazionali, essere citati nell\'AI Overview può aumentare la fiducia nel brand e portare più click qualificati — non meno.'],
    ['myth'=>'Devo riscrivere tutto il sito per essere incluso negli AI Overview', 'truth'=>'Spesso bastano interventi mirati: aggiungere schema FAQPage alle pagine chiave, riscrivere i primi paragrafi con risposte dirette, ottimizzare i meta description per rispondere alla query. Il 70% dei guadagni viene da interventi su poche pagine strategiche.'],
    ['myth'=>'Gli AI Overview usano solo le prime posizioni di Google', 'truth'=>'Google può citare fonti dalla posizione 2 alla 15+ se ritiene che quella specifica sezione risponda meglio alla query. Un sito che non è in prima posizione può comunque apparire nell\'AI Overview se ha la risposta più precisa e strutturata.'],
    ['myth'=>'Schema markup e JSON-LD non servono più nel 2026', 'truth'=>'Servono più che mai. Il markup strutturato è il linguaggio che Google usa per estrarre informazioni verificabili. FAQPage, HowTo e Article sono i tre schema che impattano di più sulla visibilità negli AI Overview.'],
];

$actions = [
    ['step'=>'01','title'=>'Identifica le query con AI Overview attivo','icon'=>'🔍',
     'body'=>'Non tutte le query mostrano un AI Overview. Concentrati su query informazionali ("come fare", "cos\'è", "quali sono") e query di confronto. Usa Google Search Console per trovare le keyword che portano impressioni ma pochi click: spesso sono già coperte da un AI Overview che risponde al posto tuo.'],
    ['step'=>'02','title'=>'Ristruttura le pagine con il modello "risposta-prima"','icon'=>'✍️',
     'body'=>'Dopo ogni heading H2 o H3, inserisci immediatamente una risposta diretta di 40-60 parole. Google estrae prioritariamente le prime righe dopo un heading. Poi espandi con dettagli. Questo approccio — chiamato "Answer-First" o "Inverted Pyramid" — è il segnale principale per l\'inclusione nell\'AI Overview.'],
    ['step'=>'03','title'=>'Implementa schema FAQPage e HowTo','icon'=>'📋',
     'body'=>'Il markup strutturato comunica esplicitamente a Google che stai rispondendo a domande specifiche. FAQPage è il più impattante per gli AI Overview informativi. HowTo funziona per guide e processi. Assicurati che il testo nel JSON-LD corrisponda al contenuto visibile sulla pagina.'],
    ['step'=>'04','title'=>'Ottimizza E-E-A-T sulla pagina','icon'=>'🏆',
     'body'=>'Google verifica l\'affidabilità della fonte prima di includerla in un AI Overview. Ogni pagina deve avere: autore con bio e credenziali visibili, data di aggiornamento recente, citazioni a fonti esterne verificabili, link alla pagina "Chi siamo" con informazioni aziendali complete.'],
    ['step'=>'05','title'=>'Monitora inclusioni e perdite di posizione','icon'=>'📊',
     'body'=>'Controlla regolarmente quali pagine perdono CTR ma mantengono impressioni: è il segnale che un AI Overview le sta coprendo. Verifica se sei citato o escluso. Se escluso, analizza qual è la fonte citata e cosa ha che tu non hai: risposta più diretta, schema più preciso, E-E-A-T più alto.'],
];
?>
<!DOCTYPE html>
<html lang="it">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Google AI Overviews e SEO: guida completa 2026 per non perdere traffico</title>
<meta name="description" content="Come funzionano i Google AI Overviews, perché riducono i clic organici e come ottimizzare i contenuti per essere citati — non oscurati — dalla AI generativa di Google.">
<meta name="robots" content="index, follow">
<link rel="canonical" href="<?= htmlspecialchars($appUrl, ENT_QUOTES) ?>/google-ai-overviews-seo.php">
<meta property="og:title" content="Google AI Overviews e SEO: guida 2026">
<meta property="og:description" content="AI Overview di Google: come funzionano, perché impattano il traffico organico e come ottimizzare i contenuti per essere citati invece di essere oscurati.">
<meta property="og:url" content="<?= htmlspecialchars($appUrl, ENT_QUOTES) ?>/google-ai-overviews-seo.php">
<meta property="og:type" content="article">
<link rel="icon" href="/images/favicon.webp" type="image/x-icon">
<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=DM+Mono:wght@300;400;500&family=Bricolage+Grotesque:opsz,wght@12..96,300;12..96,400;12..96,500;12..96,700;12..96,800&display=swap" rel="stylesheet">

<script type="application/ld+json">
{
  "@context":"https://schema.org",
  "@type":"Article",
  "headline":"Google AI Overviews e SEO: guida completa 2026",
  "description":"Come funzionano i Google AI Overviews, come impattano il traffico organico e come ottimizzare i contenuti per essere citati.",
  "author":{"@type":"Organization","name":"AEO Metrix","url":"<?= htmlspecialchars($appUrl,ENT_QUOTES) ?>"},
  "publisher":{"@type":"Organization","name":"AEO Metrix","url":"<?= htmlspecialchars($appUrl,ENT_QUOTES) ?>"},
  "datePublished":"2026-01-01","dateModified":"<?= date('Y-m-d') ?>"
}
</script>
<script type="application/ld+json">
{
  "@context":"https://schema.org",
  "@type":"FAQPage",
  "mainEntity":[
    {"@type":"Question","name":"Cosa sono i Google AI Overviews?","acceptedAnswer":{"@type":"Answer","text":"I Google AI Overviews (precedentemente AI Snapshots) sono riassunti generati dall'intelligenza artificiale di Google che appaiono in cima alla SERP in risposta a query informazionali. Sintetizzano informazioni da più fonti senza che l'utente debba cliccare su nessun link."}},
    {"@type":"Question","name":"Gli AI Overview di Google riducono il traffico organico?","acceptedAnswer":{"@type":"Answer","text":"Sì, per le query informazionali semplici il CTR organico cala perché l'utente trova la risposta direttamente in SERP. Tuttavia, essere citati come fonte nell'AI Overview può aumentare la brand awareness e portare click più qualificati sulle query commerciali."}},
    {"@type":"Question","name":"Come faccio a comparire nei Google AI Overviews?","acceptedAnswer":{"@type":"Answer","text":"Per aumentare le probabilità di essere citati negli AI Overview: implementa schema FAQPage e HowTo, struttura le risposte con il modello 'Answer-First' (risposta diretta nelle prime righe dopo ogni heading), ottimizza E-E-A-T con autore, data e fonti, e assicurati che Google-Extended possa scansionare il sito."}}
  ]
}
</script>

<style>
:root{
  --bg:#07080f;--bg2:#0c0d17;--surface:#0f1020;--surface2:#141628;
  --border:#1a1d35;--border2:#242840;--text:#dde1f5;--text-mid:#8890b8;--text-dim:#4a5070;
  --accent:#4f6ef7;--accent2:#8b5cf6;--green:#06d6a0;--yellow:#f7c948;
  --orange:#f97316;--red:#ef4444;--r:12px;
  --font:'Bricolage Grotesque',sans-serif;--mono:'DM Mono',monospace;
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:var(--font);background:var(--bg);color:var(--text);line-height:1.65;min-height:100vh;display:flex;flex-direction:column}
a{color:var(--accent);text-decoration:none}
a:hover{text-decoration:underline}
code{font-family:var(--mono);font-size:.87em;background:var(--surface2);border:1px solid var(--border2);padding:1px 6px;border-radius:4px;color:var(--green)}

/* NAV */
nav{position:sticky;top:0;z-index:100;background:rgba(7,8,15,.92);backdrop-filter:blur(14px);border-bottom:1px solid var(--border)}
.nav-inner{max-width:1100px;margin:0 auto;padding:0 22px;height:64px;display:flex;align-items:center;justify-content:space-between;gap:14px}
.nav-logo img{height:44px;width:auto;display:block}
.nav-links{display:flex;gap:4px}
.nav-link{padding:7px 12px;border-radius:8px;font-size:13px;color:var(--text-mid)}
.nav-link:hover{background:var(--surface2);color:var(--text);text-decoration:none}
.nav-link.active{color:var(--accent);background:rgba(79,110,247,.1)}
.nav-cta{display:inline-flex;align-items:center;padding:9px 18px;border-radius:8px;background:linear-gradient(135deg,var(--accent),var(--accent2));color:#fff;font-size:13px;font-weight:700;white-space:nowrap}
.nav-cta:hover{text-decoration:none;opacity:.92}

.wrap{max-width:1100px;margin:0 auto;padding:0 22px}
main{flex:1}

/* HERO */
.hero{padding:72px 0 56px;border-bottom:1px solid var(--border);position:relative;overflow:hidden}
.hero::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 70% 60% at 30% 0%,rgba(79,110,247,.11) 0%,transparent 65%);pointer-events:none}
.hero::after{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 50% 40% at 80% 50%,rgba(139,92,246,.07) 0%,transparent 60%);pointer-events:none}
.hero-inner{display:grid;grid-template-columns:1fr auto;gap:48px;align-items:start}
.hero-kicker{display:inline-flex;align-items:center;gap:7px;padding:6px 14px;border-radius:999px;border:1px solid rgba(239,68,68,.3);background:rgba(239,68,68,.07);font-size:11px;font-weight:700;letter-spacing:.8px;text-transform:uppercase;color:#f87171;margin-bottom:20px}
.hero h1{font-size:clamp(28px,4.5vw,54px);line-height:1.08;letter-spacing:-1.5px;margin-bottom:18px;max-width:780px}
.hero h1 strong{color:var(--accent)}
.hero-lead{font-size:17px;color:var(--text-mid);max-width:660px;margin-bottom:32px;line-height:1.7}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap}
.btn-primary{display:inline-flex;align-items:center;gap:7px;padding:12px 22px;border-radius:9px;background:linear-gradient(135deg,var(--accent),var(--accent2));color:#fff;font-size:14px;font-weight:700;transition:opacity .15s,transform .1s}
.btn-primary:hover{text-decoration:none;opacity:.9;transform:translateY(-1px)}
.btn-secondary{display:inline-flex;align-items:center;gap:6px;padding:12px 18px;border-radius:9px;border:1px solid var(--border2);background:var(--surface2);color:var(--text-mid);font-size:13px;font-weight:600;transition:border-color .15s,color .15s}
.btn-secondary:hover{text-decoration:none;color:var(--text);border-color:var(--accent)}

/* impact card */
.impact-card{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:20px;min-width:220px;flex-shrink:0}
.impact-title{font-size:10px;font-weight:700;letter-spacing:.7px;text-transform:uppercase;color:var(--text-dim);font-family:var(--mono);margin-bottom:14px}
.impact-item{display:flex;align-items:flex-start;gap:10px;padding:10px 0;border-bottom:1px solid var(--border)}
.impact-item:last-child{border-bottom:none;padding-bottom:0}
.impact-icon{width:28px;height:28px;border-radius:7px;display:flex;align-items:center;justify-content:center;font-size:14px;flex-shrink:0;background:var(--surface2)}
.impact-label{font-size:12px;color:var(--text-mid);line-height:1.4}
.impact-label strong{display:block;font-size:15px;font-weight:800;font-family:var(--mono);color:var(--text);margin-bottom:1px}

/* STATS STRIP */
.stats-strip{background:var(--surface);border-bottom:1px solid var(--border)}
.stats-inner{max-width:1100px;margin:0 auto;padding:0 22px;display:grid;grid-template-columns:repeat(4,1fr);gap:0}
.stat-cell{padding:20px 18px;border-right:1px solid var(--border);text-align:center}
.stat-cell:last-child{border-right:none}
.stat-num{font-size:28px;font-weight:800;font-family:var(--mono);color:var(--accent);display:block;line-height:1;margin-bottom:6px}
.stat-lbl{font-size:12px;color:var(--text-mid);line-height:1.4;display:block}
.stat-src{font-size:10px;color:var(--text-dim);font-family:var(--mono);display:block;margin-top:4px}

/* ARTICLE LAYOUT */
.article-layout{display:grid;grid-template-columns:1fr 240px;gap:40px;padding:52px 0 72px;align-items:start}

/* SIDEBAR */
.sidebar{position:sticky;top:80px;display:flex;flex-direction:column;gap:14px}
.sidebar-box{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:16px}
.sidebar-title{font-size:10px;font-weight:700;letter-spacing:.7px;text-transform:uppercase;color:var(--text-dim);font-family:var(--mono);margin-bottom:10px}
.toc-list{list-style:none;display:flex;flex-direction:column;gap:2px}
.toc-list a{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--text-mid);padding:5px 6px;border-radius:6px;transition:background .12s,color .12s}
.toc-list a:hover{background:var(--surface2);color:var(--text);text-decoration:none}
.cta-sidebar{background:linear-gradient(135deg,rgba(79,110,247,.12),rgba(139,92,246,.07));border:1px solid rgba(79,110,247,.22);border-radius:12px;padding:16px;text-align:center}
.cta-sidebar p{font-size:12px;color:var(--text-mid);margin-bottom:10px;line-height:1.5}
.btn-cta-sm{display:inline-flex;align-items:center;justify-content:center;width:100%;padding:10px;border-radius:8px;background:linear-gradient(135deg,var(--accent),var(--accent2));color:#fff;font-size:12px;font-weight:700}
.btn-cta-sm:hover{text-decoration:none;opacity:.9}

/* ARTICLE BODY */
.article-body{}
.section-kicker{font-size:11px;font-weight:700;letter-spacing:.8px;text-transform:uppercase;color:var(--accent);font-family:var(--mono);margin-bottom:6px}
.article-body h2{font-size:26px;letter-spacing:-.6px;line-height:1.2;margin-bottom:14px;margin-top:48px;scroll-margin-top:90px}
.article-body h2:first-child{margin-top:0}
.article-body p{font-size:16px;color:var(--text-mid);line-height:1.75;margin-bottom:16px}

/* HOW IT WORKS VISUAL */
.flow-diagram{margin:24px 0;display:flex;flex-direction:column;gap:0}
.flow-step{display:flex;gap:16px;align-items:flex-start}
.flow-connector{display:flex;flex-direction:column;align-items:center;flex-shrink:0}
.flow-dot{width:32px;height:32px;border-radius:50%;border:2px solid var(--accent);background:rgba(79,110,247,.1);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:800;font-family:var(--mono);color:var(--accent);flex-shrink:0}
.flow-line{width:2px;flex:1;background:var(--border);min-height:20px;margin:4px auto}
.flow-step:last-child .flow-line{display:none}
.flow-body{flex:1;padding:4px 0 20px}
.flow-body h4{font-size:16px;font-weight:700;margin-bottom:4px;line-height:1.3}
.flow-body p{font-size:14px;color:var(--text-mid);line-height:1.65;margin:0}

/* STEPS */
.steps-list{display:flex;flex-direction:column;gap:0;margin:24px 0}
.step-item{display:flex;gap:18px;padding:22px 0;border-bottom:1px solid var(--border)}
.step-item:last-child{border-bottom:none}
.step-left{display:flex;flex-direction:column;align-items:center;flex-shrink:0}
.step-num{width:42px;height:42px;border-radius:11px;background:linear-gradient(135deg,rgba(79,110,247,.15),rgba(139,92,246,.1));border:1px solid rgba(79,110,247,.25);display:flex;align-items:center;justify-content:center;font-family:var(--mono);font-size:13px;font-weight:700;color:var(--accent)}
.step-line{width:1px;flex:1;background:var(--border);margin:5px auto 0}
.step-item:last-child .step-line{display:none}
.step-body{flex:1;padding-top:6px}
.step-body h3{font-size:17px;font-weight:700;line-height:1.3;margin-bottom:8px}
.step-body p{font-size:15px;color:var(--text-mid);line-height:1.7;margin:0}

/* MYTHS */
.myths-list{display:flex;flex-direction:column;gap:10px;margin:20px 0}
.myth-item{background:var(--surface);border:1px solid var(--border);border-radius:10px;overflow:hidden}
.myth-header{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:center;padding:14px 16px;cursor:pointer;background:var(--surface)}
.myth-header:hover{background:var(--surface2)}
.myth-icon{width:28px;height:28px;border-radius:7px;background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.2);display:flex;align-items:center;justify-content:center;font-size:14px;flex-shrink:0}
.myth-q{font-size:14px;font-weight:600;color:var(--text);line-height:1.4}
.myth-body{padding:0 16px 14px 56px;font-size:14px;color:var(--text-mid);line-height:1.7}
.myth-body::before{content:'✓ Realtà: ';color:var(--green);font-weight:700}

/* CALLOUT */
.callout{display:flex;gap:12px;padding:16px 18px;border-radius:10px;margin:24px 0}
.callout-blue{background:rgba(79,110,247,.07);border:1px solid rgba(79,110,247,.2)}
.callout-green{background:rgba(6,214,160,.06);border:1px solid rgba(6,214,160,.18)}
.callout-yellow{background:rgba(247,201,72,.07);border:1px solid rgba(247,201,72,.2)}
.callout-icon{font-size:20px;flex-shrink:0;margin-top:1px}
.callout-body{font-size:14px;color:var(--text-mid);line-height:1.7}
.callout-body strong{color:var(--text)}

/* INLINE CTA */
.inline-cta{margin:36px 0;padding:28px 28px;border:1px solid rgba(79,110,247,.22);border-radius:14px;background:linear-gradient(135deg,rgba(79,110,247,.08),rgba(139,92,246,.05));display:flex;align-items:center;gap:24px;flex-wrap:wrap}
.inline-cta-text h3{font-size:20px;letter-spacing:-.4px;margin-bottom:6px}
.inline-cta-text p{font-size:14px;color:var(--text-mid);line-height:1.6;max-width:480px}

/* FAQ */
.faq-list{display:flex;flex-direction:column;gap:2px;margin-top:20px}
.faq-item{border:1px solid var(--border);border-radius:10px;overflow:hidden;background:var(--surface)}
.faq-q{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:16px 18px;cursor:pointer;font-size:15px;font-weight:600;list-style:none;user-select:none}
.faq-q:hover{background:var(--surface2)}
.faq-q::after{content:'+';font-family:var(--mono);font-size:18px;color:var(--text-mid);flex-shrink:0}
details[open] .faq-q::after{content:'−'}
.faq-a{padding:0 18px 16px;font-size:14px;color:var(--text-mid);line-height:1.75}

/* RELATED */
.related-section{padding:48px 0 64px;border-top:1px solid var(--border)}
.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:22px}
.related-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:18px;display:flex;flex-direction:column;gap:7px;transition:border-color .2s}
.related-card:hover{border-color:var(--accent);text-decoration:none}
.related-kicker{font-size:10px;font-weight:700;letter-spacing:.6px;text-transform:uppercase;color:var(--text-dim);font-family:var(--mono)}
.related-title{font-size:15px;font-weight:700;color:var(--text);line-height:1.3}
.related-desc{font-size:12px;color:var(--text-mid);line-height:1.5}

/* FINAL CTA */
.final-cta{margin:0 0 72px;padding:48px 40px;border:1px solid rgba(79,110,247,.22);border-radius:16px;background:linear-gradient(135deg,rgba(79,110,247,.07),rgba(139,92,246,.05));text-align:center;position:relative;overflow:hidden}
.final-cta::before{content:'';position:absolute;top:-60px;left:50%;transform:translateX(-50%);width:450px;height:180px;border-radius:50%;background:radial-gradient(ellipse,rgba(79,110,247,.18) 0%,transparent 70%);pointer-events:none}
.final-cta h2{font-size:30px;letter-spacing:-.7px;margin-bottom:12px}
.final-cta p{font-size:16px;color:var(--text-mid);margin-bottom:26px;max-width:520px;margin-left:auto;margin-right:auto;line-height:1.7}
.cta-btns{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}

footer{padding:28px 0;border-top:1px solid var(--border);color:var(--text-dim);font-size:12px}
.footer-inner{max-width:1100px;margin:0 auto;padding:0 22px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}
.footer-links{display:flex;gap:16px}
.footer-links a{color:var(--text-dim);font-size:12px}
.footer-links a:hover{color:var(--text-mid);text-decoration:none}

@media(max-width:960px){
  .nav-links{display:none}
  .hero-inner{grid-template-columns:1fr}
  .impact-card{display:none}
  .stats-inner{grid-template-columns:1fr 1fr}
  .article-layout{grid-template-columns:1fr}
  .sidebar{display:none}
  .related-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:640px){
  .hero{padding:44px 0 32px}
  .hero h1{font-size:26px}
  .stats-inner{grid-template-columns:1fr 1fr}
  .stat-num{font-size:22px}
  .inline-cta{flex-direction:column;gap:14px}
  .final-cta{padding:30px 18px}
  .final-cta h2{font-size:22px}
  .related-grid{grid-template-columns:1fr}
}
</style>
</head>
<body>

<?php include '../includes/header.php'; ?>

<main>

  <!-- HERO -->
  <section class="hero">
    <div class="wrap">
      <div class="hero-inner">
        <div>
          <div class="hero-kicker">⚡ Impatto alto · Guida 2026</div>
          <h1>Google <strong>AI Overviews</strong> e SEO:<br>come non perdere traffico organico</h1>
          <p class="hero-lead">Gli AI Overview di Google compaiono ormai su milioni di query e riducono i clic organici per molti siti. Ma non tutti perdono: chi struttura i contenuti correttamente viene citato come fonte — e ci guadagna. Ecco come funziona e cosa fare.</p>
          <div class="hero-actions">
            <a class="btn-primary" href="#come-ottimizzare">Come ottimizzare →</a>
            <a class="btn-secondary" href="<?= htmlspecialchars($appUrl, ENT_QUOTES) ?>/#tool">Analizza il tuo sito gratis</a>
          </div>
        </div>
        <div class="impact-card">
          <div class="impact-title">Impatto AI Overviews 2026</div>
          <div class="impact-item">
            <div class="impact-icon">📉</div>
            <div class="impact-label"><strong>−30–60%</strong>CTR su query informazionali coperte da AI Overview</div>
          </div>
          <div class="impact-item">
            <div class="impact-icon">📈</div>
            <div class="impact-label"><strong>+fiducia</strong>Essere citati come fonte aumenta brand trust</div>
          </div>
          <div class="impact-item">
            <div class="impact-icon">🎯</div>
            <div class="impact-label"><strong>Top 15</strong>Google può citare fonti non in prima posizione</div>
          </div>
        </div>
      </div>
    </div>
  </section>

  <!-- STATS STRIP -->
  <div class="stats-strip">
    <div class="stats-inner">
      <?php foreach($stats as $s): ?>
      <div class="stat-cell">
        <span class="stat-num"><?= htmlspecialchars($s['num'], ENT_QUOTES) ?></span>
        <span class="stat-lbl"><?= htmlspecialchars($s['label'], ENT_QUOTES) ?></span>
        <span class="stat-src"><?= htmlspecialchars($s['src'], ENT_QUOTES) ?></span>
      </div>
      <?php endforeach; ?>
    </div>
  </div>

  <!-- ARTICLE -->
  <div class="wrap">
    <div class="article-layout">

      <article class="article-body">

        <div class="section-kicker">Capire il fenomeno</div>
        <h2 id="cosa-sono">Cosa sono i Google AI Overviews e come funzionano</h2>
        <p>Gli AI Overview (chiamati inizialmente "AI Snapshots" e poi "SGE - Search Generative Experience") sono blocchi di risposta generata dall'intelligenza artificiale di Google che appaiono in cima alla SERP per alcune tipologie di query. Google li produce combinando informazioni da più fonti web, le sintetizza in linguaggio naturale e le presenta direttamente senza che l'utente debba visitare nessun sito.</p>
        <p>Tecnicamente, funzionano attraverso un sistema di retrieval-augmented generation: Google identifica le pagine più rilevanti, estrae i passaggi più pertinenti e li passa a un modello LLM (basato su Gemini) che produce la risposta finale. Le fonti usate vengono citate con link a piè del blocco.</p>

        <div class="flow-diagram">
          <div class="flow-step">
            <div class="flow-connector"><div class="flow-dot">1</div><div class="flow-line"></div></div>
            <div class="flow-body"><h4>Query dell'utente</h4><p>L'utente digita una domanda informazionale su Google. Il sistema riconosce che può generare una risposta diretta.</p></div>
          </div>
          <div class="flow-step">
            <div class="flow-connector"><div class="flow-dot">2</div><div class="flow-line"></div></div>
            <div class="flow-body"><h4>Retrieval multi-sorgente</h4><p>Google seleziona le pagine più rilevanti, non necessariamente le prime in classifica. Estrae i passaggi più precisi per rispondere alla query specifica.</p></div>
          </div>
          <div class="flow-step">
            <div class="flow-connector"><div class="flow-dot">3</div><div class="flow-line"></div></div>
            <div class="flow-body"><h4>Generazione AI (Gemini)</h4><p>Il modello Gemini sintetizza i passaggi estratti in una risposta coerente, citando le fonti originali come riferimento.</p></div>
          </div>
          <div class="flow-step">
            <div class="flow-connector"><div class="flow-dot">4</div><div class="flow-line"></div></div>
            <div class="flow-body"><h4>Presentazione in SERP</h4><p>L'AI Overview appare in cima alla pagina, prima dei risultati organici tradizionali. Le fonti citate sono visibili con link espandibile.</p></div>
          </div>
        </div>

        <div class="callout callout-blue">
          <span class="callout-icon">💡</span>
          <div class="callout-body"><strong>Dato chiave:</strong> il 44.2% delle citazioni nelle risposte AI proviene dal primo 30% del testo di un articolo. Strutturare bene l'inizio di ogni sezione è il singolo intervento più efficace per aumentare le probabilità di essere citati.</div>
        </div>

        <div class="section-kicker" style="margin-top:48px">Impatto reale sul traffico</div>
        <h2 id="impatto-traffico">Cosa succede realmente al traffico organico</h2>
        <p>L'effetto degli AI Overview sul traffico non è uniforme. Dipende dalla tipologia di query, dal settore e dal posizionamento attuale del sito. Esistono tre scenari distinti:</p>
        <p><strong style="color:var(--red)">Scenario 1 — Perdita di traffico:</strong> siti che producevano traffico su query informazionali semplici ("cos'è", "come funziona", "significato di") senza posizionarsi come fonte autorevole. L'AI Overview risponde al posto del sito e l'utente non ha motivo di cliccare.</p>
        <p><strong style="color:var(--yellow)">Scenario 2 — Traffico invariato:</strong> siti che trattano argomenti transazionali o commerciali dove Google non mostra AI Overview, oppure argomenti così specialistici o recenti che il modello non ha dati sufficienti per generare una risposta.</p>
        <p><strong style="color:var(--green)">Scenario 3 — Traffico aumentato:</strong> siti che vengono citati come fonte nell'AI Overview. Anche se il CTR diretto cala, la brand visibility aumenta. Gli utenti che poi cercano approfondimenti tornano alla fonte citata con intenzione più qualificata.</p>

        <div class="callout callout-yellow">
          <span class="callout-icon">⚠️</span>
          <div class="callout-body"><strong>Attenzione ai dati aggregati:</strong> le statistiche di calo del CTR riguardano principalmente query informazionali semplici. Le query con intento commerciale, locale o transazionale mostrano impatti molto minori — e in alcuni casi positivi per chi viene citato come fonte.</div>
        </div>

        <div class="section-kicker" style="margin-top:48px">I 5 miti da sfatare</div>
        <h2 id="miti">5 falsi miti sugli AI Overview che costano traffico</h2>
        <p>Molta disinformazione circola su questo tema. Ecco i miti più pericolosi e la realtà dietro ciascuno.</p>
        <div class="myths-list">
          <?php foreach($myths as $m): ?>
          <div class="myth-item">
            <div class="myth-header">
              <div class="myth-icon">✗</div>
              <div class="myth-q"><?= htmlspecialchars($m['myth'], ENT_QUOTES) ?></div>
            </div>
            <div class="myth-body"><?= htmlspecialchars($m['truth'], ENT_QUOTES) ?></div>
          </div>
          <?php endforeach; ?>
        </div>

        <!-- INLINE CTA -->
        <div class="inline-cta">
          <div class="inline-cta-text">
            <h3>Il tuo sito è ottimizzato per gli AI Overview?</h3>
            <p>Verifica schema markup, struttura dei contenuti e segnali E-E-A-T con un'analisi AEO completa in 30 secondi.</p>
          </div>
          <a class="btn-primary" href="<?= htmlspecialchars($appUrl, ENT_QUOTES) ?>/#tool">Analizza gratis →</a>
        </div>

        <div class="section-kicker">Piano d'azione</div>
        <h2 id="come-ottimizzare">5 azioni concrete per essere citati negli AI Overview</h2>

        <div class="steps-list">
          <?php foreach($actions as $a): ?>
          <div class="step-item">
            <div class="step-left">
              <div class="step-num"><?= $a['step'] ?></div>
              <div class="step-line"></div>
            </div>
            <div class="step-body">
              <h3><?= $a['icon'] ?> &nbsp;<?= htmlspecialchars($a['title'], ENT_QUOTES) ?></h3>
              <p><?= htmlspecialchars($a['body'], ENT_QUOTES) ?></p>
            </div>
          </div>
          <?php endforeach; ?>
        </div>

        <div class="callout callout-green">
          <span class="callout-icon">✅</span>
          <div class="callout-body"><strong>Regola pratica:</strong> prima di pubblicare qualsiasi articolo, chiediti: "Se Google estraesse solo i primi 3 paragrafi di questo testo, risponderebbero alla domanda del titolo?" Se la risposta è no, l'articolo non è ottimizzato per gli AI Overview.</div>
        </div>

        <div class="section-kicker" style="margin-top:48px">Domande frequenti</div>
        <h2 id="faq">FAQ — Google AI Overviews</h2>
        <div class="faq-list">
          <details class="faq-item">
            <summary class="faq-q">Come faccio a sapere se un AI Overview appare per le mie keyword?</summary>
            <p class="faq-a">Il metodo più diretto è cercare manualmente le tue keyword principali in Google in finestra di navigazione in incognito. Puoi anche usare Google Search Console: le query con alto numero di impressioni ma CTR in calo anomalo sono spesso coperte da AI Overview. Alcuni tool SEO stanno aggiungendo funzionalità per rilevare automaticamente la presenza di AI Overview per keyword specifiche.</p>
          </details>
          <details class="faq-item">
            <summary class="faq-q">Posso impedire a Google di usare i miei contenuti negli AI Overview?</summary>
            <p class="faq-a">Sì. Puoi aggiungere il meta tag <code>nosnippet</code> o <code>max-snippet:0</code> per impedire a Google di estrarre contenuti dalla tua pagina. Attenzione: questo blocca anche featured snippet e altri rich result, riducendo ulteriormente la visibilità. Aggiungere <code>User-agent: Google-Extended / Disallow: /</code> in robots.txt blocca specificamente il crawler che alimenta Gemini e gli AI Overview, ma impatta anche altre funzionalità Google.</p>
          </details>
          <details class="faq-item">
            <summary class="faq-q">Gli AI Overview impattano anche su mobile?</summary>
            <p class="faq-a">Sì, e su mobile l'impatto può essere ancora più marcato perché l'AI Overview occupa quasi tutto lo schermo above-the-fold, rendendo i risultati organici ancora meno visibili. L'ottimizzazione per mobile (velocità, UX) è un prerequisito tecnico per essere considerati fonte affidabile da Google anche per gli AI Overview.</p>
          </details>
          <details class="faq-item">
            <summary class="faq-q">C'è un modo per verificare se il mio sito è citato negli AI Overview?</summary>
            <p class="faq-a">Google Search Console non fornisce dati specifici sulle citazioni negli AI Overview. Il monitoraggio manuale rimane il metodo principale: cerca le tue keyword target e verifica se il tuo sito appare tra le fonti citate. Alcuni tool SEO stanno sviluppando funzionalità automatizzate per questo scopo. Il GEO Score di AEO Metrix misura la visibilità nei principali LLM ma non specificamente negli AI Overview di Google.</p>
          </details>
        </div>

      </article>

      <!-- SIDEBAR -->
      <aside class="sidebar">
        <div class="sidebar-box">
          <div class="sidebar-title">In questa guida</div>
          <ul class="toc-list">
            <li><a href="#cosa-sono">Cosa sono gli AI Overview</a></li>
            <li><a href="#impatto-traffico">Impatto sul traffico</a></li>
            <li><a href="#miti">5 miti da sfatare</a></li>
            <li><a href="#come-ottimizzare">Come ottimizzare</a></li>
            <li><a href="#faq">FAQ</a></li>
          </ul>
        </div>
        <div class="cta-sidebar">
          <div class="sidebar-title">Analizza il tuo sito</div>
          <p>AEO Metrix verifica schema markup, E-E-A-T e struttura dei contenuti in 30 secondi.</p>
          <a class="btn-cta-sm" href="<?= htmlspecialchars($appUrl, ENT_QUOTES) ?>/#tool">Analizza gratis →</a>
        </div>
        <div class="sidebar-box">
          <div class="sidebar-title">Articoli correlati</div>
          <ul class="toc-list">
            <li><a href="come-ottimizzare-sito-chatgpt.php">→ Ottimizzare per ChatGPT</a></li>
            <li><a href="geo-score.php">→ Cos'è il GEO Score</a></li>
            <li><a href="ai-seo-tools.php">→ I migliori tool AI SEO</a></li>
          </ul>
        </div>
      </aside>

    </div>
  </div>

  <!-- RELATED -->
  <section class="related-section">
    <div class="wrap">
      <p class="section-kicker">Continua a leggere</p>
      <h2 style="font-size:26px;letter-spacing:-.6px;margin-bottom:4px">Approfondisci il tema AI Search</h2>
      <div class="related-grid">
        <a class="related-card" href="geo-score.php">
          <span class="related-kicker">Guida · GEO</span>
          <span class="related-title">GEO Score: cos'è e come migliorarlo nel 2026</span>
          <span class="related-desc">La metrica che misura la visibilità del tuo brand nelle risposte AI: come si calcola e come aumentarla.</span>
        </a>
        <a class="related-card" href="come-ottimizzare-sito-chatgpt.php">
          <span class="related-kicker">Guida · 7 step</span>
          <span class="related-title">Come ottimizzare un sito per ChatGPT</span>
          <span class="related-desc">Checklist interattiva con 25+ controlli AEO da applicare subito.</span>
        </a>
        <a class="related-card" href="ai-seo-tools.php">
          <span class="related-kicker">Classifica · Tool</span>
          <span class="related-title">I migliori tool AI SEO nel 2026</span>
          <span class="related-desc">Confronto tra 7 strumenti per misurare e migliorare la visibilità nei motori AI.</span>
        </a>
      </div>
    </div>
  </section>

  <!-- FINAL CTA -->
  <div class="wrap">
    <div class="final-cta">
      <h2>Verifica se il tuo sito è pronto per gli AI Overview</h2>
      <p>AEO Metrix analizza schema markup, E-E-A-T e struttura dei contenuti producendo un action plan con le priorità da correggere.</p>
      <div class="cta-btns">
        <a class="btn-primary" href="<?= htmlspecialchars($appUrl, ENT_QUOTES) ?>/#tool" style="font-size:15px;padding:13px 24px">Analizza gratis →</a>
        <a class="btn-secondary" href="strumenti-aeo.php" style="padding:13px 20px">Confronta i tool AEO</a>
      </div>
    </div>
  </div>

</main>

<?php include '../includes/footer.php'; ?>

<img src="https://www.aeometrix.it/crawler-tracker.php?action=beacon&domain=tuosito.it&path=<?= urlencode($_SERVER['REQUEST_URI']) ?>" width="1" height="1" style="display:none" alt="">

</body>
</html>