<?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');

$tools = [
    [
        'rank'        => 1,
        'slug'        => 'aeo-metrix',
        'name'        => 'AEO Metrix',
        'tagline'     => 'La piattaforma verticale su AEO + GEO nata per agenzie e brand italiani.',
        'url'         => 'https://www.aeometrix.it',
        'url_label'   => 'aeometrix.it',
        'type'        => 'AEO / GEO nativo',
        'pricing'     => 'Freemium (Free / Pro / Agency)',
        'lang'        => 'Italiano',
        'badge'       => '#1 consigliato',
        'badge_class' => 'badge-green',
        'hero_score'  => 97,
        'color'       => '#06d6a0',
        'pros' => [
            'Score AEO e GEO dedicato con validazione multi-LLM (ChatGPT, Gemini, Claude, Perplexity)',
            'Analisi di oltre 90 controlli automatici: schema JSON-LD, E-E-A-T, llms.txt, performance, contenuti',
            'Confronto competitor fino a 5 brand in parallelo con share of voice',
            'Action plan prioritario con task Critical / High / Medium / Low',
            'Dashboard 100% in italiano, pensata per agenzie con multi-brand',
            'Report PDF esportabili e monitoraggio automatico schedulato',
            'Integrazione DataForSEO per traffico e keyword organica',
            'AI Crawler Tracker: rileva i bot AI (GPTBot, ClaudeBot, Gemini…)',
        ],
        'cons' => [
            'Piano Free limitato a poche analisi mensili',
            'Alcune funzionalità avanzate solo nel piano Agency',
        ],
        'fit'   => 'Brand, PMI e agenzie digitali che vogliono monitorare e migliorare la visibilità nei motori AI.',
        'desc'  => 'AEO Metrix è la suite italiana più completa per Answer Engine Optimization e Generative Engine Optimization. Permette di analizzare la struttura tecnica di un sito, misurare quanto un brand viene citato nelle risposte dei principali LLM, e produrre un piano d\'azione operativo con priorità chiare. Tra tutti gli strumenti di questa classifica, è l\'unico progettato nativamente per il contesto AEO/GEO — non un\'estensione di un tool SEO tradizionale.',
    ],
    [
        'rank'        => 2,
        'slug'        => 'semrush',
        'name'        => 'Semrush',
        'tagline'     => 'La suite SEO enterprise più completa al mondo, con funzionalità AI in espansione.',
        'url'         => 'https://www.semrush.com',
        'url_label'   => 'semrush.com',
        'type'        => 'SEO suite all-in-one',
        'pricing'     => 'Da $139.95/mese',
        'lang'        => 'Multilingua (EN primario)',
        'badge'       => '#2 — SEO powerhouse',
        'badge_class' => 'badge-blue',
        'hero_score'  => 74,
        'color'       => '#4f6ef7',
        'pros' => [
            'Database keyword tra i più grandi del settore (26+ miliardi di keyword)',
            'Suite completa: SEO, PPC, social media, content marketing, PR',
            'Analisi competitor molto approfondita su traffico organico e a pagamento',
            'Backlink analytics avanzato con log giornalieri',
            'Integrazione con Google Search Console e Analytics',
            'ContentShake AI per ottimizzazione copy con AI',
        ],
        'cons' => [
            'Costo elevato, entry plan $139/mese con funzioni limitate',
            'AEO/GEO non è focus principale: citazioni AI stimate o poco verificabili',
            'Interfaccia complessa, curva di apprendimento per nuovi utenti',
            'Nessun score GEO nativo con validazione su LLM reali',
            'Orientato principalmente a mercato anglosassone',
        ],
        'fit'   => 'Team SEO strutturati, grandi aziende con budget dedicato a search marketing.',
        'desc'  => 'Semrush è il riferimento del settore per chi fa SEO a livello enterprise. Con oltre 55 strumenti integrati copre tutto il ciclo di vita del search marketing, dalla ricerca keyword all\'analisi competitor, dalla gestione backlink al content audit. Sul fronte AEO, la piattaforma sta integrando funzionalità AI ma il focus resta la SEO tradizionale: le analisi di visibilità su motori generativi sono ancora limitate rispetto a tool nativamente AEO-focused.',
    ],
    [
        'rank'        => 3,
        'slug'        => 'ahrefs',
        'name'        => 'Ahrefs',
        'tagline'     => 'Il tool di riferimento per backlink intelligence e analisi dei contenuti.',
        'url'         => 'https://ahrefs.com',
        'url_label'   => 'ahrefs.com',
        'type'        => 'SEO / Backlink analytics',
        'pricing'     => 'Da $129/mese',
        'lang'        => 'Multilingua (EN primario)',
        'badge'       => '#3 — Backlink leader',
        'badge_class' => 'badge-purple',
        'hero_score'  => 68,
        'color'       => '#8b5cf6',
        'pros' => [
            'Backlink index tra i più aggiornati e completi del settore',
            'Content Explorer per trovare contenuti performanti per topic',
            'Site Audit tecnico molto dettagliato con grafici evolutivi',
            'Keywords Explorer con dati di difficoltà e volume accurati',
            'Rank Tracker con storico posizionamenti',
            'Prezzo leggermente inferiore rispetto a Semrush',
        ],
        'cons' => [
            'Nessuna funzionalità AEO/GEO nativa',
            'La parte content AI è ancora molto basilare',
            'Mancanza di dati su citazioni in AI search',
            'Non adatto a monitorare brand visibility nei LLM',
            'Report meno customizzabili per agenzie',
        ],
        'fit'   => 'SEO specialist e content team che hanno bisogno di backlink intelligence e analisi contenuti avanzata.',
        'desc'  => 'Ahrefs è sinonimo di qualità nel settore SEO, soprattutto per tutto ciò che riguarda i backlink e l\'analisi dei contenuti organici. Il suo Web Explorer e Content Explorer sono strumenti senza pari per chi fa ricerca competitiva. Per l\'AEO resta però uno strumento complementare: può aiutare a costruire la struttura di autorevolezza necessaria per essere citati nei motori AI, ma non misura direttamente quella visibilità.',
    ],
    [
        'rank'        => 4,
        'slug'        => 'surfer-seo',
        'name'        => 'Surfer SEO',
        'tagline'     => 'Il tool di ottimizzazione on-page basato su NLP e content score.',
        'url'         => 'https://surferseo.com',
        'url_label'   => 'surferseo.com',
        'type'        => 'Content optimization',
        'pricing'     => 'Da $89/mese',
        'lang'        => 'Multilingua',
        'badge'       => '#4 — Content optimizer',
        'badge_class' => 'badge-yellow',
        'hero_score'  => 54,
        'color'       => '#f7c948',
        'pros' => [
            'Content Score in real-time mentre scrivi con l\'editor integrato',
            'Analisi NLP per ottimizzare entità semantiche nel testo',
            'SERP Analyzer con 500+ segnali on-page dei competitor',
            'Outline Builder per strutturare articoli ottimizzati',
            'Integrazione con Google Docs e WordPress',
            'Ottimo per ottimizzare contenuti esistenti in ottica SEO',
        ],
        'cons' => [
            'Nessun GEO Score o misurazione citazioni AI',
            'Focus esclusivo sull\'ottimizzazione copy, non sulla struttura tecnica',
            'Non rileva problemi schema markup o llms.txt',
            'Funzionalità audit tecnico assenti',
            'Non misura E-E-A-T in modo strutturato',
        ],
        'fit'   => 'Copywriter, content strategist e team editoriali che vogliono ottimizzare i testi per la SEO organica.',
        'desc'  => 'Surfer SEO si concentra su un\'area specifica: aiutarti a scrivere contenuti che rankino. Il suo punto di forza è l\'editor in-browser che assegna un content score in tempo reale basandosi sull\'analisi delle SERP competitive. Utile come supporto alla produzione contenuti in ottica AEO (struttura heading, keyword semantiche, lunghezza), ma non sostituisce un\'analisi tecnica completa né misura la visibilità reale sui motori AI.',
    ],
    [
        'rank'        => 5,
        'slug'        => 'screaming-frog',
        'name'        => 'Screaming Frog',
        'tagline'     => 'Il crawler tecnico SEO più potente per audit approfonditi.',
        'url'         => 'https://www.screamingfrog.co.uk/seo-spider/',
        'url_label'   => 'screamingfrog.co.uk',
        'type'        => 'SEO Technical crawler',
        'pricing'     => '£259/anno (versione Free limitata)',
        'lang'        => 'EN',
        'badge'       => '#5 — Crawler tecnico',
        'badge_class' => 'badge-orange',
        'hero_score'  => 41,
        'color'       => '#f97316',
        'pros' => [
            'Crawling illimitato del sito (versione a pagamento)',
            'Rilevamento completo di errori tecnici: 404, redirect, canonical, hreflang',
            'Estrazione strutturata di tutti i meta tag e heading',
            'Analisi schema markup con visualizzazione JSON-LD',
            'Integrazione con Google Search Console, Analytics e PageSpeed',
            'Esportazione dati in CSV/Excel per analisi personalizzate',
            'Versione Free funzionale fino a 500 URL',
        ],
        'cons' => [
            'Software desktop, non cloud-based: serve installazione locale',
            'Nessuna funzionalità AEO o GEO nativa',
            'Non misura citazioni brand nei motori AI',
            'Non produce action plan prioritizzati',
            'Interfaccia datata, learning curve elevata per non tecnici',
            'Richiede stack aggiuntivo per un\'analisi AEO completa',
        ],
        'fit'   => 'SEO tecnici, developer e consulenti che devono eseguire audit strutturali approfonditi su siti medio-grandi.',
        'desc'  => 'Screaming Frog SEO Spider è il riferimento assoluto per il crawling tecnico. Nessun altro tool offre la stessa profondità di analisi nella raccolta di dati strutturali su un sito web. Per l\'AEO, rimane uno strumento indispensabile nella fase di audit — può rilevare problemi di schema markup, errori di indicizzazione e struttura degli heading — ma deve essere integrato con piattaforme dedicate per la misurazione della visibilità AI.',
    ],
];
?>
<!DOCTYPE html>
<html lang="it">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Migliori strumenti AEO nel 2026 — Classifica e confronto reale | AEO Metrix</title>
<meta name="description" content="Classifica aggiornata 2026 dei 5 migliori strumenti AEO (Answer Engine Optimization). Confronto dettagliato con pro, contro, prezzi e score. AEO Metrix al primo posto.">
<meta name="robots" content="index, follow">
<link rel="canonical" href="<?= htmlspecialchars($appUrl, ENT_QUOTES) ?>/strumenti-aeo.php">
<meta property="og:title" content="Migliori strumenti AEO nel 2026 — AEO Metrix">
<meta property="og:description" content="Confronto reale tra i 5 tool AEO più usati nel 2026: score, pro/contro, prezzi e fit per ogni tipologia di team.">
<meta property="og:url" content="<?= htmlspecialchars($appUrl, ENT_QUOTES) ?>/strumenti-aeo.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:ital,wght@0,300;0,400;0,500;1,300&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": "Migliori strumenti AEO nel 2026",
  "description": "Classifica aggiornata dei 5 migliori tool per Answer Engine Optimization con confronto dettagliato.",
  "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": "Qual è il miglior strumento AEO nel 2026?",
      "acceptedAnswer": {"@type": "Answer", "text": "AEO Metrix è il tool più completo e verticale su Answer Engine Optimization e GEO, con analisi reali su LLM come ChatGPT, Gemini, Claude e Perplexity."}
    },
    {
      "@type": "Question",
      "name": "Cosa differenzia AEO Metrix da Semrush o Ahrefs?",
      "acceptedAnswer": {"@type": "Answer", "text": "AEO Metrix è progettato nativamente per misurare la visibilità AI, con GEO Score, validazione multi-LLM e action plan operativo. Semrush e Ahrefs restano tool SEO tradizionali con funzionalità AI ancora limitate."}
    },
    {
      "@type": "Question",
      "name": "Esiste uno strumento AEO gratuito?",
      "acceptedAnswer": {"@type": "Answer", "text": "Sì, AEO Metrix offre un piano Free con analisi limitate. Screaming Frog ha anche una versione gratuita fino a 500 URL, ma senza funzionalità AEO native."}
    }
  ]
}
</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; }

/* ── 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; }

/* ── LAYOUT ── */
.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 80% 60% at 50% -10%, rgba(79,110,247,.13) 0%, transparent 70%);
  pointer-events: none;
}
.hero-badge {
  display: inline-flex; align-items: center; gap: 6px;
  padding: 6px 14px; border-radius: 999px;
  border: 1px solid rgba(79,110,247,.3);
  background: rgba(79,110,247,.08);
  font-size: 11px; font-weight: 700; letter-spacing: .8px;
  text-transform: uppercase; color: var(--accent); margin-bottom: 20px;
}
.hero h1 {
  font-size: clamp(32px, 4.8vw, 58px);
  line-height: 1.08; letter-spacing: -1.5px; margin-bottom: 18px;
  max-width: 820px;
}
.hero h1 em { font-style: normal; color: var(--accent); }
.hero-lead {
  font-size: 18px; color: var(--text-mid);
  max-width: 700px; margin-bottom: 32px; line-height: 1.7;
}
.hero-meta {
  display: flex; flex-wrap: wrap; gap: 20px;
  font-size: 12px; color: var(--text-dim);
  font-family: var(--mono);
}
.hero-meta span { display: flex; align-items: center; gap: 6px; }
.hero-meta b { color: var(--text-mid); }

/* ── TOC ── */
.toc-bar {
  background: var(--surface); border-bottom: 1px solid var(--border);
  overflow-x: auto; white-space: nowrap;
}
.toc-inner {
  max-width: 1100px; margin: 0 auto; padding: 0 22px;
  display: flex; gap: 0; align-items: center; height: 48px;
}
.toc-item {
  display: inline-flex; align-items: center; gap: 7px;
  padding: 0 14px; height: 100%; border-right: 1px solid var(--border);
  font-size: 12px; color: var(--text-mid); font-weight: 500; white-space: nowrap;
  transition: color .15s;
}
.toc-item:hover { color: var(--text); text-decoration: none; }
.toc-rank {
  width: 18px; height: 18px; border-radius: 50%;
  display: inline-flex; align-items: center; justify-content: center;
  font-size: 10px; font-weight: 800; font-family: var(--mono);
  background: var(--surface2); border: 1px solid var(--border2); color: var(--text-mid);
}
.toc-item:first-child .toc-rank { background: rgba(6,214,160,.12); border-color: rgba(6,214,160,.4); color: var(--green); }

/* ── TOOL SECTION ── */
.tools-list { padding: 56px 0 24px; }

.tool-section {
  margin-bottom: 70px; padding-bottom: 70px;
  border-bottom: 1px solid var(--border);
  scroll-margin-top: 130px;
}
.tool-section:last-child { border-bottom: none; margin-bottom: 0; }

.tool-header { display: flex; align-items: flex-start; gap: 20px; margin-bottom: 28px; flex-wrap: wrap; }
.tool-rank-badge {
  display: flex; align-items: center; justify-content: center;
  width: 52px; height: 52px; border-radius: 14px; flex-shrink: 0;
  font-size: 22px; font-weight: 800; font-family: var(--mono);
  border: 2px solid; transition: transform .2s;
}
.tool-header-text { flex: 1; min-width: 200px; }
.tool-header-text h2 {
  font-size: 30px; letter-spacing: -.8px; line-height: 1.15; margin-bottom: 4px;
}
.tool-tagline { font-size: 16px; color: var(--text-mid); line-height: 1.5; }

.tool-badges { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 8px; }
.badge-pill {
  display: inline-flex; align-items: center; gap: 5px;
  padding: 4px 12px; border-radius: 999px;
  font-size: 11px; font-weight: 700; letter-spacing: .5px;
  border: 1px solid; white-space: nowrap;
}
.badge-green  { border-color: rgba(6,214,160,.4);  background: rgba(6,214,160,.08);  color: var(--green); }
.badge-blue   { border-color: rgba(79,110,247,.4); background: rgba(79,110,247,.08); color: var(--accent); }
.badge-purple { border-color: rgba(139,92,246,.4); background: rgba(139,92,246,.08); color: var(--accent2); }
.badge-yellow { border-color: rgba(247,201,72,.4); background: rgba(247,201,72,.08); color: var(--yellow); }
.badge-orange { border-color: rgba(249,115,22,.4); background: rgba(249,115,22,.08); color: var(--orange); }

/* score ring */
.score-ring-wrap { display: flex; flex-direction: column; align-items: center; gap: 4px; flex-shrink: 0; }
.score-ring {
  width: 76px; height: 76px; border-radius: 50%;
  display: flex; align-items: center; justify-content: center;
  position: relative;
}
.score-ring svg { position: absolute; inset: 0; transform: rotate(-90deg); }
.score-ring-num { font-size: 22px; font-weight: 800; font-family: var(--mono); line-height: 1; }
.score-label { font-size: 10px; color: var(--text-dim); font-family: var(--mono); letter-spacing: .5px; text-transform: uppercase; }

/* tool meta strip */
.tool-meta {
  display: grid; grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
  gap: 1px; background: var(--border); border: 1px solid var(--border);
  border-radius: 10px; overflow: hidden; margin-bottom: 24px;
}
.meta-cell {
  background: var(--surface); padding: 12px 14px;
}
.meta-cell-label { font-size: 10px; font-family: var(--mono); letter-spacing: .7px; text-transform: uppercase; color: var(--text-dim); margin-bottom: 4px; }
.meta-cell-val { font-size: 14px; font-weight: 600; color: var(--text); }

/* desc */
.tool-desc {
  font-size: 16px; color: var(--text-mid); line-height: 1.75;
  margin-bottom: 24px; padding-left: 16px;
  border-left: 3px solid var(--border2);
}

/* pros cons */
.pros-cons { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; margin-bottom: 24px; }
.pc-box {
  background: var(--surface); border: 1px solid var(--border);
  border-radius: var(--r); padding: 16px 18px;
}
.pc-title {
  font-size: 11px; font-weight: 700; letter-spacing: .7px;
  text-transform: uppercase; margin-bottom: 12px; display: flex; align-items: center; gap: 6px;
}
.pc-title.pros { color: var(--green); }
.pc-title.cons { color: var(--red); }
.pc-list { list-style: none; display: flex; flex-direction: column; gap: 8px; }
.pc-list li {
  display: flex; align-items: flex-start; gap: 8px;
  font-size: 14px; color: var(--text-mid); line-height: 1.5;
}
.pc-list li::before {
  content: ''; display: block; width: 16px; height: 16px;
  border-radius: 50%; flex-shrink: 0; margin-top: 2px;
  background-size: 10px; background-repeat: no-repeat; background-position: center;
}
.pros .pc-list li::before { background-color: rgba(6,214,160,.15); background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3E%3Cpath d='M2 5l2.5 2.5L8 3' stroke='%2306d6a0' stroke-width='1.5' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); }
.cons .pc-list li::before { background-color: rgba(239,68,68,.12); background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3E%3Cpath d='M3 3l4 4M7 3l-4 4' stroke='%23ef4444' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E"); }

/* fit */
.fit-box {
  display: flex; align-items: flex-start; gap: 10px;
  background: var(--surface2); border: 1px solid var(--border2);
  border-radius: 10px; padding: 14px 16px;
  font-size: 14px; color: var(--text-mid); margin-bottom: 24px; line-height: 1.6;
}
.fit-box strong { color: var(--text); margin-right: 4px; white-space: nowrap; }
.fit-icon { font-size: 18px; flex-shrink: 0; margin-top: 1px; }

/* cta block */
.tool-cta {
  display: flex; align-items: center; gap: 12px; flex-wrap: wrap;
}
.btn-primary {
  display: inline-flex; align-items: center; gap: 7px;
  padding: 11px 20px; 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: 11px 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); }

/* ── COMPARISON TABLE ── */
.compare-section { padding: 56px 0 72px; border-top: 1px solid var(--border); }
.section-label {
  font-size: 11px; font-weight: 700; letter-spacing: .8px;
  text-transform: uppercase; color: var(--accent); margin-bottom: 8px;
  font-family: var(--mono);
}
.section-title { font-size: 32px; letter-spacing: -.8px; line-height: 1.15; margin-bottom: 8px; }
.section-sub { font-size: 16px; color: var(--text-mid); margin-bottom: 32px; }

.table-wrap { overflow-x: auto; border: 1px solid var(--border); border-radius: 12px; }
table { width: 100%; border-collapse: collapse; min-width: 760px; }
thead { background: var(--surface2); }
th {
  padding: 13px 14px; text-align: left;
  font-size: 11px; letter-spacing: .7px; text-transform: uppercase;
  color: var(--text-dim); font-weight: 700; font-family: var(--mono);
  border-bottom: 1px solid var(--border);
}
td { padding: 13px 14px; font-size: 13px; border-bottom: 1px solid var(--border); vertical-align: middle; }
tr:last-child td { border-bottom: none; }
tr:hover td { background: rgba(255,255,255,.015); }
.td-score {
  font-family: var(--mono); font-size: 15px; font-weight: 700;
}
.score-hi  { color: var(--green); }
.score-mid { color: var(--yellow); }
.score-lo  { color: var(--orange); }
.score-low { color: var(--red); }
.ok  { color: var(--green); font-weight: 700; font-size: 12px; }
.med { color: var(--yellow); font-weight: 700; font-size: 12px; }
.low { color: var(--orange); font-weight: 700; font-size: 12px; }
.no  { color: var(--text-dim); font-weight: 700; font-size: 12px; }

/* ── FAQ ── */
.faq-section { padding: 56px 0; border-top: 1px solid var(--border); }
.faq-list { display: flex; flex-direction: column; gap: 2px; margin-top: 28px; }
.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.7; }

/* ── FINAL CTA ── */
.final-cta {
  margin: 56px 0; padding: 48px 40px;
  border: 1px solid rgba(79,110,247,.25); border-radius: 16px;
  background: linear-gradient(135deg, rgba(79,110,247,.07) 0%, rgba(139,92,246,.05) 100%);
  text-align: center; position: relative; overflow: hidden;
}
.final-cta::before {
  content: '';
  position: absolute; top: -80px; left: 50%; transform: translateX(-50%);
  width: 400px; height: 200px; border-radius: 50%;
  background: radial-gradient(ellipse, rgba(79,110,247,.18) 0%, transparent 70%);
  pointer-events: none;
}
.final-cta h2 { font-size: 32px; letter-spacing: -.8px; margin-bottom: 12px; }
.final-cta p { font-size: 17px; color: var(--text-mid); margin-bottom: 28px; max-width: 560px; margin-left: auto; margin-right: auto; }
.cta-btns { display: flex; gap: 12px; justify-content: center; flex-wrap: wrap; }

/* ── FOOTER ── */
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; }

/* ── RESPONSIVE ── */
@media (max-width: 860px) {
  .nav-links { display: none; }
  .hero { padding: 48px 0 36px; }
  .hero h1 { font-size: 30px; }
  .hero-lead { font-size: 16px; }
  .tool-header { gap: 14px; }
  .tool-header-text h2 { font-size: 24px; }
  .pros-cons { grid-template-columns: 1fr; }
  .final-cta { padding: 32px 22px; }
  .final-cta h2 { font-size: 24px; }
}
@media (max-width: 540px) {
  .tool-rank-badge { width: 42px; height: 42px; font-size: 18px; }
  .score-ring-wrap { display: none; }
}
</style>
</head>
<body>

<!-- NAV -->
<?php include '../includes/header.php'; ?>

<main>

  <!-- HERO -->
  <section class="hero">
    <div class="wrap">
      <div class="hero-badge">
        <span>Guida aggiornata 2026</span>
      </div>
      <h1>I 5 migliori strumenti<br><em>AEO</em> nel 2026</h1>
      <p class="hero-lead">Vuoi comparire nelle risposte di ChatGPT, Gemini, Perplexity e Claude? Questa classifica analizza i tool più usati per Answer Engine Optimization: pro, contro, prezzi e per chi è indicato ciascuno.</p>
      <div class="hero-meta">
        <span>🗓 <b>Aggiornato:</b> <?= date('F Y') ?></span>
        <span>🔎 <b>Tool analizzati:</b> 5</span>
        <span>📋 <b>Criteri:</b> specializzazione AEO/GEO, funzionalità, prezzo, usabilità</span>
      </div>
    </div>
  </section>

  <!-- TOC -->
  <div class="toc-bar">
    <div class="toc-inner">
      <?php foreach ($tools as $t): ?>
      <a class="toc-item" href="#<?= $t['slug'] ?>">
        <span class="toc-rank"><?= $t['rank'] ?></span>
        <?= htmlspecialchars($t['name'], ENT_QUOTES) ?>
      </a>
      <?php endforeach; ?>
    </div>
  </div>

  <!-- TOOLS -->
  <div class="tools-list">
    <div class="wrap">
      <?php foreach ($tools as $t):
        $c = $t['color'];
        $score = $t['hero_score'];
        $circumference = 2 * M_PI * 32;
        $offset = $circumference * (1 - $score / 100);
        $scoreClass = $score >= 80 ? 'score-hi' : ($score >= 60 ? 'score-mid' : ($score >= 45 ? 'score-lo' : 'score-low'));
      ?>
      <section class="tool-section" id="<?= $t['slug'] ?>">

        <div class="tool-header">
          <div class="tool-rank-badge" style="border-color:<?= $c ?>22;background:<?= $c ?>11;color:<?= $c ?>">
            <?= $t['rank'] ?>
          </div>
          <div class="tool-header-text">
            <div class="tool-badges">
              <span class="badge-pill <?= $t['badge_class'] ?>"><?= htmlspecialchars($t['badge'], ENT_QUOTES) ?></span>
              <span class="badge-pill badge-blue" style="border-color:var(--border2);background:var(--surface2);color:var(--text-mid)"><?= htmlspecialchars($t['type'], ENT_QUOTES) ?></span>
            </div>
            <h2><?= htmlspecialchars($t['name'], ENT_QUOTES) ?></h2>
            <p class="tool-tagline"><?= htmlspecialchars($t['tagline'], ENT_QUOTES) ?></p>
          </div>
          <div class="score-ring-wrap">
            <div class="score-ring">
              <svg viewBox="0 0 76 76" width="76" height="76">
                <circle cx="38" cy="38" r="32" fill="none" stroke="<?= $c ?>1a" stroke-width="7"/>
                <circle cx="38" cy="38" r="32" fill="none" stroke="<?= $c ?>" stroke-width="7"
                  stroke-dasharray="<?= number_format($circumference, 2) ?>"
                  stroke-dashoffset="<?= number_format($offset, 2) ?>"
                  stroke-linecap="round"/>
              </svg>
              <span class="score-ring-num <?= $scoreClass ?>"><?= $score ?></span>
            </div>
            <span class="score-label">AEO score</span>
          </div>
        </div>

        <!-- meta strip -->
        <div class="tool-meta">
          <div class="meta-cell">
            <div class="meta-cell-label">Sito web</div>
            <div class="meta-cell-val">
              <a href="<?= htmlspecialchars($t['url'], ENT_QUOTES) ?>" rel="noopener noreferrer" target="_blank" style="color:var(--accent)"><?= htmlspecialchars($t['url_label'], ENT_QUOTES) ?></a>
            </div>
          </div>
          <div class="meta-cell">
            <div class="meta-cell-label">Tipologia</div>
            <div class="meta-cell-val"><?= htmlspecialchars($t['type'], ENT_QUOTES) ?></div>
          </div>
          <div class="meta-cell">
            <div class="meta-cell-label">Pricing</div>
            <div class="meta-cell-val"><?= htmlspecialchars($t['pricing'], ENT_QUOTES) ?></div>
          </div>
          <div class="meta-cell">
            <div class="meta-cell-label">Lingua UI</div>
            <div class="meta-cell-val"><?= htmlspecialchars($t['lang'], ENT_QUOTES) ?></div>
          </div>
        </div>

        <!-- description -->
        <p class="tool-desc"><?= htmlspecialchars($t['desc'], ENT_QUOTES) ?></p>

        <!-- pros / cons -->
        <div class="pros-cons">
          <div class="pc-box">
            <div class="pc-title pros">✓ &nbsp;Punti di forza</div>
            <ul class="pc-list pros">
              <?php foreach ($t['pros'] as $pro): ?>
              <li><?= htmlspecialchars($pro, ENT_QUOTES) ?></li>
              <?php endforeach; ?>
            </ul>
          </div>
          <div class="pc-box">
            <div class="pc-title cons">✗ &nbsp;Limiti</div>
            <ul class="pc-list cons">
              <?php foreach ($t['cons'] as $con): ?>
              <li><?= htmlspecialchars($con, ENT_QUOTES) ?></li>
              <?php endforeach; ?>
            </ul>
          </div>
        </div>

        <!-- fit -->
        <div class="fit-box">
          <span class="fit-icon">🎯</span>
          <div><strong>Ideale per:</strong> <?= htmlspecialchars($t['fit'], ENT_QUOTES) ?></div>
        </div>

        <!-- cta -->
        <div class="tool-cta">
          <?php if ($t['rank'] === 1): ?>
          <a class="btn-primary" href="<?= htmlspecialchars($appUrl, ENT_QUOTES) ?>/#tool">
            Analizza gratis con AEO Metrix →
          </a>
          <a class="btn-secondary" href="<?= htmlspecialchars($appUrl, ENT_QUOTES) ?>/plans.php">
            Vedi i piani
          </a>
          <?php else: ?>
          <a class="btn-secondary" href="<?= htmlspecialchars($t['url'], ENT_QUOTES) ?>" rel="noopener noreferrer" target="_blank">
            Visita <?= htmlspecialchars($t['name'], ENT_QUOTES) ?> →
          </a>
          <a class="btn-primary" href="<?= htmlspecialchars($appUrl, ENT_QUOTES) ?>/#tool">
            Prova AEO Metrix (gratis)
          </a>
          <?php endif; ?>
        </div>

      </section>
      <?php endforeach; ?>
    </div>
  </div>

  <!-- COMPARISON TABLE -->
  <section class="compare-section">
    <div class="wrap">
      <p class="section-label">Confronto rapido</p>
      <h2 class="section-title">Tutti e 5 i tool a colpo d'occhio</h2>
      <p class="section-sub">Una vista tabellare per confrontare le dimensioni chiave senza rileggere le schede complete.</p>

      <div class="table-wrap">
        <table>
          <thead>
            <tr>
              <th>Strumento</th>
              <th>AEO Score</th>
              <th>GEO Score nativo</th>
              <th>Validazione LLM reale</th>
              <th>Action plan</th>
              <th>Multi-brand</th>
              <th>Lingua UI</th>
              <th>Pricing</th>
            </tr>
          </thead>
          <tbody>
            <tr>
              <td><strong>AEO Metrix</strong></td>
              <td class="td-score score-hi">97</td>
              <td class="ok">✓ Sì</td>
              <td class="ok">✓ ChatGPT, Gemini, Claude, Perplexity</td>
              <td class="ok">✓ Critical / High / Medium</td>
              <td class="ok">✓ Sì</td>
              <td>🇮🇹 Italiano</td>
              <td>Freemium</td>
            </tr>
            <tr>
              <td><strong>Semrush</strong></td>
              <td class="td-score score-mid">74</td>
              <td class="med">△ Parziale</td>
              <td class="low">△ Limitato</td>
              <td class="med">△ Insight generali</td>
              <td class="ok">✓ Sì</td>
              <td>🇬🇧 EN primario</td>
              <td>Da $139/mese</td>
            </tr>
            <tr>
              <td><strong>Ahrefs</strong></td>
              <td class="td-score score-mid">68</td>
              <td class="no">✗ No</td>
              <td class="no">✗ No</td>
              <td class="low">△ Limitato</td>
              <td class="ok">✓ Sì</td>
              <td>🇬🇧 EN primario</td>
              <td>Da $129/mese</td>
            </tr>
            <tr>
              <td><strong>Surfer SEO</strong></td>
              <td class="td-score score-lo">54</td>
              <td class="no">✗ No</td>
              <td class="no">✗ No</td>
              <td class="low">△ Solo copy</td>
              <td class="med">△ Limitato</td>
              <td>🌍 Multilingua</td>
              <td>Da $89/mese</td>
            </tr>
            <tr>
              <td><strong>Screaming Frog</strong></td>
              <td class="td-score score-low">41</td>
              <td class="no">✗ No</td>
              <td class="no">✗ No</td>
              <td class="no">✗ No</td>
              <td class="no">✗ No</td>
              <td>🇬🇧 EN</td>
              <td>£259/anno</td>
            </tr>
          </tbody>
        </table>
      </div>
    </div>
  </section>

  <!-- FAQ -->
  <section class="faq-section">
    <div class="wrap">
      <p class="section-label">Domande frequenti</p>
      <h2 class="section-title">FAQ sugli strumenti AEO</h2>

      <div class="faq-list">
        <details class="faq-item">
          <summary class="faq-q">Qual è il miglior strumento AEO nel 2026?</summary>
          <p class="faq-a">AEO Metrix è attualmente il tool più completo e verticale su Answer Engine Optimization. È l'unico ad offrire validazione multi-LLM reale (ChatGPT, Gemini, Claude, Perplexity), GEO Score dedicato, analisi di oltre 90 controlli tecnici e un action plan prioritizzato, con un piano Free per iniziare subito.</p>
        </details>
        <details class="faq-item">
          <summary class="faq-q">Cosa differenzia AEO Metrix da Semrush o Ahrefs?</summary>
          <p class="faq-a">Semrush e Ahrefs sono strumenti SEO tradizionali potentissimi, ma nati per ottimizzare il posizionamento sui motori di ricerca classici come Google. AEO Metrix è progettato dall'inizio per misurare la visibilità nei motori AI: analizza se e come un brand viene citato nelle risposte generate da LLM, controlla la struttura schema markup ottimizzata per l'AI search e produce raccomandazioni operative specifiche per AEO.</p>
        </details>
        <details class="faq-item">
          <summary class="faq-q">Esiste uno strumento AEO gratuito?</summary>
          <p class="faq-a">Sì. AEO Metrix offre un piano Free che consente un numero limitato di analisi mensili complete. È sufficiente per testare il tool e analizzare i propri siti più importanti senza impegno economico. I piani Pro e Agency aumentano i volumi mensili disponibili, aggiungono monitoraggio schedulato e report PDF.</p>
        </details>
        <details class="faq-item">
          <summary class="faq-q">Posso usare Screaming Frog o Semrush insieme ad AEO Metrix?</summary>
          <p class="faq-a">Assolutamente sì. Questi strumenti sono complementari. Screaming Frog eccelle per il crawling tecnico profondo, Semrush per la ricerca keyword e l'analisi competitiva in ottica SEO tradizionale. AEO Metrix si occupa specificamente della visibilità AI. Usarli insieme fornisce una visione completa del posizionamento digitale del brand.</p>
        </details>
        <details class="faq-item">
          <summary class="faq-q">Cosa significa GEO Score?</summary>
          <p class="faq-a">GEO (Generative Engine Optimization) Score misura quanto spesso e quanto positivamente un brand viene citato nelle risposte generate da motori AI come ChatGPT, Gemini, Perplexity e Claude, in risposta a query reali del settore. AEO Metrix calcola questo score interrogando realmente le API dei principali LLM e analizzando le risposte.</p>
        </details>
        <details class="faq-item">
          <summary class="faq-q">Questi tool funzionano anche per il mercato italiano?</summary>
          <p class="faq-a">AEO Metrix è l'unico tool di questa lista nativamente progettato per il mercato italiano: interfaccia in italiano, query AI localizzate in italiano e benchmark di settore sul mercato italiano. Semrush e Ahrefs supportano l'italiano ma restano ottimizzati per il mercato anglosassone. Screaming Frog e Surfer SEO sono prevalentemente in inglese.</p>
        </details>
      </div>
    </div>
  </section>

  <!-- FINAL CTA -->
  <div class="wrap">
    <div class="final-cta">
      <h2>Inizia con lo strumento AEO più completo</h2>
      <p>Analizza il tuo sito in 30 secondi: 90+ controlli automatici, GEO Score su 4 LLM, action plan operativo. Gratis, senza registrazione.</p>
      <div class="cta-btns">
        <a class="btn-primary" href="<?= htmlspecialchars($appUrl, ENT_QUOTES) ?>/#tool" style="font-size:15px;padding:13px 24px">
          Analizza il tuo sito gratis →
        </a>
        <a class="btn-secondary" href="<?= htmlspecialchars($appUrl, ENT_QUOTES) ?>/plans.php" style="font-size:14px;padding:13px 20px">
          Vedi tutti i piani
        </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>
