<?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');
?>
<!DOCTYPE html>
<html lang="it">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Schema markup per AI: come strutturare pagine che ChatGPT e Gemini capiscono meglio</title>
<meta name="description" content="Guida allo schema markup per AI: Organization, WebSite, FAQPage, Article, Product e Service per rendere i contenuti più chiari ai motori generativi.">
<meta name="robots" content="index, follow">
<link rel="canonical" href="<?= htmlspecialchars($appUrl, ENT_QUOTES) ?>/schema-markup-per-ai.php">
<meta property="og:title" content="Schema markup per AI: come strutturare pagine che ChatGPT e Gemini capiscono meglio">
<meta property="og:description" content="Guida allo schema markup per AI: Organization, WebSite, FAQPage, Article, Product e Service per rendere i contenuti più chiari ai motori generativi.">
<meta property="og:url" content="<?= htmlspecialchars($appUrl, ENT_QUOTES) ?>/schema-markup-per-ai.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": "Schema markup per AI: come strutturare pagine che ChatGPT e Gemini capiscono meglio",
  "description": "Guida allo schema markup per AI: Organization, WebSite, FAQPage, Article, Product e Service per rendere i contenuti più chiari ai motori generativi.",
  "author": {"@type":"Organization","name":"AEO Metrix","url":"<?= htmlspecialchars($appUrl, ENT_QUOTES) ?>"},
  "publisher": {"@type":"Organization","name":"AEO Metrix","url":"<?= htmlspecialchars($appUrl, ENT_QUOTES) ?>"},
  "datePublished": "2026-03-20",
  "dateModified": "<?= date('Y-m-d') ?>"
}
</script>
<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "FAQPage",
  "mainEntity": [
    {"@type":"Question","name":"Quale schema è più importante per un sito aziendale?","acceptedAnswer":{"@type":"Answer","text":"Organization e WebSite sono la base. Senza questi, brand, publisher e dominio restano meno chiari."}},
    {"@type":"Question","name":"FAQPage va usato sempre?","acceptedAnswer":{"@type":"Answer","text":"No. Va usato quando la pagina contiene davvero una sezione FAQ visibile e utile, con domande e risposte reali."}},
    {"@type":"Question","name":"HowTo è utile per tutte le guide?","acceptedAnswer":{"@type":"Answer","text":"No. È adatto a procedure con step concreti e sequenziali. Per guide concettuali spesso basta Article."}},
    {"@type":"Question","name":"Posso mettere più schemi nella stessa pagina?","acceptedAnswer":{"@type":"Answer","text":"Sì, ma solo se descrivono elementi reali presenti nella pagina e non si contraddicono."}},
    {"@type":"Question","name":"Lo schema da solo fa comparire il sito nelle AI?","acceptedAnswer":{"@type":"Answer","text":"No. Aiuta la comprensione, ma servono anche contenuti solidi, accessibilità tecnica e autorevolezza del brand."}}
  ]
}
</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{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{padding:72px 0 60px;border-bottom:1px solid var(--border);position:relative;overflow:hidden}
.hero::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 80% 55% at 50% -5%,rgba(79,110,247,.13) 0%,transparent 65%);pointer-events:none}
.hero-kicker{display:inline-flex;align-items:center;gap:7px;padding:6px 14px;border-radius:999px;border:1px solid rgba(247,201,72,.35);background:rgba(247,201,72,.07);font-size:11px;font-weight:700;letter-spacing:.8px;text-transform:uppercase;color:var(--yellow);margin-bottom:20px}
.hero h1{font-size:clamp(30px,5vw,60px);line-height:1.06;letter-spacing:-2px;margin-bottom:20px;max-width:930px}
.hero h1 em{font-style:normal;background:linear-gradient(90deg,var(--accent),var(--accent2));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.hero-lead{font-size:18px;color:var(--text-mid);max-width:760px;margin-bottom:32px;line-height:1.7}
.hero-pills{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:36px}
.hero-pill{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;border:1px solid var(--border2);background:var(--surface2);font-size:12px;color:var(--text-mid)}
.hero-pill span{color:var(--text)}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap}
.btn-primary{display:inline-flex;align-items:center;gap:7px;padding:13px 24px;border-radius:10px;background:linear-gradient(135deg,var(--accent),var(--accent2));color:#fff;font-size:15px;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:13px 20px;border-radius:10px;border:1px solid var(--border2);background:var(--surface2);color:var(--text-mid);font-size:14px;font-weight:600;transition:border-color .15s,color .15s}
.btn-secondary:hover{text-decoration:none;color:var(--text);border-color:var(--accent)}
.filter-bar{background:var(--surface);border-bottom:1px solid var(--border);overflow-x:auto;white-space:nowrap}
.filter-inner{max-width:1100px;margin:0 auto;padding:0 22px;display:flex;gap:0;height:48px;align-items:center}
.filter-btn{padding:0 16px;height:100%;display:inline-flex;align-items:center;gap:7px;font-size:13px;font-weight:600;color:var(--text-mid);border-bottom:2px solid transparent;cursor:pointer;transition:color .15s,border-color .15s;white-space:nowrap;background:none;border-left:none;border-right:none;border-top:none}
.filter-btn:hover{color:var(--text)}
.filter-btn.active{color:var(--accent);border-bottom-color:var(--accent)}
.filter-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}
.category-section{padding:52px 0 0;scroll-margin-top:120px}
.cat-header{display:flex;align-items:center;gap:12px;margin-bottom:28px}
.cat-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}
.cat-title{font-size:13px;font-weight:700;letter-spacing:.6px;text-transform:uppercase;font-family:var(--mono)}
.cat-divider{flex:1;height:1px;background:var(--border)}
.tools-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:52px}
.tool-card{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:22px;display:flex;flex-direction:column;gap:14px;transition:border-color .2s}
.tool-card:hover{border-color:var(--border2)}
.tool-card.featured{border-color:rgba(6,214,160,.3);background:linear-gradient(145deg,rgba(6,214,160,.04),var(--surface))}
.tool-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}
.tool-card-left h3{font-size:20px;letter-spacing:-.4px;line-height:1.2;margin-bottom:4px}
.tool-tagline{font-size:13px;color:var(--text-mid);line-height:1.5}
.badge-pill{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:999px;font-size:10px;font-weight:700;letter-spacing:.5px;border:1px solid;white-space:nowrap}
.bc-green{border-color:rgba(6,214,160,.4);background:rgba(6,214,160,.08);color:var(--green)}
.bc-blue{border-color:rgba(79,110,247,.4);background:rgba(79,110,247,.08);color:var(--accent)}
.bc-purple{border-color:rgba(139,92,246,.4);background:rgba(139,92,246,.08);color:var(--accent2)}
.bc-yellow{border-color:rgba(247,201,72,.4);background:rgba(247,201,72,.08);color:var(--yellow)}
.tool-why{font-size:14px;color:var(--text-mid);line-height:1.7;border-left:3px solid var(--border2);padding-left:12px}
.tool-feats{display:flex;flex-wrap:wrap;gap:6px}
.feat-tag{font-size:11px;padding:3px 9px;border-radius:999px;background:var(--surface2);border:1px solid var(--border2);color:var(--text-mid)}
.tool-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;padding-top:10px;border-top:1px solid var(--border)}
.tool-price{font-family:var(--mono);font-size:13px;font-weight:700;color:var(--text)}
.tool-fit{font-size:12px;color:var(--text-dim);flex:1}
.tool-link{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:700;color:var(--accent);flex-shrink:0}
.tool-link:hover{text-decoration:none;opacity:.8}
.explainer{padding:56px 0;border-top:1px solid var(--border)}
.explainer-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:start}
.section-kicker{font-size:11px;font-weight:700;letter-spacing:.8px;text-transform:uppercase;color:var(--accent);font-family:var(--mono);margin-bottom:8px}
.section-title{font-size:30px;letter-spacing:-.7px;line-height:1.15;margin-bottom:16px}
.explainer-text p{font-size:16px;color:var(--text-mid);line-height:1.75;margin-bottom:14px}
.diff-table{background:var(--surface);border:1px solid var(--border);border-radius:12px;overflow:hidden}
.diff-row{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid var(--border)}
.diff-row:last-child{border-bottom:none}.diff-header{background:var(--surface2)}
.diff-cell{padding:12px 14px;font-size:13px}.diff-cell.label{font-size:11px;font-weight:700;letter-spacing:.6px;text-transform:uppercase;color:var(--text-dim);font-family:var(--mono)}
.diff-cell.seo{color:var(--text-mid)}.diff-cell.ai-seo{color:var(--accent)}.diff-cell.head{font-size:12px;font-weight:700;font-family:var(--mono)}
.head-seo{background:var(--surface2);color:var(--text-mid)}.head-ai{background:rgba(79,110,247,.1);color:var(--accent)}
.compare-section{padding:56px 0;border-top:1px solid var(--border)}
.table-wrap{overflow-x:auto;border:1px solid var(--border);border-radius:12px}
table{width:100%;border-collapse:collapse;min-width:800px}thead{background:var(--surface2)}
th{padding:12px 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:12px 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,.012)}
.ok{color:var(--green);font-weight:700}.med{color:var(--yellow);font-weight:700}.no{color:var(--text-dim);font-size:12px}
.faq-section{padding:56px 0;border-top:1px solid var(--border)}
.faq-list{display:flex;flex-direction:column;gap:2px;margin-top:24px}.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}
.inline-cta{margin:40px 0;padding:32px 32px;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:28px;flex-wrap:wrap}
.inline-cta-text h3{font-size:22px;letter-spacing:-.4px;margin-bottom:8px}.inline-cta-text p{font-size:15px;color:var(--text-mid);line-height:1.6;max-width:500px}
.final-cta{margin:0 0 72px;padding:52px 40px;border:1px solid rgba(79,110,247,.22);border-radius:16px;background:linear-gradient(135deg,rgba(79,110,247,.08),rgba(139,92,246,.05));text-align:center;position:relative;overflow:hidden}
.final-cta::before{content:'';position:absolute;top:-70px;left:50%;transform:translateX(-50%);width:500px;height:200px;border-radius:50%;background:radial-gradient(ellipse,rgba(79,110,247,.2) 0%,transparent 70%);pointer-events:none}
.final-cta h2{font-size:34px;letter-spacing:-.8px;margin-bottom:14px}.final-cta p{font-size:17px;color:var(--text-mid);margin-bottom:30px;max-width:560px;margin-left:auto;margin-right:auto;line-height:1.7}
.cta-btns{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
.related-section{padding:48px 0 64px;border-top:1px solid var(--border)}
.related-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:24px}.related-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:20px;display:flex;flex-direction:column;gap:8px;transition:border-color .2s}.related-card:hover{border-color:var(--accent);text-decoration:none}
.related-kicker{font-size:10px;font-weight:700;letter-spacing:.7px;text-transform:uppercase;color:var(--text-dim);font-family:var(--mono)}.related-title{font-size:16px;font-weight:700;color:var(--text);line-height:1.3}.related-desc{font-size:13px;color:var(--text-mid);line-height:1.5}
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:900px){.nav-links{display:none}.tools-grid{grid-template-columns:1fr}.explainer-grid{grid-template-columns:1fr}.related-grid{grid-template-columns:1fr}}
@media(max-width:700px){.hero{padding:44px 0 36px}.hero h1{font-size:28px;letter-spacing:-1px}.hero-lead{font-size:16px}.inline-cta{flex-direction:column;gap:16px}.final-cta{padding:32px 20px}.final-cta h2{font-size:26px}}
</style>

</head>
<body>
<?php include '../includes/header.php'; ?>
<main>
  <section class="hero">
    <div class="wrap">
      <div class="hero-kicker">Guida pratica · Schema JSON-LD</div>
      <h1>Schema markup per AI:<br><em>quali dati strutturati servono davvero</em></h1>
      <p class="hero-lead">I modelli generativi non leggono solo parole: beneficiano di strutture chiare, entità esplicite e relazioni coerenti. Questa guida spiega quali schemi usare, quando usarli e quali errori evitare per aumentare comprensione, coerenza e affidabilità del sito.</p>
      <div class="hero-pills"><div class="hero-pill">• <span>JSON-LD utile</span></div><div class="hero-pill">• <span>Entità chiare</span></div><div class="hero-pill">• <span>Schema prioritari</span></div><div class="hero-pill">• <span>Errori da evitare</span></div></div>
      <div class="hero-actions">
        <a class="btn-primary" href="#sections">Leggi la guida →</a>
        <a class="btn-secondary" href="<?= htmlspecialchars($appUrl, ENT_QUOTES) ?>/#tool">Analizza gratis con AEO Metrix</a>
      </div>
    </div>
  </section>
  <div class="filter-bar">
    <div class="filter-inner"><button class="filter-btn active" onclick="filterCat('all',this)">Tutte le sezioni</button><button class="filter-btn" onclick="filterCat('core',this)"><span class="filter-dot" style="background:#06d6a0"></span>Schema core</button><button class="filter-btn" onclick="filterCat('contenuti',this)"><span class="filter-dot" style="background:#4f6ef7"></span>Schema contenuti</button><button class="filter-btn" onclick="filterCat('qualita',this)"><span class="filter-dot" style="background:#f7c948"></span>Qualità dei dati</button></div>
  </div>
  <div id="sections"><div class="wrap">
      <section class="category-section" id="cat-core" data-cat="core">
        <div class="cat-header">
          <span class="cat-dot" style="background:#06d6a0"></span>
          <span class="cat-title" style="color:#06d6a0">Schema core</span>
          <div class="cat-divider"></div>
        </div>
        <div class="tools-grid">
          <div class="tool-card featured">
            <div class="tool-card-top">
              <div class="tool-card-left">
                <h3>Organization e WebSite</h3>
                <p class="tool-tagline">La base per chiarire identità, brand e proprietà del sito</p>
              </div>
              <span class="badge-pill bc-green">Fondamentale</span>
            </div>
            <p class="tool-why">Ogni progetto che punta alla visibilità AI dovrebbe chiarire subito chi è il soggetto che pubblica, qual è il nome ufficiale del brand, quali sono logo, URL, profili, contatti e collegamenti istituzionali. Organization e WebSite sono lo strato minimo per ridurre ambiguità sul publisher e sulle relazioni tra brand e dominio.</p>
            <div class="tool-feats"><span class="feat-tag">Brand identity</span><span class="feat-tag">Logo ufficiale</span><span class="feat-tag">SameAs coerenti</span><span class="feat-tag">Entità publisher</span></div>
            <div class="tool-footer">
              <span class="tool-price">Obbligo operativo</span>
              <span class="tool-fit">Ideale per: Tutti i siti aziendali e editoriali</span>
              <a class="tool-link" href="#final-cta">Applica questa leva →</a>
            </div>
          </div>
          <div class="tool-card ">
            <div class="tool-card-top">
              <div class="tool-card-left">
                <h3>BreadcrumbList e navigazione semantica</h3>
                <p class="tool-tagline">Aiuta a mostrare la gerarchia reale delle pagine</p>
              </div>
              <span class="badge-pill bc-blue">Architettura chiara</span>
            </div>
            <p class="tool-why">Quando il sito presenta una struttura a sezioni, i breadcrumb aiutano a esprimere il contesto della pagina: categoria, sottoargomento, pagina finale. Questo rende più chiara la posizione del contenuto nella knowledge architecture del sito e riduce la dispersione semantica.</p>
            <div class="tool-feats"><span class="feat-tag">Gerarchia esplicita</span><span class="feat-tag">Contesto pagina</span><span class="feat-tag">Relazioni tra URL</span><span class="feat-tag">Maggiore chiarezza</span></div>
            <div class="tool-footer">
              <span class="tool-price">Alta utilità</span>
              <span class="tool-fit">Ideale per: Magazine, knowledge base, siti con guide</span>
              <a class="tool-link" href="#final-cta">Applica questa leva →</a>
            </div>
          </div>
        </div>
      </section>
      <section class="category-section" id="cat-contenuti" data-cat="contenuti">
        <div class="cat-header">
          <span class="cat-dot" style="background:#4f6ef7"></span>
          <span class="cat-title" style="color:#4f6ef7">Schema contenuti</span>
          <div class="cat-divider"></div>
        </div>
        <div class="tools-grid">
          <div class="tool-card ">
            <div class="tool-card-top">
              <div class="tool-card-left">
                <h3>Article, FAQPage e HowTo</h3>
                <p class="tool-tagline">Per trasformare contenuti informativi in risorse interpretabili meglio</p>
              </div>
              <span class="badge-pill bc-blue">Content schema</span>
            </div>
            <p class="tool-why">Gli articoli che spiegano, confrontano o istruiscono dovrebbero dichiarare tipo di contenuto, autore, data, domande, passaggi e finalità. FAQPage rende chiare le risposte brevi; Article inquadra il pezzo editoriale; HowTo è utile quando esistono step sequenziali reali. Lo schema va usato solo quando riflette davvero il contenuto mostrato all&#039;utente.</p>
            <div class="tool-feats"><span class="feat-tag">Domande esplicite</span><span class="feat-tag">Autore e date</span><span class="feat-tag">Passaggi ordinati</span><span class="feat-tag">Migliore leggibilità macchina</span></div>
            <div class="tool-footer">
              <span class="tool-price">Molto consigliato</span>
              <span class="tool-fit">Ideale per: Blog, guide, tutorial, landing informative</span>
              <a class="tool-link" href="#final-cta">Applica questa leva →</a>
            </div>
          </div>
          <div class="tool-card ">
            <div class="tool-card-top">
              <div class="tool-card-left">
                <h3>Service e Product</h3>
                <p class="tool-tagline">Essenziali per siti che vendono servizi o prodotti</p>
              </div>
              <span class="badge-pill bc-purple">Business data</span>
            </div>
            <p class="tool-why">Se un sito offre servizi o prodotti, deve dichiararlo in modo strutturato. Service consente di esplicitare cosa viene offerto, per chi, in quale area e con quali caratteristiche; Product rende più chiari attributi, brand, immagini, recensioni e offer. Senza questo strato, molte pagine commerciali restano troppo vaghe agli occhi delle AI.</p>
            <div class="tool-feats"><span class="feat-tag">Offerta dichiarata</span><span class="feat-tag">Attributi strutturati</span><span class="feat-tag">Area servita</span><span class="feat-tag">Chiarezza commerciale</span></div>
            <div class="tool-footer">
              <span class="tool-price">Alta priorità commerciale</span>
              <span class="tool-fit">Ideale per: SaaS, e-commerce, studi professionali</span>
              <a class="tool-link" href="#final-cta">Applica questa leva →</a>
            </div>
          </div>
        </div>
      </section>
      <section class="category-section" id="cat-qualita" data-cat="qualita">
        <div class="cat-header">
          <span class="cat-dot" style="background:#f7c948"></span>
          <span class="cat-title" style="color:#f7c948">Qualità dei dati</span>
          <div class="cat-divider"></div>
        </div>
        <div class="tools-grid">
          <div class="tool-card ">
            <div class="tool-card-top">
              <div class="tool-card-left">
                <h3>Coerenza tra schema e contenuto visibile</h3>
                <p class="tool-tagline">Il markup funziona solo se è credibile e allineato alla pagina</p>
              </div>
              <span class="badge-pill bc-yellow">Regola critica</span>
            </div>
            <p class="tool-why">Il problema più comune non è l&#039;assenza di schema, ma uno schema copiato male, incompleto o in conflitto con il testo della pagina. Dati strutturati incoerenti indeboliscono il segnale. I campi principali devono riflettere esattamente contenuto, autore, aggiornamento, offerta e ruolo della pagina nel sito.</p>
            <div class="tool-feats"><span class="feat-tag">Nessun markup fittizio</span><span class="feat-tag">Campi coerenti</span><span class="feat-tag">Minor rischio errori</span><span class="feat-tag">Maggior fiducia</span></div>
            <div class="tool-footer">
              <span class="tool-price">Controllo continuo</span>
              <span class="tool-fit">Ideale per: SEO tecnico, editor, sviluppatori</span>
              <a class="tool-link" href="#final-cta">Applica questa leva →</a>
            </div>
          </div>
        </div>
      </section>
      <div class="inline-cta">
        <div class="inline-cta-text">
          <h3>Vuoi capire quali di questi segnali mancano al tuo sito?</h3>
          <p>AEO Metrix aiuta a individuare i gap tecnici, editoriali e semantici che riducono la visibilità nei motori AI e a trasformarli in una roadmap operativa.</p>
        </div>
        <a class="btn-primary" href="<?= htmlspecialchars($appUrl, ENT_QUOTES) ?>/#tool">Analizza il sito →</a>
      </div>
    </div></div>
  <section class="explainer">
    <div class="wrap">
      <div class="explainer-grid">
        <div class="explainer-text">
          <p class="section-kicker">Approfondimento</p>
          <h2 class="section-title">Come scegliere lo schema corretto senza sovra-ottimizzare</h2>
          <p>Lo schema markup non serve a impressionare i motori con quantità di proprietà, ma a chiarire la natura della pagina. Un errore frequente è inserire FAQPage, HowTo, Product e Review insieme senza un contenuto corrispondente. Questo non aumenta la qualità percepita: crea rumore e indebolisce il segnale.</p><p>Per una homepage aziendale contano soprattutto Organization, WebSite e talvolta WebPage. Per una guida servono Article e, se presenti domande reali, FAQPage. Per una pagina servizio, Service. Per una scheda prodotto, Product con offer e attributi coerenti. Ogni pagina deve avere uno scopo chiaro e uno schema che lo rappresenti fedelmente.</p><p>In ottica AI, il vantaggio maggiore dello schema è ridurre ambiguità: chi pubblica, cosa offre, a chi si rivolge, quando è stato aggiornato, quali domande risolve. È questo livello di chiarezza che rende più facile per i sistemi generativi ricostruire un contesto affidabile.</p>
        </div>
        <div class="diff-table">
          <div class="diff-row diff-header">
            <div class="diff-cell head head-seo">Osservazione</div>
            <div class="diff-cell head head-ai">Interpretazione utile</div>
          </div>
          <div class="diff-row"><div class="diff-cell label">Tipo di pagina</div><div></div></div><div class="diff-row"><div class="diff-cell seo">Schema prioritario</div><div class="diff-cell ai-seo">Schema secondario</div></div><div class="diff-row"><div class="diff-cell label">Homepage brand</div><div></div></div><div class="diff-row"><div class="diff-cell seo">Organization, WebSite</div><div class="diff-cell ai-seo">WebPage</div></div><div class="diff-row"><div class="diff-cell label">Articolo guida</div><div></div></div><div class="diff-row"><div class="diff-cell seo">Article</div><div class="diff-cell ai-seo">FAQPage</div></div><div class="diff-row"><div class="diff-cell label">Tutorial operativo</div><div></div></div><div class="diff-row"><div class="diff-cell seo">HowTo</div><div class="diff-cell ai-seo">FAQPage</div></div><div class="diff-row"><div class="diff-cell label">Pagina servizio</div><div></div></div><div class="diff-row"><div class="diff-cell seo">Service</div><div class="diff-cell ai-seo">FAQPage</div></div><div class="diff-row"><div class="diff-cell label">Scheda prodotto</div><div></div></div><div class="diff-row"><div class="diff-cell seo">Product</div><div class="diff-cell ai-seo">BreadcrumbList</div></div><div class="diff-row"><div class="diff-cell label">Categoria risorse</div><div></div></div><div class="diff-row"><div class="diff-cell seo">CollectionPage</div><div class="diff-cell ai-seo">BreadcrumbList</div></div>
        </div>
      </div>
    </div>
  </section>
  <section class="compare-section">
    <div class="wrap">
      <p class="section-kicker">Checklist decisionale</p>
      <h2 class="section-title" style="font-size:28px;letter-spacing:-.6px;margin-bottom:8px">Cosa controllare in pratica</h2>
      <p style="font-size:16px;color:var(--text-mid);margin-bottom:24px">Una matrice rapida per trasformare la guida in priorità operative.</p>
      <div class="table-wrap">
        <table>
          <thead><tr><th>Controllo</th><th>Cosa verificare</th><th>Errore comune</th><th>Effetto sull&#039;AI</th><th>Priorità</th></tr></thead>
          <tbody><tr><td><strong>Publisher</strong></td><td>Nome, logo, URL, sameAs</td><td>Brand ambiguo o incompleto</td><td>Minor fiducia sull&#039;entità</td><td>Alta</td></tr><tr><td><strong>Tipologia pagina</strong></td><td>Schema corretto per il template</td><td>Schema non pertinente</td><td>Ambiguità semantica</td><td>Alta</td></tr><tr><td><strong>Autore e date</strong></td><td>Campi reali e aggiornati</td><td>Date fittizie o mancanti</td><td>Minore affidabilità editoriale</td><td>Media</td></tr><tr><td><strong>Offerta commerciale</strong></td><td>Service/Product con dati chiave</td><td>Pagina commerciale senza markup</td><td>Comprensione incompleta dell&#039;offerta</td><td>Alta</td></tr><tr><td><strong>FAQ</strong></td><td>Solo domande presenti in pagina</td><td>FAQ invisibili o generiche</td><td>Segnale debole o scorretto</td><td>Media</td></tr></tbody>
        </table>
      </div>
    </div>
  </section>
  <section class="faq-section">
    <div class="wrap">
      <p class="section-kicker">Domande frequenti</p>
      <h2 style="font-size:28px;letter-spacing:-.6px;margin-bottom:4px">FAQ</h2>
      <div class="faq-list"><details class="faq-item"><summary class="faq-q">Quale schema è più importante per un sito aziendale?</summary><p class="faq-a">Organization e WebSite sono la base. Senza questi, brand, publisher e dominio restano meno chiari.</p></details><details class="faq-item"><summary class="faq-q">FAQPage va usato sempre?</summary><p class="faq-a">No. Va usato quando la pagina contiene davvero una sezione FAQ visibile e utile, con domande e risposte reali.</p></details><details class="faq-item"><summary class="faq-q">HowTo è utile per tutte le guide?</summary><p class="faq-a">No. È adatto a procedure con step concreti e sequenziali. Per guide concettuali spesso basta Article.</p></details><details class="faq-item"><summary class="faq-q">Posso mettere più schemi nella stessa pagina?</summary><p class="faq-a">Sì, ma solo se descrivono elementi reali presenti nella pagina e non si contraddicono.</p></details><details class="faq-item"><summary class="faq-q">Lo schema da solo fa comparire il sito nelle AI?</summary><p class="faq-a">No. Aiuta la comprensione, ma servono anche contenuti solidi, accessibilità tecnica e autorevolezza del brand.</p></details></div>
    </div>
  </section>
  <section class="related-section">
    <div class="wrap">
      <p class="section-kicker">Approfondisci</p>
      <h2 style="font-size:26px;letter-spacing:-.6px;margin-bottom:4px">Articoli correlati</h2>
      <div class="related-grid"><a class="related-card" href="come-funziona-llms-txt-e-robots-ai.php"><span class="related-kicker">Accesso AI</span><span class="related-title">llms.txt e robots.txt per AI: guida pratica per farsi leggere dai motori generativi</span><span class="related-desc">Capire differenze tra accesso crawler, retrieval e training.</span></a><a class="related-card" href="scrivere-contenuti-per-motori-ai.php"><span class="related-kicker">Contenuti citabili</span><span class="related-title">Come scrivere contenuti che i motori AI possono citare meglio</span><span class="related-desc">Struttura, risposte dirette, fonti e formati più utili agli LLM.</span></a></div>
    </div>
  </section>
  <div class="wrap">
    <div class="final-cta" id="final-cta">
      <h2>Trasforma queste linee guida in un piano operativo</h2>
      <p>AEO Metrix aiuta a capire quali elementi tecnici, semantici ed editoriali stanno limitando la tua visibilità nei motori AI e quali interventi hanno la priorità più alta.</p>
      <div class="cta-btns">
        <a class="btn-primary" href="<?= htmlspecialchars($appUrl, ENT_QUOTES) ?>/#tool" style="font-size:15px;padding:14px 26px">Analizza il tuo sito gratis →</a>
        <a class="btn-secondary" href="<?= htmlspecialchars($appUrl, ENT_QUOTES) ?>/plans.php" style="padding:14px 22px">Vedi 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="">
<script>
function filterCat(id, btn) {
  document.querySelectorAll('.filter-btn').forEach(function(b){ b.classList.remove('active'); });
  btn.classList.add('active');
  document.querySelectorAll('[data-cat]').forEach(function(sec){
    sec.style.display = (id === 'all' || sec.dataset.cat === id) ? '' : 'none';
  });
}
</script>
</body>
</html>
