{"id":2552,"date":"2025-12-29T10:38:45","date_gmt":"2025-12-29T10:38:45","guid":{"rendered":"https:\/\/webontwerpers.be\/website-analyse\/"},"modified":"2026-01-23T18:42:36","modified_gmt":"2026-01-23T18:42:36","slug":"website-analyse","status":"publish","type":"page","link":"https:\/\/webontwerpers.be\/fr\/website-analyse\/","title":{"rendered":"Website Analyse"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"2552\" class=\"elementor elementor-2552 elementor-1976\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2f7312d e-con-full e-flex e-con e-parent\" data-id=\"2f7312d\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-158627a elementor-widget elementor-widget-html\" data-id=\"158627a\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section id=\"woAuditPage\" class=\"woa\">\n  <style>\n    \/* =========================\n       Webontwerpers Audit UI (DARK)\n       Premium glass + neon accents\n       ========================= *\/\n    #woAuditPage.woa{\n      --a1:#00E5FF;     \/* cyan *\/\n      --a2:#B700FF;     \/* purple *\/\n      --a3:#00FF85;     \/* green *\/\n      --txt:#EEF3FF;\n      --muted: rgba(238,243,255,.72);\n      --line: rgba(238,243,255,.14);\n\n      --bg1: rgba(8,10,22,.92);\n      --bg2: rgba(6,7,16,.94);\n      --glass: rgba(255,255,255,.06);\n      --glass2: rgba(255,255,255,.04);\n\n      --radius:22px;\n      --shadow: 0 26px 90px rgba(0,0,0,.55);\n\n      font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial;\n      color: var(--txt);\n      position: relative;\n      overflow: hidden;\n      padding: clamp(18px, 3vw, 34px) 0;\n    }\n\n    \/* background *\/\n    #woAuditPage.woa:before{\n      content:\"\";\n      position:absolute; inset:-40px;\n      background:\n        radial-gradient(1000px 560px at 15% 10%, rgba(0,229,255,.18), transparent 60%),\n        radial-gradient(1000px 560px at 90% 20%, rgba(183,0,255,.16), transparent 62%),\n        radial-gradient(900px 520px at 60% 110%, rgba(0,255,133,.10), transparent 62%),\n        linear-gradient(180deg, var(--bg1), var(--bg2));\n      z-index:0;\n    }\n\n    #woAuditPage .woa-wrap{\n      width:min(1160px, calc(100% - 28px));\n      margin:0 auto;\n      position:relative;\n      z-index:1;\n    }\n\n    .woa-hero{\n      display:grid;\n      grid-template-columns: 1.1fr .9fr;\n      gap: 16px;\n      align-items: stretch;\n    }\n\n    .woa-card{\n      border-radius: var(--radius);\n      background: linear-gradient(180deg, var(--glass), var(--glass2));\n      border: 1px solid rgba(255,255,255,.12);\n      box-shadow: var(--shadow);\n      backdrop-filter: blur(14px);\n      overflow:hidden;\n      position:relative;\n    }\n\n    \/* subtle glow border *\/\n    .woa-card:before{\n      content:\"\";\n      position:absolute; inset:-2px;\n      background: conic-gradient(from 0deg, rgba(0,229,255,.35), rgba(183,0,255,.28), rgba(0,255,133,.18), rgba(0,229,255,.35));\n      filter: blur(14px);\n      opacity:.22;\n      pointer-events:none;\n    }\n    .woa-card > *{ position:relative; z-index:1; }\n\n    .woa-pad{ padding: 18px; }\n\n    .woa-badge{\n      display:inline-flex;\n      gap:10px;\n      align-items:center;\n      padding:8px 12px;\n      border-radius:999px;\n      border:1px solid rgba(255,255,255,.14);\n      background: rgba(255,255,255,.06);\n      font-weight:950;\n      letter-spacing:.2px;\n    }\n    .woa-badge .dot{\n      width:10px;height:10px;border-radius:50%;\n      background: linear-gradient(90deg, var(--a1), var(--a2));\n      box-shadow: 0 0 14px rgba(0,229,255,.22);\n      animation: woaPulse 1.4s ease-in-out infinite;\n    }\n    @keyframes woaPulse{ 0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.25);opacity:.65} }\n\n    .woa-title{\n      margin:12px 0 8px;\n      font-size: clamp(22px, 2.6vw, 34px);\n      line-height:1.08;\n      letter-spacing:-.6px;\n      font-weight: 650;\n    }\n    .woa-title span{\n      background: linear-gradient(90deg, var(--a1), var(--a2), var(--a3));\n      -webkit-background-clip:text;\n      background-clip:text;\n      color: transparent;\n    }\n\n    .woa-lead{\n      margin:0 0 14px;\n      color: var(--muted);\n      line-height:1.65;\n      font-size: 15px;\n      max-width: 70ch;\n    }\n\n    .woa-form{\n      display:flex;\n      gap:10px;\n      align-items:stretch;\n      flex-wrap:wrap;\n      margin-top: 14px;\n    }\n\n    .woa-input{\n      flex: 1;\n      min-width: 220px;\n      border-radius: 16px;\n      border: 1px solid rgba(255,255,255,.14);\n      background: rgba(255,255,255,.06);\n      padding: 13px 14px;\n      font-size: 14.5px;\n      outline: none;\n      color: var(--txt);\n    }\n    .woa-input::placeholder{ color: rgba(238,243,255,.55); }\n    .woa-input:focus{\n      border-color: rgba(0,229,255,.45);\n      box-shadow: 0 0 0 4px rgba(0,229,255,.10);\n    }\n\n    .woa-btn{\n      appearance:none;\n      border:1px solid rgba(255,255,255,.14);\n      border-radius: 16px;\n      padding: 12px 16px;\n      font-weight: 950;\n      cursor:pointer;\n      background: rgba(255,255,255,.06);\n      color: var(--txt);\n      transition: transform .14s ease, background .14s ease, border-color .14s ease;\n      display:inline-flex;\n      align-items:center;\n      gap:10px;\n      white-space:nowrap;\n      position:relative;\n      overflow:hidden;\n    }\n    .woa-btn:hover{ transform: translateY(-1px); background: rgba(255,255,255,.10); border-color: rgba(255,255,255,.22); }\n    .woa-btn:disabled{ opacity:.55; cursor:not-allowed; transform:none; }\n\n    .woa-btnPrimary{\n      border-color: rgba(0,229,255,.35);\n      background: linear-gradient(90deg, rgba(0,229,255,.12), rgba(183,0,255,.12));\n    }\n    .woa-btnPrimary:before{\n      content:\"\";\n      position:absolute; inset:-2px;\n      background: conic-gradient(from 0deg, rgba(0,229,255,.55), rgba(183,0,255,.45), rgba(0,255,133,.30), rgba(0,229,255,.55));\n      filter: blur(12px);\n      opacity:.35;\n      animation: woaSpin 3.2s linear infinite;\n    }\n    .woa-btnPrimary > *{ position:relative; z-index:1; }\n    @keyframes woaSpin{ to{ transform: rotate(360deg); } }\n\n    .woa-mini{\n      display:grid;\n      gap:10px;\n      margin-top: 12px;\n      padding-top: 12px;\n      border-top: 1px solid rgba(255,255,255,.10);\n      color: rgba(238,243,255,.68);\n      font-size: 13px;\n      line-height:1.6;\n    }\n\n    \/* Right card: AI status *\/\n    .woa-aiTop{\n      display:flex;\n      justify-content:space-between;\n      align-items:center;\n      gap:10px;\n      flex-wrap:wrap;\n    }\n    .woa-chip{\n      padding:8px 10px;\n      border-radius:999px;\n      border:1px solid rgba(255,255,255,.14);\n      background: rgba(255,255,255,.06);\n      font-weight: 950;\n      font-size: 12px;\n      color: rgba(238,243,255,.86);\n    }\n    .woa-aiScreen{\n      margin-top: 12px;\n      border-radius: 18px;\n      border:1px solid rgba(255,255,255,.12);\n      background: rgba(255,255,255,.04);\n      padding: 12px;\n      font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\";\n      font-size: 12px;\n      color: rgba(238,243,255,.84);\n      display:grid;\n      gap:8px;\n      min-height: 160px;\n    }\n    .woa-aiLine b{\n      color: rgba(0,229,255,.95);\n    }\n\n    .woa-progress{\n      margin-top: 12px;\n      border-radius: 999px;\n      height: 10px;\n      border: 1px solid rgba(255,255,255,.12);\n      background: rgba(255,255,255,.06);\n      overflow:hidden;\n    }\n    .woa-progress > span{\n      display:block;\n      height:100%;\n      width:0%;\n      background: linear-gradient(90deg, var(--a1), var(--a2), var(--a3));\n      transition: width .35s ease;\n      box-shadow: 0 0 30px rgba(0,229,255,.14);\n    }\n\n    \/* KPI *\/\n    .woa-kpi{\n      display:flex;\n      align-items:baseline;\n      justify-content:space-between;\n      gap:10px;\n      padding: 12px 14px;\n      border-radius: 18px;\n      border: 1px solid rgba(255,255,255,.12);\n      background: rgba(255,255,255,.04);\n      margin-top: 10px;\n    }\n    .woa-kpi .lbl{ font-weight:950; color: rgba(238,243,255,.72); }\n    .woa-kpi b{\n      font-size: 26px;\n      letter-spacing:-.5px;\n      background: linear-gradient(90deg, var(--a1), var(--a2), var(--a3));\n      -webkit-background-clip:text; background-clip:text; color:transparent;\n    }\n\n    \/* Results *\/\n    .woa-results{ margin-top: 16px; display:none; }\n    .woa-results.isOn{ display:block; }\n\n    .woa-tabs{\n      display:flex;\n      gap:10px;\n      flex-wrap:wrap;\n      align-items:center;\n      margin-bottom: 12px;\n    }\n    .woa-tab{\n      appearance:none;\n      border:1px solid rgba(255,255,255,.14);\n      background: rgba(255,255,255,.06);\n      border-radius: 999px;\n      padding: 10px 12px;\n      cursor:pointer;\n      font-weight: 950;\n      display:inline-flex;\n      align-items:center;\n      gap:8px;\n      color: rgba(238,243,255,.92);\n    }\n    .woa-tab[aria-selected=\"true\"]{\n      border-color: rgba(0,229,255,.35);\n      background: linear-gradient(90deg, rgba(0,229,255,.12), rgba(183,0,255,.12));\n    }\n\n    .woa-scoreBadge{\n      margin-left:4px;\n      font-size:12px;\n      font-weight:990;\n      padding:6px 10px;\n      border-radius:999px;\n      border:1px solid rgba(255,255,255,.14);\n      background: rgba(255,255,255,.06);\n      color: rgba(238,243,255,.90);\n    }\n    .woa-scoreGood{ border-color: rgba(0,255,133,.35); background: rgba(0,255,133,.10); }\n    .woa-scoreMid{ border-color: rgba(255,170,40,.35); background: rgba(255,170,40,.10); }\n    .woa-scoreBad{ border-color: rgba(255,70,120,.35); background: rgba(255,70,120,.10); }\n\n    .woa-pane{ display:none; }\n    .woa-pane.isOn{ display:block; }\n\n    .woa-grid2{\n      display:grid;\n      grid-template-columns: 1fr 1fr;\n      gap: 12px;\n    }\n\n    .woa-item{\n      border-radius: 20px;\n      border:1px solid rgba(255,255,255,.12);\n      background: rgba(255,255,255,.05);\n      padding: 14px;\n    }\n    .woa-itemTop{\n      display:flex;\n      justify-content:space-between;\n      gap:10px;\n      flex-wrap:wrap;\n      align-items:center;\n      margin-bottom: 8px;\n    }\n    .woa-pill{\n      display:inline-flex;\n      align-items:center;\n      gap:8px;\n      padding: 7px 10px;\n      border-radius: 999px;\n      border:1px solid rgba(255,255,255,.12);\n      background: rgba(255,255,255,.06);\n      font-weight: 950;\n      font-size: 12px;\n      color: rgba(238,243,255,.84);\n    }\n\n    .woa-ctaRow{\n      display:flex;\n      gap: 10px;\n      flex-wrap:wrap;\n      margin-top: 10px;\n    }\n    .woa-ctaLink{\n      text-decoration:none !important;\n      display:inline-flex;\n      align-items:center;\n      justify-content:center;\n      border-radius: 16px;\n      padding: 12px 14px;\n      font-weight: 950;\n      border: 1px solid rgba(255,255,255,.14);\n      background: rgba(255,255,255,.06);\n      color: rgba(238,243,255,.92);\n      transition: transform .14s ease, background .14s ease, border-color .14s ease;\n    }\n    .woa-ctaLink:hover{ transform: translateY(-1px); background: rgba(255,255,255,.10); border-color: rgba(255,255,255,.22); }\n    .woa-ctaPrimary{\n      border-color: rgba(0,229,255,.35);\n      background: linear-gradient(90deg, rgba(0,229,255,.12), rgba(183,0,255,.12));\n      position:relative;\n      overflow:hidden;\n    }\n    .woa-ctaPrimary:before{\n      content:\"\";\n      position:absolute; inset:-2px;\n      background: conic-gradient(from 0deg, rgba(0,229,255,.55), rgba(183,0,255,.45), rgba(0,255,133,.28), rgba(0,229,255,.55));\n      filter: blur(12px);\n      opacity:.28;\n      animation: woaSpin 3.2s linear infinite;\n    }\n    .woa-ctaPrimary > span{ position:relative; z-index:1; }\n\n    .woa-list{ display:grid; gap:10px; margin-top: 10px; }\n    .woa-li{\n      border-radius: 18px;\n      border: 1px solid rgba(255,255,255,.12);\n      background: rgba(255,255,255,.05);\n      padding: 12px;\n    }\n    .woa-liTop{\n      display:flex;\n      justify-content:space-between;\n      align-items:flex-start;\n      gap:10px;\n      flex-wrap:wrap;\n      margin-bottom: 6px;\n    }\n    .woa-impact{\n      font-size: 12px;\n      font-weight: 950;\n      padding: 6px 10px;\n      border-radius: 999px;\n      border: 1px solid rgba(255,255,255,.14);\n      background: rgba(255,255,255,.06);\n      color: rgba(238,243,255,.90);\n    }\n    .woa-impHigh{ border-color: rgba(255,70,120,.35); background: rgba(255,70,120,.10); }\n    .woa-impMid{ border-color: rgba(255,170,40,.35); background: rgba(255,170,40,.10); }\n    .woa-impLow{ border-color: rgba(0,255,133,.35); background: rgba(0,255,133,.10); }\n\n    .woa-li h4{\n      margin:0;\n      font-size: 14.5px;\n      letter-spacing:-.2px;\n      color: rgba(238,243,255,.96);\n    }\n    .woa-li p{\n      margin:6px 0 0;\n      color: rgba(238,243,255,.72);\n      font-size: 13.5px;\n      line-height: 1.6;\n    }\n\n    .woa-error{\n      display:none;\n      margin-top: 12px;\n      padding: 12px 14px;\n      border-radius: 18px;\n      border: 1px solid rgba(255,70,120,.30);\n      background: rgba(255,70,120,.10);\n      color: rgba(238,243,255,.92);\n      font-weight: 850;\n    }\n    .woa-error.isOn{ display:block; }\n\n    @media(max-width: 960px){\n      .woa-hero{ grid-template-columns: 1fr; }\n      .woa-grid2{ grid-template-columns: 1fr; }\n    }\n\n    @media(prefers-reduced-motion: reduce){\n      .woa-badge .dot, .woa-btnPrimary:before, .woa-ctaPrimary:before{ animation:none !important; }\n    }\n  <\/style>\n\n  <div class=\"woa-wrap\">\n    <div class=\"woa-hero\">\n      <!-- LEFT -->\n      <div class=\"woa-card\">\n        <div class=\"woa-pad\">\n          <div class=\"woa-badge\">\n            <span class=\"dot\" aria-hidden=\"true\"><\/span>\n            <span>Webontwerpers AI<\/span>\n            <span style=\"opacity:.55;\">\u2022<\/span>\n            <span style=\"color:rgba(238,243,255,.70);font-weight:900;\">Website scan & groeikansen<\/span>\n          <\/div>\n\n          <h2 class=\"woa-title\">\n            Analyseer je website en ontdek <span>waar je leads verliest<\/span>.\n          <\/h2>\n\n          <p class=\"woa-lead\">\n            Vul je domein in. We scannen je homepage en geven per onderdeel een score (Website, SEO en Google Ads).\n            Daarna tonen we welke verbeteringen je meer klanten kunnen opleveren \u2014 en welke service daarbij past.\n          <\/p>\n\n          <div class=\"woa-form\">\n            <input id=\"woaDomain\" class=\"woa-input\" type=\"text\" inputmode=\"url\" placeholder=\"Bijv. jouwbedrijf.be\" autocomplete=\"off\" \/>\n            <button id=\"woaRun\" class=\"woa-btn woa-btnPrimary\" type=\"button\">\n              <span aria-hidden=\"true\">\u26a1<\/span> Start AI-analyse\n            <\/button>\n            <button id=\"woaReset\" class=\"woa-btn\" type=\"button\" disabled>\n              Reset\n            <\/button>\n          <\/div>\n\n          <div class=\"woa-mini\">\n            <div>\u2022 Geen account nodig. Resultaat in enkele seconden (afhankelijk van de website).<\/div>\n            <div>\u2022 We checken structuur, SEO-signalen en tracking readiness voor groei.<\/div>\n          <\/div>\n\n          <div id=\"woaErr\" class=\"woa-error\"><\/div>\n        <\/div>\n      <\/div>\n\n      <!-- RIGHT -->\n      <div class=\"woa-card\">\n        <div class=\"woa-pad\">\n          <div class=\"woa-aiTop\">\n            <div class=\"woa-chip\">Realtime analyse<\/div>\n            <div class=\"woa-chip\" id=\"woaStatusChip\">Gereed<\/div>\n          <\/div>\n\n          <div class=\"woa-aiScreen\" id=\"woaConsole\" aria-live=\"polite\">\n            <div class=\"woa-aiLine\"><b>[READY]<\/b> Vul een domein in om te starten\u2026<\/div>\n            <div class=\"woa-aiLine\"><b>[TIP]<\/b> Gebruik enkel de domeinnaam (zonder \/pagina)<\/div>\n            <div class=\"woa-aiLine\"><b>[INFO]<\/b> We meten Website, SEO en Ads readiness<\/div>\n          <\/div>\n\n          <div class=\"woa-progress\" aria-label=\"Analyse voortgang\">\n            <span id=\"woaProg\"><\/span>\n          <\/div>\n\n          <div class=\"woa-kpi\">\n            <div class=\"lbl\">Overall score<\/div>\n            <b id=\"woaOverall\">\u2014<\/b>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- RESULTS -->\n    <div class=\"woa-results\" id=\"woaResults\">\n      <div class=\"woa-tabs\" role=\"tablist\" aria-label=\"Analyse tabs\">\n        <button class=\"woa-tab\" type=\"button\" role=\"tab\" aria-selected=\"true\" data-pane=\"overview\">\n          Overzicht <span class=\"woa-scoreBadge\" id=\"woaBadge-overview\">\u2014<\/span>\n        <\/button>\n        <button class=\"woa-tab\" type=\"button\" role=\"tab\" aria-selected=\"false\" data-pane=\"website\">\n          Website <span class=\"woa-scoreBadge\" id=\"woaBadge-website\">\u2014<\/span>\n        <\/button>\n        <button class=\"woa-tab\" type=\"button\" role=\"tab\" aria-selected=\"false\" data-pane=\"seo\">\n          SEO <span class=\"woa-scoreBadge\" id=\"woaBadge-seo\">\u2014<\/span>\n        <\/button>\n        <button class=\"woa-tab\" type=\"button\" role=\"tab\" aria-selected=\"false\" data-pane=\"ads\">\n          Google Ads <span class=\"woa-scoreBadge\" id=\"woaBadge-ads\">\u2014<\/span>\n        <\/button>\n      <\/div>\n\n      <!-- OVERVIEW -->\n      <div class=\"woa-pane isOn\" data-pane=\"overview\">\n        <div class=\"woa-grid2\">\n          <div class=\"woa-item\">\n            <div class=\"woa-itemTop\">\n              <span class=\"woa-pill\">Aanbevolen focus<\/span>\n              <span class=\"woa-pill\" id=\"woaPrimaryKey\">\u2014<\/span>\n            <\/div>\n            <h4 id=\"woaPrimaryHeadline\" style=\"margin:0;color:rgba(238,243,255,.96);font-size:15px;\">\u2014<\/h4>\n            <p id=\"woaPrimaryText\" style=\"margin:8px 0 0;\">\u2014<\/p>\n            <div id=\"woaPrimaryAct\" style=\"margin-top:8px;color:rgba(238,243,255,.78);font-weight:850;\">\n              <b>Actie:<\/b> \u2014\n            <\/div>\n          <\/div>\n\n          <div class=\"woa-item\">\n            <div class=\"woa-itemTop\">\n              <span class=\"woa-pill\">Volgende stap<\/span>\n              <span class=\"woa-pill\">Direct groeien<\/span>\n            <\/div>\n            <h4 style=\"margin:0;color:rgba(238,243,255,.96);font-size:15px;\">Wij kunnen dit voor je oplossen<\/h4>\n            <p style=\"margin:8px 0 0;\">\n              Je score is een indicatie. Het echte verschil zit in uitvoering: techniek + content + conversie.\n              Als we de punten hieronder aanpakken, vergroot je je bereik \u00e9n je contactaanvragen.\n            <\/p>\n            <div class=\"woa-ctaRow\" id=\"woaServiceCtas\"><\/div>\n          <\/div>\n        <\/div>\n\n        <div class=\"woa-item\" style=\"margin-top:12px;\">\n          <div class=\"woa-itemTop\">\n            <span class=\"woa-pill\">Snelle samenvatting<\/span>\n            <span class=\"woa-pill\" id=\"woaMetaDomain\">\u2014<\/span>\n          <\/div>\n          <div class=\"woa-grid2\">\n            <div class=\"woa-li\">\n              <div class=\"woa-liTop\">\n                <h4>Basis SEO signalen<\/h4>\n                <span class=\"woa-impact\" id=\"woaOppSeo\">\u2014<\/span>\n              <\/div>\n              <p id=\"woaOppSeoTxt\">\u2014<\/p>\n            <\/div>\n            <div class=\"woa-li\">\n              <div class=\"woa-liTop\">\n                <h4>Website performance & UX<\/h4>\n                <span class=\"woa-impact\" id=\"woaOppWeb\">\u2014<\/span>\n              <\/div>\n              <p id=\"woaOppWebTxt\">\u2014<\/p>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <!-- WEBSITE -->\n      <div class=\"woa-pane\" data-pane=\"website\">\n        <div class=\"woa-item\">\n          <div class=\"woa-itemTop\">\n            <span class=\"woa-pill\">Website score<\/span>\n            <span class=\"woa-pill\" id=\"woaWebScore\">\u2014<\/span>\n          <\/div>\n          <p id=\"woaWebPitch\">\u2014<\/p>\n          <div class=\"woa-list\" id=\"woaWebList\"><\/div>\n        <\/div>\n      <\/div>\n\n      <!-- SEO -->\n      <div class=\"woa-pane\" data-pane=\"seo\">\n        <div class=\"woa-item\">\n          <div class=\"woa-itemTop\">\n            <span class=\"woa-pill\">SEO score<\/span>\n            <span class=\"woa-pill\" id=\"woaSeoScore\">\u2014<\/span>\n          <\/div>\n          <p id=\"woaSeoPitch\">\u2014<\/p>\n          <div class=\"woa-list\" id=\"woaSeoList\"><\/div>\n        <\/div>\n      <\/div>\n\n      <!-- ADS -->\n      <div class=\"woa-pane\" data-pane=\"ads\">\n        <div class=\"woa-item\">\n          <div class=\"woa-itemTop\">\n            <span class=\"woa-pill\">Ads readiness<\/span>\n            <span class=\"woa-pill\" id=\"woaAdsScore\">\u2014<\/span>\n          <\/div>\n          <p id=\"woaAdsPitch\">\u2014<\/p>\n          <div class=\"woa-list\" id=\"woaAdsList\"><\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <script>\n      \n    (function(){\n      const root = document.getElementById('woAuditPage');\n      if(!root) return;\n      const $ = (sel)=>root.querySelector(sel);\n\n      const inp = $('#woaDomain');\n      const btn = $('#woaRun');\n      const reset = $('#woaReset');\n      const errBox = $('#woaErr');\n\n      const consoleEl = $('#woaConsole');\n      const prog = $('#woaProg');\n      const chip = $('#woaStatusChip');\n      const overallEl = $('#woaOverall');\n      const resWrap = $('#woaResults');\n\n      const badgeOverview = $('#woaBadge-overview');\n      const badgeWebsite  = $('#woaBadge-website');\n      const badgeSeo      = $('#woaBadge-seo');\n      const badgeAds      = $('#woaBadge-ads');\n\n      const elPrimaryKey = $('#woaPrimaryKey');\n      const elPrimaryHeadline = $('#woaPrimaryHeadline');\n      const elPrimaryText = $('#woaPrimaryText');\n      const elPrimaryAct = $('#woaPrimaryAct');\n      const elServiceCtas = $('#woaServiceCtas');\n\n      const elMetaDomain = $('#woaMetaDomain');\n      const elOppSeo = $('#woaOppSeo');\n      const elOppSeoTxt = $('#woaOppSeoTxt');\n      const elOppWeb = $('#woaOppWeb');\n      const elOppWebTxt = $('#woaOppWebTxt');\n\n      const elWebScore = $('#woaWebScore');\n      const elSeoScore = $('#woaSeoScore');\n      const elAdsScore = $('#woaAdsScore');\n\n      const elWebPitch = $('#woaWebPitch');\n      const elSeoPitch = $('#woaSeoPitch');\n      const elAdsPitch = $('#woaAdsPitch');\n\n      const listWeb = $('#woaWebList');\n      const listSeo = $('#woaSeoList');\n      const listAds = $('#woaAdsList');\n\n      const tabs = [...root.querySelectorAll('.woa-tab')];\n      const panes = [...root.querySelectorAll('.woa-pane')];\n\n      function esc(s){\n        return String(s ?? '').replace(\/[&<>\"']\/g, m=>({ \"&\":\"&amp;\",\"<\":\"&lt;\",\">\":\"&gt;\",'\"':\"&quot;\",\"'\":\"&#039;\" }[m]));\n      }\n\n      function showErr(msg){\n        errBox.textContent = msg;\n        errBox.classList.add('isOn');\n      }\n      function clearErr(){\n        errBox.textContent = '';\n        errBox.classList.remove('isOn');\n      }\n\n      function logLine(tag, text){\n        const row = document.createElement('div');\n        row.className = 'woa-aiLine';\n        row.innerHTML = `<b>[${esc(tag)}]<\/b> ${esc(text)}`;\n        consoleEl.prepend(row);\n        while(consoleEl.children.length > 8) consoleEl.removeChild(consoleEl.lastChild);\n      }\n\n      function setProgress(p){\n        prog.style.width = Math.max(0, Math.min(100, p)) + '%';\n      }\n\n      function badgeClass(score){\n        if(score >= 90) return 'woa-scoreGood';\n        if(score >= 75) return 'woa-scoreMid';\n        return 'woa-scoreBad';\n      }\n      function setBadge(el, score){\n        if(!el) return;\n        el.classList.remove('woa-scoreGood','woa-scoreMid','woa-scoreBad');\n        el.textContent = `${score}\/100`;\n        el.classList.add(badgeClass(score));\n      }\n\n      function impactClass(impact){\n        const v = String(impact||'').toLowerCase();\n        if(v.includes('hoog')) return 'woa-impHigh';\n        if(v.includes('midden')) return 'woa-impMid';\n        return 'woa-impLow';\n      }\n\n      function renderFindings(container, arr){\n        container.innerHTML = '';\n        const items = Array.isArray(arr) ? arr : [];\n        if(items.length === 0){\n          const div = document.createElement('div');\n          div.className = 'woa-li';\n          div.innerHTML = `<div class=\"woa-liTop\"><h4>Geen grote problemen gedetecteerd<\/h4><span class=\"woa-impact woa-impLow\">Laag<\/span><\/div>\n                           <p>We zien geen duidelijke rode vlaggen op de homepage. Voor echte groei kijken we naar conversie, content en techniek.<\/p>`;\n          container.appendChild(div);\n          return;\n        }\n\n        items.slice(0,8).forEach(f=>{\n          const div = document.createElement('div');\n          div.className = 'woa-li';\n          div.innerHTML = `\n            <div class=\"woa-liTop\">\n              <h4>${esc(f.title)}<\/h4>\n              <span class=\"woa-impact ${impactClass(f.impact)}\">${esc(f.impact)}<\/span>\n            <\/div>\n            <p><b>Oplossing:<\/b> ${esc(f.fix)}<\/p>\n            <p><b>Waarom dit loont:<\/b> ${esc(f.benefit)}<\/p>\n          `;\n          container.appendChild(div);\n        });\n      }\n\n      function switchTab(paneKey){\n        tabs.forEach(t=>{\n          const on = t.getAttribute('data-pane') === paneKey;\n          t.setAttribute('aria-selected', on ? 'true':'false');\n        });\n        panes.forEach(p=>{\n          const on = p.getAttribute('data-pane') === paneKey;\n          p.classList.toggle('isOn', on);\n        });\n      }\n      tabs.forEach(t=> t.addEventListener('click', ()=>switchTab(t.getAttribute('data-pane'))) );\n\n      function normalizeDomain(v){\n        v = String(v||'').trim();\n        v = v.replace(\/^https?:\\\/\\\/\/i,'').replace(\/\\\/.*$\/,'');\n        v = v.replace(\/\\s+\/g,'');\n        return v;\n      }\n\n      async function runAudit(){\n        clearErr();\n        btn.disabled = true;\n        reset.disabled = true;\n        resWrap.classList.remove('isOn');\n        overallEl.textContent = '\u2014';\n\n        const domain = normalizeDomain(inp.value);\n        if(!domain){\n          btn.disabled = false;\n          showErr('Vul een geldig domein in (bijv. example.com).');\n          return;\n        }\n\n        chip.textContent = 'Analyse bezig\u2026';\n        setProgress(8);\n        logLine('RUN', `Doel: ${domain}`);\n        logLine('RUN', 'Homepage ophalen\u2026');\n\n        \/\/ staged progress (lightweight)\n        const timers = [];\n        const stage = (p, text, delay)=>{\n          timers.push(setTimeout(()=>{ setProgress(p); logLine('RUN', text); }, delay));\n        };\n        stage(18, 'HTML analyseren\u2026', 240);\n        stage(30, 'Website score berekenen\u2026', 520);\n        stage(42, 'SEO signalen checken\u2026', 820);\n        stage(55, 'Tracking readiness checken\u2026', 1120);\n        stage(70, 'Advies & traject bepalen\u2026', 1480);\n\n        let data = null;\n        try{\n          const resp = await fetch('\/wp-json\/wo\/v1\/audit', {\n            method: 'POST',\n            headers: {'Content-Type':'application\/json'},\n            body: JSON.stringify({domain})\n          });\n          data = await resp.json();\n        }catch(e){\n          data = { ok:false, error:'Netwerkfout. Probeer later opnieuw.' };\n        }finally{\n          timers.forEach(t=>clearTimeout(t));\n        }\n\n        if(!data || !data.ok){\n          chip.textContent = 'Mislukt';\n          setProgress(0);\n          btn.disabled = false;\n          reset.disabled = false;\n          showErr((data && data.error) ? data.error : 'Er ging iets mis.');\n          logLine('ERR', 'Analyse kon niet worden afgerond.');\n          return;\n        }\n\n        const subs = data.subscores || {};\n        const wScore = Number(subs.website || 0);\n        const sScore = Number(subs.seo || 0);\n        const aScore = Number(subs.ads || 0);\n        const avg = Number((data.scores && data.scores.overall) ? data.scores.overall : Math.round((wScore+sScore+aScore)\/3));\n\n        setBadge(badgeOverview, avg);\n        setBadge(badgeWebsite, wScore);\n        setBadge(badgeSeo, sScore);\n        setBadge(badgeAds, aScore);\n\n        overallEl.textContent = avg + '\/100';\n        setProgress(100);\n        chip.textContent = data.cached ? 'Klaar (cache)' : 'Klaar \u2705';\n\n        elMetaDomain.textContent = domain;\n\n        const opp = data.opportunity || {};\n        elOppSeo.textContent = opp.seo?.level || '\u2014';\n        elOppSeo.className = 'woa-impact ' + impactClass(opp.seo?.level || 'Laag');\n        elOppSeoTxt.textContent = opp.seo?.text || '\u2014';\n\n        elOppWeb.textContent = opp.website?.level || '\u2014';\n        elOppWeb.className = 'woa-impact ' + impactClass(opp.website?.level || 'Laag');\n        elOppWebTxt.textContent = opp.website?.text || '\u2014';\n\n        const primary = data.primary_focus || {};\n        const key = primary.key || 'website';\n        const pitches = data.pitches || {};\n        const p = pitches[key] || { headline:'Aanbevolen traject', text:'We adviseren de beste volgende stap.' };\n\n        elPrimaryKey.textContent = String(key).toUpperCase();\n        elPrimaryHeadline.textContent = p.headline || 'Aanbevolen traject';\n        elPrimaryText.textContent = (primary.message ? (primary.message + ' ') : '') + (p.text || '');\n        elPrimaryAct.innerHTML = `<b>Actie:<\/b> Start met het onderdeel met de meeste winst. Daarna schalen we door voor meer aanvragen.`;\n\n        elServiceCtas.innerHTML = '';\n        const recos = Array.isArray(data.service_recommendations) ? data.service_recommendations : [];\n        recos.slice(0,3).forEach(r=>{\n          const a = document.createElement('a');\n          a.className = 'woa-ctaLink woa-ctaPrimary';\n          a.href = r.cta_url || 'https:\/\/webontwerpers.be\/offerte\/';\n          a.target = '_self';\n          a.rel = 'noopener';\n          a.innerHTML = `<span>${esc(r.cta_label || 'Bekijk service')}<\/span>`;\n          elServiceCtas.appendChild(a);\n        });\n        const a2 = document.createElement('a');\n        a2.className = 'woa-ctaLink';\n        a2.href = 'https:\/\/webontwerpers.be\/offerte\/';\n        a2.target = '_self';\n        a2.rel = 'noopener';\n        a2.textContent = 'Offerte aanvragen';\n        elServiceCtas.appendChild(a2);\n\n        elWebScore.textContent = `${wScore}\/100`;\n        elSeoScore.textContent = `${sScore}\/100`;\n        elAdsScore.textContent = `${aScore}\/100`;\n\n        elWebPitch.textContent = (data.pitches?.website?.text) || '\u2014';\n        elSeoPitch.textContent = (data.pitches?.seo?.text) || '\u2014';\n        elAdsPitch.textContent = (data.pitches?.ads?.text) || '\u2014';\n\n        const f = data.findings || {};\n        renderFindings(listWeb, f.website);\n        renderFindings(listSeo, f.seo);\n        renderFindings(listAds, f.ads);\n\n        resWrap.classList.add('isOn');\n        switchTab('overview');\n\n        logLine('OK', `Overal score: ${avg}\/100`);\n        logLine('OK', `Website: ${wScore}\/100 \u2022 SEO: ${sScore}\/100 \u2022 Ads: ${aScore}\/100`);\n        logLine('OK', 'Advies klaar. Bekijk aanbevolen traject.');\n\n        btn.disabled = false;\n        reset.disabled = false;\n      }\n\n      btn.addEventListener('click', runAudit);\n      inp.addEventListener('keydown', (e)=>{\n        if(e.key === 'Enter'){ e.preventDefault(); runAudit(); }\n      });\n\n      reset.addEventListener('click', ()=>{\n        clearErr();\n        setProgress(0);\n        chip.textContent = 'Gereed';\n        overallEl.textContent = '\u2014';\n        resWrap.classList.remove('isOn');\n        consoleEl.innerHTML = `\n          <div class=\"woa-aiLine\"><b>[READY]<\/b> Vul een domein in om te starten\u2026<\/div>\n          <div class=\"woa-aiLine\"><b>[TIP]<\/b> Gebruik enkel de domeinnaam (zonder \/pagina)<\/div>\n          <div class=\"woa-aiLine\"><b>[INFO]<\/b> We meten Website, SEO en Ads readiness<\/div>\n        `;\n      });\n    })();\n  <\/script>\n<\/section>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Webontwerpers AI \u2022 Website scan &#038; groeikansen Analyseer je website en ontdek waar je leads verliest. Vul je domein in. We scannen je homepage en geven per onderdeel een score (Website, SEO en Google Ads). Daarna tonen we welke verbeteringen je meer klanten kunnen opleveren \u2014 en welke service daarbij past. \u26a1 Start AI-analyse Reset [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-2552","page","type-page","status-publish","hentry"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/webontwerpers.be\/fr\/wp-json\/wp\/v2\/pages\/2552","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/webontwerpers.be\/fr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/webontwerpers.be\/fr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/webontwerpers.be\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/webontwerpers.be\/fr\/wp-json\/wp\/v2\/comments?post=2552"}],"version-history":[{"count":3,"href":"https:\/\/webontwerpers.be\/fr\/wp-json\/wp\/v2\/pages\/2552\/revisions"}],"predecessor-version":[{"id":2562,"href":"https:\/\/webontwerpers.be\/fr\/wp-json\/wp\/v2\/pages\/2552\/revisions\/2562"}],"wp:attachment":[{"href":"https:\/\/webontwerpers.be\/fr\/wp-json\/wp\/v2\/media?parent=2552"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}