{"id":52,"date":"2025-11-02T08:42:07","date_gmt":"2025-11-02T08:42:07","guid":{"rendered":"https:\/\/www.coden.ma\/?page_id=52"},"modified":"2026-09-17T08:17:59","modified_gmt":"2026-09-17T08:17:59","slug":"mogacode","status":"publish","type":"page","link":"https:\/\/www.mogacode.ma\/en\/","title":{"rendered":"Website and application development in Essaouira | WordPress"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"52\" class=\"elementor elementor-52\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-fac132e e-con-full e-flex e-con e-parent\" data-id=\"fac132e\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8b77c30 elementor-widget elementor-widget-html\" data-id=\"8b77c30\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\n<style id=\"home-v1\">\n:root{\n  --navy:#0F2237;--navy2:#1A3554;--gold:#C9A84C;--gold2:#e0c06a;--gold3:#f0d890;\n  --sand:#F5EED6;--dark:#111111;--muted:#6B7280;--white:#ffffff;\n  --green:#25d366;--green2:#128c7e;\n}\n*,*::before,*::after{box-sizing:border-box}\n@keyframes fadeUp{from{opacity:0;transform:translateY(38px)}to{opacity:1;transform:none}}\n@keyframes glowGold{\n  0%,100%{box-shadow:0 0 16px rgba(201,168,76,.35),0 4px 20px rgba(0,0,0,.3)}\n  50%    {box-shadow:0 0 36px rgba(201,168,76,.75),0 4px 32px rgba(0,0,0,.3)}\n}\n@keyframes waPulse{\n  0%,100%{box-shadow:0 0 0 0 rgba(37,211,102,.5)}\n  60%    {box-shadow:0 0 0 14px rgba(37,211,102,0)}\n}\n@keyframes shimmer{\n  0%  {background-position:-200% center}\n  100%{background-position:200% center}\n}\n@keyframes goldShimmer{\n  0%  {background-position:-200% center}\n  100%{background-position:200% center}\n}\n@keyframes lineGrow{from{width:0}to{width:56px}}\n@keyframes dotBlink{0%,100%{opacity:1}50%{opacity:.25}}\n@keyframes arrowBounce{0%,100%{transform:translateY(0)}50%{transform:translateY(8px)}}\n@keyframes borderPulse{\n  0%,100%{border-color:rgba(201,168,76,.2)}\n  50%    {border-color:rgba(201,168,76,.7)}\n}\n@keyframes logosSlide{\n  0%  {transform:translateX(0)}\n  100%{transform:translateX(-50%)}\n}\n\n\/* scroll reveal *\/\n.hr{opacity:0;transform:translateY(36px);\n    transition:opacity .7s cubic-bezier(.22,1,.36,1),transform .7s cubic-bezier(.22,1,.36,1)}\n.hr.d1{transition-delay:.08s}.hr.d2{transition-delay:.18s}\n.hr.d3{transition-delay:.28s}.hr.d4{transition-delay:.38s}\n.hr.d5{transition-delay:.48s}.hr.d6{transition-delay:.58s}\n.hr.vis{opacity:1;transform:none}\n\n\/* gold shimmer text *\/\n.hgs{background:linear-gradient(90deg,var(--gold) 0%,var(--gold2) 25%,var(--gold3) 50%,var(--gold2) 75%,var(--gold) 100%);\n     background-size:200% auto;-webkit-background-clip:text;background-clip:text;\n     -webkit-text-fill-color:transparent;animation:goldShimmer 4s linear infinite}\n\n\/* buttons *\/\n.hbtn-gold{\n  display:inline-flex;align-items:center;gap:10px;\n  background:linear-gradient(135deg,var(--gold),#a07830);\n  color:#fff!important;font-family:Inter,sans-serif;font-size:15px;\n  font-weight:600;letter-spacing:.4px;padding:15px 32px;border-radius:50px;\n  text-decoration:none!important;position:relative;overflow:hidden;\n  animation:glowGold 2.5s ease-in-out infinite;\n  transition:transform .2s ease;border:none;cursor:pointer}\n.hbtn-gold::before{content:\"\";position:absolute;top:0;left:-75%;width:50%;height:100%;\n  background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);\n  transform:skewX(-20deg);animation:shimmer 3.8s ease-in-out infinite}\n.hbtn-gold:hover{transform:translateY(-2px) scale(1.02)}\n\n.hbtn-ghost{\n  display:inline-flex;align-items:center;gap:8px;background:transparent;\n  color:#fff!important;font-family:Inter,sans-serif;font-size:15px;font-weight:500;\n  padding:14px 28px;border:1.5px solid rgba(255,255,255,.4);border-radius:50px;\n  text-decoration:none!important;transition:all .3s ease}\n.hbtn-ghost:hover{background:rgba(255,255,255,.09);border-color:#fff;transform:translateY(-2px)}\n\n.hbtn-wa{\n  display:inline-flex;align-items:center;gap:10px;\n  background:linear-gradient(135deg,var(--green),var(--green2));\n  color:#fff!important;font-family:Inter,sans-serif;font-size:15px;\n  font-weight:600;letter-spacing:.4px;padding:15px 30px;border-radius:50px;\n  text-decoration:none!important;position:relative;overflow:hidden;\n  animation:waPulse 2.5s ease-in-out infinite;\n  transition:transform .2s ease,box-shadow .2s ease;border:none;cursor:pointer}\n.hbtn-wa::before{content:\"\";position:absolute;top:0;left:-75%;width:50%;height:100%;\n  background:linear-gradient(90deg,transparent,rgba(255,255,255,.25),transparent);\n  transform:skewX(-20deg);animation:shimmer 3.2s ease-in-out infinite}\n.hbtn-wa:hover{transform:translateY(-2px) scale(1.02);\n  box-shadow:0 8px 32px rgba(37,211,102,.5)!important}\n\n.hbtn-outline{\n  display:inline-flex;align-items:center;gap:8px;background:transparent;\n  color:var(--navy2)!important;font-family:Inter,sans-serif;font-size:15px;\n  font-weight:600;padding:13px 26px;border:1.5px solid var(--navy2);\n  border-radius:50px;text-decoration:none!important;transition:all .3s ease}\n.hbtn-outline:hover{background:var(--navy2);color:#fff!important}\n\n\/* label *\/\n.hlabel{font-family:Inter,sans-serif;font-size:11px;font-weight:600;letter-spacing:3px;\n  text-transform:uppercase;color:var(--gold);display:flex;align-items:center;gap:8px;\n  margin-bottom:16px;justify-content:center}\n.hlabel .dot{width:6px;height:6px;border-radius:50%;background:var(--gold);\n  animation:dotBlink 2s ease-in-out infinite;box-shadow:0 0 8px rgba(201,168,76,.7)}\n\n.hline{width:0;height:3px;\n  background:linear-gradient(90deg,var(--gold),transparent);\n  border-radius:2px;margin:18px auto 0;display:block}\n.hline.vis{animation:lineGrow .8s ease forwards;animation-delay:.3s}\n\n\/* KPI numbers *\/\n.hkpi{font-family:\"Playfair Display\",serif;font-size:62px;font-weight:700;line-height:1;\n  color:var(--gold);text-shadow:0 0 28px rgba(201,168,76,.4),0 0 60px rgba(201,168,76,.15)}\n.hkpi.dark{color:var(--navy2);text-shadow:0 0 24px rgba(26,53,84,.2)}\n\n\/* split cards *\/\n.split-card{background:#fff;border:1px solid rgba(201,168,76,.15);border-radius:16px;\n  padding:40px 36px;transition:all .35s cubic-bezier(.22,1,.36,1);\n  position:relative;overflow:hidden}\n.split-card::before{content:\"\";position:absolute;top:0;left:0;right:0;height:3px;\n  background:linear-gradient(90deg,var(--gold),transparent);opacity:0;\n  transition:opacity .35s ease}\n.split-card:hover{border-color:rgba(201,168,76,.5);\n  box-shadow:0 12px 48px rgba(0,0,0,.1),0 0 20px rgba(201,168,76,.1);\n  transform:translateY(-4px)}\n.split-card:hover::before{opacity:1}\n\n\/* testimonial *\/\n.testi-card{background:rgba(255,255,255,.06);\n  border:1px solid rgba(201,168,76,.2);border-radius:16px;\n  padding:44px;animation:borderPulse 4s ease-in-out infinite}\n\n\/* logo strip *\/\n.logo-strip{display:flex;gap:48px;align-items:center;\n  white-space:nowrap;padding:0 24px}\n.logo-item{font-family:\"Playfair Display\",serif;font-size:15px;font-weight:600;\n  color:#aaa;letter-spacing:.5px;opacity:.65;\n  transition:opacity .3s ease,color .3s ease;cursor:default}\n.logo-item:hover{opacity:1;color:var(--navy2)}\n.logo-item .sep{color:rgba(201,168,76,.4);margin-left:48px}\n\n\/* infomaniak partner card *\/\n.infom-check{display:flex;align-items:flex-start;gap:12px;\n  font-family:Inter,sans-serif;font-size:15px;color:#444;\n  margin-bottom:14px;line-height:1.55}\n.infom-ico{width:22px;height:22px;border-radius:50%;\n  background:rgba(201,168,76,.12);border:1px solid rgba(201,168,76,.35);\n  display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px;\n  color:var(--gold);font-size:11px;font-weight:700}\n\n\/* tech section *\/\n.tech-card{background:#fff;border-radius:14px;padding:32px 28px;\n  border:1px solid rgba(26,53,84,.08);\n  transition:all .35s ease}\n.tech-card:hover{border-color:rgba(201,168,76,.3);\n  box-shadow:0 8px 32px rgba(0,0,0,.08);transform:translateY(-3px)}\n\n\/* audit metric *\/\n.ametric{text-align:center;padding:24px 16px;\n  border:1px solid rgba(255,255,255,.1);border-radius:12px;\n  background:rgba(255,255,255,.04)}\n.ametric-num{font-family:\"Playfair Display\",serif;font-size:48px;\n  font-weight:700;line-height:1;color:#e53e3e;\n  text-shadow:0 0 20px rgba(229,62,62,.4)}\n.ametric-warn{font-family:\"Playfair Display\",serif;font-size:42px;\n  font-weight:700;line-height:1;color:var(--gold);\n  text-shadow:0 0 20px rgba(201,168,76,.5)}\n\n\/* scroll indicator *\/\n.scroll-cta{display:flex;flex-direction:column;align-items:center;gap:8px;\n  color:rgba(255,255,255,.4);font-family:Inter,sans-serif;\n  font-size:11px;letter-spacing:2px;text-transform:uppercase;\n  animation:arrowBounce 2s ease-in-out infinite;margin-top:56px}\n\n@media(max-width:768px){\n  .hkpi{font-size:46px}\n  .ametric-num,.ametric-warn{font-size:36px}\n  .btn-row-h{flex-direction:column;align-items:center}\n  .split-grid{grid-template-columns:1fr!important}\n  .tech-grid{grid-template-columns:1fr!important}\n}\n@media(prefers-reduced-motion:reduce){\n  .hr,.hgs,.hbtn-gold,.hbtn-wa{animation:none!important;opacity:1!important;transform:none!important}\n}\n<\/style>\n\n\n\n\n<script>\n(function(){\n  if(!window.IntersectionObserver)return;\n  \/* don't re-init if MisterGoo engine already loaded *\/\n  if(window._mogaRevealInit)return;\n  window._mogaRevealInit=true;\n  var obs=new IntersectionObserver(function(entries){\n    entries.forEach(function(e){\n      if(!e.isIntersecting)return;\n      var el=e.target;el.classList.add(\"vis\");\n      el.querySelectorAll(\"[data-count]\").forEach(function(c){\n        var target=parseInt(c.dataset.count,10);\n        var suffix=c.dataset.suffix||\"\";\n        var dur=parseInt(c.dataset.dur||\"2000\",10);\n        var t0=null;\n        function ease(x){return 1-Math.pow(1-x,3)}\n        function step(ts){\n          if(!t0)t0=ts;var p=Math.min((ts-t0)\/dur,1);\n          c.textContent=Math.floor(ease(p)*target)+suffix;\n          if(p<1)requestAnimationFrame(step);\n        }\n        requestAnimationFrame(step);\n      });\n      obs.unobserve(el);\n    });\n  },{threshold:.12,rootMargin:\"0px 0px -40px 0px\"});\n  function init(){\n    document.querySelectorAll(\".hr\").forEach(function(el){obs.observe(el)});\n  }\n  document.readyState===\"loading\"\n    ?document.addEventListener(\"DOMContentLoaded\",init):init();\n})();\n<\/script>\n\n\n<div style=\"display:flex;align-items:center;gap:24px;max-width:760px;margin:0 auto 48px;padding:0 24px\">\n  <img decoding=\"async\" src=\"https:\/\/www.mogacode.ma\/wp-content\/uploads\/2026\/04\/IMG_2333.jpeg\"\n       alt=\"Patrick, fondateur de MogaCode, Expert judiciaire informaticien, fondateur MogaCode Essaouira\"\n       width=\"96\" height=\"96\"\n       style=\"width:96px;height:96px;border-radius:50%;object-fit:cover;object-position:center top;border:3px solid #B8860B;flex-shrink:0\">\n  <div>\n    <p style=\"font-family:Inter,sans-serif;font-size:15px;font-weight:600;color:#e8ecf0;margin:0 0 4px\">Patrick, fondateur de MogaCode<\/p>\n    <p style=\"font-family:Inter,sans-serif;font-size:13px;color:rgba(255,255,255,.55);margin:0 0 6px\">Fondateur \u00b7 Expert judiciaire informaticien \u00b7 30 ans IT<\/p>\n    <p style=\"font-family:Inter,sans-serif;font-size:13px;color:rgba(255,255,255,.4);margin:0;line-height:1.5\">Essaouira, Maroc \u00b7 Clients en Belgique, France, Luxembourg<\/p>\n  <\/div>\n<\/div>\n<div style=\"padding:110px 20px 110px;text-align:center;max-width:900px;margin:0 auto\">\n\n  <div class=\"hr hlabel\">\n    <span class=\"dot\"><\/span>\n    AGENCE WORDPRESS &amp; \u00c9DITEUR SAAS \u00b7 ESSAOUIRA, MAROC\n  <\/div>\n\n  <h1 class=\"hr d1\" style=\"font-family:'Playfair Display',serif;\n    font-size:clamp(36px,5.5vw,66px);font-weight:700;color:#fff;\n    line-height:1.1;margin:0 0 24px;text-shadow:0 2px 40px rgba(0,0,0,.5)\">\n    Votre pr\u00e9sence digitale m\u00e9rite<br>\n    mieux qu&rsquo;un <span class=\"hgs\">prestataire ordinaire.<\/span>\n  <\/h1>\n\n  <p class=\"hr d2\" style=\"font-family:Inter,sans-serif;font-size:18px;\n    color:rgba(255,255,255,.72);line-height:1.65;max-width:620px;\n    margin:0 auto 40px\">\n    MogaCode con\u00e7oit des sites WordPress qui convertissent\n    et d\u00e9veloppe MisterGoo, la plateforme SaaS qui fait\n    cro\u00eetre votre visibilit\u00e9, durablement.\n  <\/p>\n\n  <div class=\"hr d3 btn-row-h\" style=\"display:flex;justify-content:center;\n    align-items:center;gap:16px;flex-wrap:wrap\">\n    <a href=\"\/realisations\/\" class=\"hbtn-gold\">\n      <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\"\n           stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n        <rect x=\"3\" y=\"3\" width=\"7\" height=\"7\"\/><rect x=\"14\" y=\"3\" width=\"7\" height=\"7\"\/>\n        <rect x=\"14\" y=\"14\" width=\"7\" height=\"7\"\/><rect x=\"3\" y=\"14\" width=\"7\" height=\"7\"\/>\n      <\/svg>\n      Voir nos r\u00e9alisations\n    <\/a>\n    <a href=\"\/mistergoo\/\" class=\"hbtn-ghost\">\n      D\u00e9couvrir MisterGoo &rarr;\n    <\/a>\n  <\/div>\n\n  <div class=\"hr d4 scroll-cta\">\n    <span>Explorer<\/span>\n    <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\"\n         stroke=\"rgba(255,255,255,.4)\" stroke-width=\"2\" stroke-linecap=\"round\">\n      <polyline points=\"6 9 12 15 18 9\"\/>\n    <\/svg>\n  <\/div>\n\n<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3a14616 e-con-full e-flex e-con e-parent\" data-id=\"3a14616\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3233eb8 elementor-widget elementor-widget-html\" data-id=\"3233eb8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\n<div class=\"hr\" style=\"max-width:900px;margin:0 auto;padding:0 16px;\n  display:grid;grid-template-columns:repeat(3,1fr);gap:0;text-align:center\">\n\n  <div style=\"padding:36px 24px;border-right:1px solid rgba(26,53,84,.1)\">\n    <div class=\"hkpi dark\" data-count=\"30\" data-suffix=\"+\" data-dur=\"1800\">30+<\/div>\n    <div style=\"font-family:Inter,sans-serif;font-size:15px;font-weight:600;\n      color:#1A3554;margin:12px 0 6px\">ans d&rsquo;expertise IT<\/div>\n    <div style=\"font-family:Inter,sans-serif;font-size:13px;color:#888;line-height:1.5\">\n      Expert judiciaire informaticien<br>Trib. Commerce de Bruxelles\n    <\/div>\n  <\/div>\n\n  <div style=\"padding:36px 24px;border-right:1px solid rgba(26,53,84,.1)\">\n    <div class=\"hkpi dark\" data-count=\"4\" data-dur=\"1400\">4<\/div>\n    <div style=\"font-family:Inter,sans-serif;font-size:15px;font-weight:600;\n      color:#1A3554;margin:12px 0 6px\">pays de clients<\/div>\n    <div style=\"font-family:Inter,sans-serif;font-size:13px;color:#888;line-height:1.5\">\n      Belgique \u00b7 Luxembourg<br>France \u00b7 Maroc\n    <\/div>\n  <\/div>\n\n  <div style=\"padding:36px 24px\">\n    <div class=\"hkpi\" data-count=\"2\" data-dur=\"1200\">2<\/div>\n    <div style=\"font-family:Inter,sans-serif;font-size:15px;font-weight:600;\n      color:#1A3554;margin:12px 0 6px\">produits SaaS actifs<\/div>\n    <div style=\"font-family:Inter,sans-serif;font-size:13px;color:#888;line-height:1.5\">\n      MisterGoo \u00b7 MogaCode\n    <\/div>\n  <\/div>\n\n<\/div>\n<style>@media(max-width:600px){\n  div[style*=\"grid-template-columns:repeat(3\"]{grid-template-columns:1fr!important}\n  div[style*=\"border-right\"]{border-right:none!important;border-bottom:1px solid rgba(26,53,84,.1)}\n}<\/style>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4f715a3 e-con-full e-flex e-con e-parent\" data-id=\"4f715a3\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6bf5617 elementor-widget elementor-widget-html\" data-id=\"6bf5617\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\n<div style=\"max-width:1020px;margin:0 auto;padding:0 16px\">\n\n  <div class=\"hr\" style=\"text-align:center;margin-bottom:52px\">\n    <div class=\"hlabel\"><span class=\"dot\"><\/span>CE QUE NOUS FAISONS<\/div>\n    <h2 style=\"font-family:'Playfair Display',serif;font-size:clamp(26px,4vw,40px);\n      font-weight:700;color:#1A3554;margin:0\">\n      Agence & \u00e9diteur. <span class=\"hgs\">Deux m\u00e9tiers. Un seul interlocuteur.<\/span>\n    <\/h2>\n    <span class=\"hline\"><\/span>\n  <\/div>\n\n  <div class=\"split-grid\" style=\"display:grid;grid-template-columns:1fr 1fr;gap:28px\">\n\n    <!-- Agence -->\n    <div class=\"hr d1 split-card\">\n      <div style=\"width:52px;height:52px;border-radius:14px;\n        background:rgba(26,53,84,.08);border:1px solid rgba(26,53,84,.15);\n        display:flex;align-items:center;justify-content:center;margin-bottom:24px\">\n        <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\"\n             stroke=\"#1A3554\" stroke-width=\"1.75\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n          <circle cx=\"12\" cy=\"12\" r=\"10\"\/>\n          <line x1=\"2\" y1=\"12\" x2=\"22\" y2=\"12\"\/>\n          <path d=\"M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z\"\/>\n        <\/svg>\n      <\/div>\n      <div style=\"font-family:Inter,sans-serif;font-size:11px;font-weight:600;\n        letter-spacing:3px;text-transform:uppercase;color:var(--navy2);margin-bottom:12px\">\n        L&rsquo;AGENCE\n      <\/div>\n      <h3 style=\"font-family:'Playfair Display',serif;font-size:22px;font-weight:700;\n        color:#1A3554;margin:0 0 16px\">Sites WordPress qui travaillent pour vous<\/h3>\n      <p style=\"font-family:Inter,sans-serif;font-size:15px;color:#555;\n        line-height:1.7;margin:0 0 24px\">\n        Sites WordPress pour TPE, cabinets, clubs, commerces, formateurs\n        et porteurs de projets. SEO technique, int\u00e9grations, care plans\n        mensuels. Vous travaillez directement avec le fondateur. Pas une \u00e9quipe anonyme.\n      <\/p>\n      <a href=\"\/sites-wordpress\/\" style=\"font-family:Inter,sans-serif;font-size:14px;\n        font-weight:600;color:var(--gold);text-decoration:none;\n        display:inline-flex;align-items:center;gap:6px;\n        transition:gap .2s ease\">\n        Nos services agence\n        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\"\n             stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\">\n          <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/>\n          <polyline points=\"12 5 19 12 12 19\"\/>\n        <\/svg>\n      <\/a>\n    <\/div>\n\n    <!-- MisterGoo -->\n    <div class=\"hr d2 split-card\">\n      <div style=\"width:52px;height:52px;border-radius:14px;\n        background:rgba(201,168,76,.1);border:1px solid rgba(201,168,76,.25);\n        display:flex;align-items:center;justify-content:center;margin-bottom:24px\">\n        <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\"\n             stroke=\"#C9A84C\" stroke-width=\"1.75\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n          <polyline points=\"23 6 13.5 15.5 8.5 10.5 1 18\"\/>\n          <polyline points=\"17 6 23 6 23 12\"\/>\n        <\/svg>\n      <\/div>\n      <div style=\"font-family:Inter,sans-serif;font-size:11px;font-weight:600;\n        letter-spacing:3px;text-transform:uppercase;color:var(--gold);margin-bottom:12px\">\n        MISTERGOO\n      <\/div>\n      <h3 style=\"font-family:'Playfair Display',serif;font-size:22px;font-weight:700;\n        color:#1A3554;margin:0 0 16px\">Votre d\u00e9partement SEO permanent<\/h3>\n      <p style=\"font-family:Inter,sans-serif;font-size:15px;color:#555;\n        line-height:1.7;margin:0 0 24px\">\n        Plateforme SaaS IA pour piloter votre visibilit\u00e9 Google au quotidien.\n        En abonnement, sans engagement.\n        <strong style=\"color:#1A3554\">D\u00e8s 249\u20ac\/mois.<\/strong>\n      <\/p>\n      <a href=\"\/mistergoo\/\" style=\"font-family:Inter,sans-serif;font-size:14px;\n        font-weight:600;color:var(--gold);text-decoration:none;\n        display:inline-flex;align-items:center;gap:6px;transition:gap .2s ease\">\n        D\u00e9couvrir MisterGoo\n        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\"\n             stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\">\n          <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/>\n          <polyline points=\"12 5 19 12 12 19\"\/>\n        <\/svg>\n      <\/a>\n    <\/div>\n\n  <\/div>\n<\/div>\n<style>@media(max-width:700px){.split-grid{grid-template-columns:1fr!important}}<\/style>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-decd5ca e-con-full e-flex e-con e-parent\" data-id=\"decd5ca\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8a4f81c elementor-widget elementor-widget-html\" data-id=\"8a4f81c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\n<div style=\"max-width:740px;margin:0 auto;padding:0 16px;text-align:center\">\n\n  <div class=\"hr hlabel\"><span class=\"dot\"><\/span>PREUVE SOCIALE<\/div>\n\n  <div class=\"hr d1 testi-card\" style=\"margin-top:8px\">\n    <!-- Quote mark -->\n    <div style=\"margin-bottom:24px\">\n      <svg width=\"40\" height=\"32\" viewBox=\"0 0 40 32\" fill=\"none\">\n        <path d=\"M0 32V20C0 14.667 1.333 10.333 4 7S10.667 1.333 16 0l2 3.333\n          C14.667 4 12.333 5.333 10.667 7.333 9 9.333 8.167 11.667 8.167 14.333H14V32H0zm22 0V20\n          c0-5.333 1.333-9.667 4-13S32.667 1.333 38 0l2 3.333C36.667 4 34.333 5.333 32.667 7.333\n          31 9.333 30.167 11.667 30.167 14.333H36V32H22z\"\n          fill=\"rgba(201,168,76,.5)\"\/>\n      <\/svg>\n    <\/div>\n\n    <p style=\"font-family:'Playfair Display',serif;font-size:clamp(18px,2.5vw,24px);\n      font-style:italic;color:rgba(255,255,255,.88);line-height:1.65;margin:0 0 28px\">\n      Avant MogaCode, notre site existait mais ne travaillait pas pour nous.\n      Aujourd&rsquo;hui on re\u00e7oit des demandes depuis Google, nos fiches\n      sont \u00e0 jour, et on comprend enfin nos statistiques. On aurait d\u00fb\n      le faire deux ans plus t\u00f4t.\n    <\/p>\n\n    <div style=\"display:flex;align-items:center;justify-content:center;gap:16px\">\n      <div style=\"width:1px;height:28px;background:rgba(201,168,76,.3)\"><\/div>\n      <div>\n        <div style=\"font-family:Inter,sans-serif;font-size:13px;font-weight:600;\n          color:var(--gold);letter-spacing:.5px\">Cabinet de conseil \u00b7 Bruxelles, Belgique<\/div>\n        <div style=\"font-family:Inter,sans-serif;font-size:12px;\n          color:rgba(255,255,255,.4);margin-top:2px\">(anonymis\u00e9 \u00e0 la demande du client)<\/div>\n      <\/div>\n      <div style=\"width:1px;height:28px;background:rgba(201,168,76,.3)\"><\/div>\n    <\/div>\n  <\/div>\n\n  <div class=\"hr d2\" style=\"margin-top:36px\">\n    <a href=\"\/realisations\/\" class=\"hbtn-ghost\">\n      Voir l&rsquo;\u00e9tude de cas &rarr;\n    <\/a>\n  <\/div>\n\n<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-18c748e e-con-full e-flex e-con e-parent\" data-id=\"18c748e\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-51e0abc elementor-widget elementor-widget-html\" data-id=\"51e0abc\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\n<div style=\"max-width:1040px;margin:0 auto;padding:0 16px\">\n\n  <div class=\"hr\" style=\"text-align:center;margin-bottom:44px\">\n    <div class=\"hlabel\"><span class=\"dot\"><\/span>ILS NOUS FONT CONFIANCE<\/div>\n  <\/div>\n\n  <div class=\"hr d1\" style=\"display:flex;flex-wrap:wrap;justify-content:center;\n    align-items:center;gap:12px 32px;row-gap:20px\"><img decoding=\"async\" src=\"https:\/\/www.mogacode.ma\/wp-content\/uploads\/2026\/09\/logo-academie-golf-cannes-cote-azur.png\" alt=\"Golf Images\" title=\"Golf Images\" loading=\"lazy\" style=\"height:42px;width:auto;max-width:190px;object-fit:contain;filter:grayscale(1);opacity:.68;transition:filter .25s ease,opacity .25s ease\" onmouseover=\"this.style.filter='none';this.style.opacity='1'\" onmouseout=\"this.style.filter='grayscale(1)';this.style.opacity='.68'\"><img decoding=\"async\" src=\"https:\/\/www.mogacode.ma\/wp-content\/uploads\/2026\/09\/cropped-logo-institut-des-lys-footer.png\" alt=\"Institut des Lys\" title=\"Institut des Lys\" loading=\"lazy\" style=\"height:42px;width:auto;max-width:190px;object-fit:contain;filter:grayscale(1);opacity:.68;transition:filter .25s ease,opacity .25s ease\" onmouseover=\"this.style.filter='none';this.style.opacity='1'\" onmouseout=\"this.style.filter='grayscale(1)';this.style.opacity='.68'\"><img decoding=\"async\" src=\"https:\/\/www.mogacode.ma\/wp-content\/uploads\/2026\/09\/cropped-Logo.jpeg\" alt=\"La Table du Boucher\" title=\"La Table du Boucher\" loading=\"lazy\" style=\"height:42px;width:auto;max-width:190px;object-fit:contain;filter:grayscale(1);opacity:.68;transition:filter .25s ease,opacity .25s ease\" onmouseover=\"this.style.filter='none';this.style.opacity='1'\" onmouseout=\"this.style.filter='grayscale(1)';this.style.opacity='.68'\"><img decoding=\"async\" src=\"https:\/\/www.mogacode.ma\/wp-content\/uploads\/2026\/09\/cropped-logo.webp\" alt=\"Amici Miei\" title=\"Amici Miei\" loading=\"lazy\" style=\"height:42px;width:auto;max-width:190px;object-fit:contain;filter:grayscale(1);opacity:.68;transition:filter .25s ease,opacity .25s ease\" onmouseover=\"this.style.filter='none';this.style.opacity='1'\" onmouseout=\"this.style.filter='grayscale(1)';this.style.opacity='.68'\"><img decoding=\"async\" src=\"https:\/\/www.mogacode.ma\/wp-content\/uploads\/2026\/09\/cropped-logo-v.webp\" alt=\"Axess Pharma\" title=\"Axess Pharma\" loading=\"lazy\" style=\"height:42px;width:auto;max-width:190px;object-fit:contain;filter:grayscale(1);opacity:.68;transition:filter .25s ease,opacity .25s ease\" onmouseover=\"this.style.filter='none';this.style.opacity='1'\" onmouseout=\"this.style.filter='grayscale(1)';this.style.opacity='.68'\"><img decoding=\"async\" src=\"https:\/\/www.mogacode.ma\/wp-content\/uploads\/2026\/09\/cropped-logo-SPA-des-lys-300x190-1.png\" alt=\"Spa des Lys\" title=\"Spa des Lys\" loading=\"lazy\" style=\"height:42px;width:auto;max-width:190px;object-fit:contain;filter:grayscale(1);opacity:.68;transition:filter .25s ease,opacity .25s ease\" onmouseover=\"this.style.filter='none';this.style.opacity='1'\" onmouseout=\"this.style.filter='grayscale(1)';this.style.opacity='.68'\"><img decoding=\"async\" src=\"https:\/\/www.mogacode.ma\/wp-content\/uploads\/2026\/09\/cropped-logo-naelle.webp\" alt=\"Mistress Naelle\" title=\"Mistress Naelle\" loading=\"lazy\" style=\"height:42px;width:auto;max-width:190px;object-fit:contain;filter:grayscale(1);opacity:.68;transition:filter .25s ease,opacity .25s ease\" onmouseover=\"this.style.filter='none';this.style.opacity='1'\" onmouseout=\"this.style.filter='grayscale(1)';this.style.opacity='.68'\"><img decoding=\"async\" src=\"https:\/\/www.mogacode.ma\/wp-content\/uploads\/2026\/09\/Logo-fond-transparent.png\" alt=\"Trans&#039;Alp Services\" title=\"Trans&#039;Alp Services\" loading=\"lazy\" style=\"height:42px;width:auto;max-width:190px;object-fit:contain;filter:grayscale(1);opacity:.68;transition:filter .25s ease,opacity .25s ease\" onmouseover=\"this.style.filter='none';this.style.opacity='1'\" onmouseout=\"this.style.filter='grayscale(1)';this.style.opacity='.68'\"><img decoding=\"async\" src=\"https:\/\/www.mogacode.ma\/wp-content\/uploads\/2026\/09\/cropped-51.png\" alt=\"G\u00eetes Premiums\" title=\"G\u00eetes Premiums\" loading=\"lazy\" style=\"height:42px;width:auto;max-width:190px;object-fit:contain;filter:grayscale(1);opacity:.68;transition:filter .25s ease,opacity .25s ease\" onmouseover=\"this.style.filter='none';this.style.opacity='1'\" onmouseout=\"this.style.filter='grayscale(1)';this.style.opacity='.68'\"><img decoding=\"async\" src=\"https:\/\/www.mogacode.ma\/wp-content\/uploads\/2026\/09\/cropped-logo-LYS.webp\" alt=\"Cabinet des Lys\" title=\"Cabinet des Lys\" loading=\"lazy\" style=\"height:42px;width:auto;max-width:190px;object-fit:contain;filter:grayscale(1);opacity:.68;transition:filter .25s ease,opacity .25s ease\" onmouseover=\"this.style.filter='none';this.style.opacity='1'\" onmouseout=\"this.style.filter='grayscale(1)';this.style.opacity='.68'\"><img decoding=\"async\" src=\"https:\/\/www.mogacode.ma\/wp-content\/uploads\/2026\/09\/cropped-Logo-Boucherie.png\" alt=\"Boucherie Pascale\" title=\"Boucherie Pascale\" loading=\"lazy\" style=\"height:42px;width:auto;max-width:190px;object-fit:contain;filter:grayscale(1);opacity:.68;transition:filter .25s ease,opacity .25s ease\" onmouseover=\"this.style.filter='none';this.style.opacity='1'\" onmouseout=\"this.style.filter='grayscale(1)';this.style.opacity='.68'\"><img decoding=\"async\" src=\"https:\/\/www.mogacode.ma\/wp-content\/uploads\/2026\/09\/Maud-de-san-e1772729722580.webp\" alt=\"Maud de San Nicolas\" title=\"Maud de San Nicolas\" loading=\"lazy\" style=\"height:42px;width:auto;max-width:190px;object-fit:contain;filter:grayscale(1);opacity:.68;transition:filter .25s ease,opacity .25s ease\" onmouseover=\"this.style.filter='none';this.style.opacity='1'\" onmouseout=\"this.style.filter='grayscale(1)';this.style.opacity='.68'\"><img decoding=\"async\" src=\"https:\/\/www.mogacode.ma\/wp-content\/uploads\/2026\/09\/apple-touch-icon.png\" alt=\"Evoluphar\" title=\"Evoluphar\" loading=\"lazy\" style=\"height:42px;width:auto;max-width:190px;object-fit:contain;filter:grayscale(1);opacity:.68;transition:filter .25s ease,opacity .25s ease\" onmouseover=\"this.style.filter='none';this.style.opacity='1'\" onmouseout=\"this.style.filter='grayscale(1)';this.style.opacity='.68'\"><\/div>\n\n  <div class=\"hr d2\" style=\"text-align:center;margin-top:40px\">\n    <a href=\"\/realisations\/\" style=\"font-family:Inter,sans-serif;font-size:14px;\n      font-weight:600;color:var(--gold);text-decoration:none;\n      display:inline-flex;align-items:center;gap:6px\">\n      Voir toutes nos r\u00e9alisations\n      <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\"\n           stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\">\n        <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/>\n        <polyline points=\"12 5 19 12 12 19\"\/>\n      <\/svg>\n    <\/a>\n  <\/div>\n\n<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d5bd465 e-con-full e-flex e-con e-parent\" data-id=\"d5bd465\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2fa2b03 elementor-widget elementor-widget-html\" data-id=\"2fa2b03\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\n<div style=\"max-width:1020px;margin:0 auto;padding:0 16px\">\n  <div class=\"split-grid\" style=\"display:grid;grid-template-columns:3fr 2fr;gap:56px;align-items:center\">\n\n    <!-- Texte gauche -->\n    <div class=\"hr\">\n      <div class=\"hlabel\" style=\"justify-content:flex-start\">\n        <span class=\"dot\"><\/span>INFRASTRUCTURE &amp; H\u00c9BERGEMENT\n      <\/div>\n      <h2 style=\"font-family:'Playfair Display',serif;font-size:clamp(26px,4vw,38px);\n        font-weight:700;color:#1A3554;margin:0 0 16px;line-height:1.15\">\n        Partenaire officiel<br><span class=\"hgs\">Infomaniak<\/span>\n      <\/h2>\n      <p style=\"font-family:Inter,sans-serif;font-size:16px;color:#555;\n        line-height:1.7;margin:0 0 28px\">\n        Tous nos projets, cabinet d&rsquo;avocats, boutique e-commerce,\n        club de golf, formation professionnelle ou SaaS, sont h\u00e9berg\u00e9s\n        sur l&rsquo;infrastructure Infomaniak : h\u00e9bergeur suisse ind\u00e9pendant,\n        100% \u00e9nergies renouvelables, aucune revente de donn\u00e9es.\n      <\/p>\n      <p style=\"font-family:Inter,sans-serif;font-size:15px;font-weight:600;\n        color:#1A3554;margin:0 0 24px;letter-spacing:.3px\">\n        Pas chez Amazon. Pas chez Google. En Europe.\n      <\/p>\n\n      <div class=\"infom-check\">\n        <div class=\"infom-ico\">\u2713<\/div>\n        <span>Datacenters en Suisse \u00b7 hors CLOUD Act am\u00e9ricain<\/span>\n      <\/div>\n      <div class=\"infom-check\">\n        <div class=\"infom-ico\">\u2713<\/div>\n        <span>Support partenaire prioritaire 7j\/7<\/span>\n      <\/div>\n      <div class=\"infom-check\">\n        <div class=\"infom-ico\">\u2713<\/div>\n        <span>SLA et uptime garantis contractuellement<\/span>\n      <\/div>\n\n      <div style=\"margin-top:28px\">\n        <a href=\"https:\/\/www.infomaniak.com\/fr\/hebergement\" target=\"_blank\" rel=\"noopener\"\n           class=\"hbtn-outline\">\n          En savoir sur Infomaniak\n          <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\"\n               stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\">\n            <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/>\n            <polyline points=\"12 5 19 12 12 19\"\/>\n          <\/svg>\n        <\/a>\n      <\/div>\n    <\/div>\n\n    <!-- Logo droite -->\n    <div class=\"hr d2\" style=\"text-align:center\">\n      <div style=\"background:#fff;border:1px solid rgba(201,168,76,.2);\n        border-radius:16px;padding:40px 32px;\n        box-shadow:0 8px 32px rgba(0,0,0,.06)\">\n        <!-- Infomaniak wordmark SVG inline (simplified) -->\n        <div style=\"font-family:'Playfair Display',serif;font-size:28px;\n          font-weight:700;color:#1A3554;letter-spacing:-0.5px;margin-bottom:16px\">\n          Infomaniak\n        <\/div>\n        <div style=\"width:64px;height:4px;background:linear-gradient(90deg,#C9A84C,transparent);\n          border-radius:2px;margin:0 auto 20px\"><\/div>\n        <div style=\"font-family:Inter,sans-serif;font-size:12px;font-weight:600;\n          letter-spacing:2px;text-transform:uppercase;color:#888\">\n          PARTENAIRE CERTIFI\u00c9\n        <\/div>\n        <div style=\"margin-top:20px;display:flex;flex-direction:column;gap:8px\">\n          <div style=\"background:#f0f9f0;border:1px solid #c3e6c3;border-radius:6px;\n            padding:8px 12px;font-family:Inter,sans-serif;font-size:12px;color:#2d7a2d;font-weight:600\">\n            \ud83c\udf3f 100% \u00c9nergies renouvelables\n          <\/div>\n          <div style=\"background:#f0f4ff;border:1px solid #c3d4f0;border-radius:6px;\n            padding:8px 12px;font-family:Inter,sans-serif;font-size:12px;color:#1a3580;font-weight:600\">\n            \ud83c\udde8\ud83c\udded Donn\u00e9es h\u00e9berg\u00e9es en Suisse\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n\n  <\/div>\n<\/div>\n<style>@media(max-width:768px){.split-grid{grid-template-columns:1fr!important}}<\/style>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-bc2a3f9 e-con-full e-flex e-con e-parent\" data-id=\"bc2a3f9\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f137dca elementor-widget elementor-widget-html\" data-id=\"f137dca\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\n<div style=\"max-width:1020px;margin:0 auto;padding:0 16px\">\n\n  <div class=\"hr\" style=\"text-align:center;margin-bottom:52px\">\n    <div class=\"hlabel\"><span class=\"dot\"><\/span>ANCRAGE LOCAL \u00b7 AMBITION GLOBALE<\/div>\n    <h2 style=\"font-family:'Playfair Display',serif;font-size:clamp(26px,4vw,38px);\n      font-weight:700;color:#1A3554;margin:0\">\n      Un studio digital <span class=\"hgs\">ancr\u00e9 dans l&rsquo;\u00e9cosyst\u00e8me marocain.<\/span>\n    <\/h2>\n    <span class=\"hline\"><\/span>\n  <\/div>\n\n  <div class=\"tech-grid\" style=\"display:grid;grid-template-columns:1fr 1fr;gap:28px\">\n\n    <!-- Technopark -->\n    <div class=\"hr d1 tech-card\">\n      <div style=\"display:flex;align-items:center;gap:16px;margin-bottom:22px\">\n        <div style=\"width:48px;height:48px;border-radius:12px;\n          background:rgba(26,53,84,.06);border:1px solid rgba(26,53,84,.12);\n          display:flex;align-items:center;justify-content:center;flex-shrink:0\">\n          <svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\"\n               stroke=\"#1A3554\" stroke-width=\"1.75\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n            <path d=\"M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"\/>\n            <polyline points=\"9 22 9 12 15 12 15 22\"\/>\n          <\/svg>\n        <\/div>\n        <div>\n          <div style=\"font-family:Inter,sans-serif;font-size:11px;font-weight:600;\n            letter-spacing:2.5px;text-transform:uppercase;color:var(--gold);margin-bottom:4px\">\n            TECHNOPARK ESSAOUIRA\n          <\/div>\n          <h3 style=\"font-family:'Playfair Display',serif;font-size:20px;\n            font-weight:700;color:#1A3554;margin:0\">Studio SaaS en r\u00e9sidence<\/h3>\n        <\/div>\n      <\/div>\n      <p style=\"font-family:Inter,sans-serif;font-size:15px;color:#555;\n        line-height:1.7;margin:0\">\n        MogaCode est pr\u00e9sent au Technopark Essaouira, premier incubateur tech de la r\u00e9gion. Notre mission :\n        ancrer l&rsquo;innovation IA dans l&rsquo;\u00e9cosyst\u00e8me digital\n        du Souss-Massa.\n      <\/p>\n    <\/div>\n\n    <!-- Stagiaires IA -->\n    <div class=\"hr d2 tech-card\">\n      <div style=\"display:flex;align-items:center;gap:16px;margin-bottom:22px\">\n        <div style=\"width:48px;height:48px;border-radius:12px;\n          background:rgba(201,168,76,.08);border:1px solid rgba(201,168,76,.2);\n          display:flex;align-items:center;justify-content:center;flex-shrink:0\">\n          <svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\"\n               stroke=\"#C9A84C\" stroke-width=\"1.75\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n            <path d=\"M22 10v6M2 10l10-5 10 5-10 5z\"\/>\n            <path d=\"M6 12v5c3 3 9 3 12 0v-5\"\/>\n          <\/svg>\n        <\/div>\n        <div>\n          <div style=\"font-family:Inter,sans-serif;font-size:11px;font-weight:600;\n            letter-spacing:2.5px;text-transform:uppercase;color:var(--gold);margin-bottom:4px\">\n            ACCUEIL DE STAGIAIRES IA\n          <\/div>\n          <h3 style=\"font-family:'Playfair Display',serif;font-size:20px;\n            font-weight:700;color:#1A3554;margin:0\">Travailler sur des projets r\u00e9els<\/h3>\n        <\/div>\n      <\/div>\n      <p style=\"font-family:Inter,sans-serif;font-size:15px;color:#555;\n        line-height:1.7;margin:0 0 20px\">\n        Nous accueillons 1, 2 stagiaires par semestre en d\u00e9veloppement IA et web.\n        Pas de stage photocopies, du vrai contexte de production sur MisterGoo et nos SaaS.\n      <\/p>\n      <a href=\"\/formations-ia\/#stagiaires\" style=\"font-family:Inter,sans-serif;\n        font-size:14px;font-weight:600;color:var(--gold);text-decoration:none;\n        display:inline-flex;align-items:center;gap:6px\">\n        Candidater\n        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\"\n             stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\">\n          <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/>\n          <polyline points=\"12 5 19 12 12 19\"\/>\n        <\/svg>\n      <\/a>\n    <\/div>\n\n  <\/div>\n<\/div>\n<style>@media(max-width:700px){.tech-grid{grid-template-columns:1fr!important}}<\/style>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-837c255 e-con-full e-flex e-con e-parent\" data-id=\"837c255\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a29384a elementor-widget elementor-widget-html\" data-id=\"a29384a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\n<div style=\"max-width:860px;margin:0 auto;padding:0 16px;text-align:center\">\n\n  <div class=\"hr hlabel\"><span class=\"dot\"><\/span>AUDIT R\u00c9EL, R\u00c9SULTATS CONCRETS<\/div>\n\n  <h2 class=\"hr d1\" style=\"font-family:'Playfair Display',serif;\n    font-size:clamp(26px,4vw,42px);font-weight:700;color:#fff;\n    margin:0 0 16px;line-height:1.2\">\n    Ce que votre site cache, <br>\n    <span class=\"hgs\">et ce qu&rsquo;il vous co\u00fbte.<\/span>\n  <\/h2>\n\n  <p class=\"hr d2\" style=\"font-family:Inter,sans-serif;font-size:16px;\n    color:rgba(255,255,255,.65);margin:0 0 44px\">\n    M\u00e9triques extraites lors d&rsquo;un audit r\u00e9el (client Essaouira, anonymis\u00e9).\n    Ces erreurs se retrouvent sur 9 sites sur 10, quel que soit le secteur.\n  <\/p>\n\n  <div class=\"hr d3\" style=\"display:grid;grid-template-columns:repeat(4,1fr);\n    gap:16px;margin-bottom:44px\">\n\n    <div class=\"ametric\">\n      <div class=\"ametric-num\">0<\/div>\n      <div style=\"font-family:Inter,sans-serif;font-size:12px;font-weight:600;\n        color:rgba(255,255,255,.7);margin:10px 0 4px\">Title tags optimis\u00e9s<\/div>\n      <div style=\"font-family:Inter,sans-serif;font-size:11px;color:rgba(255,255,255,.35)\">\n        sur 14 pages\n      <\/div>\n    <\/div>\n\n    <div class=\"ametric\">\n      <div class=\"ametric-num\">0<\/div>\n      <div style=\"font-family:Inter,sans-serif;font-size:12px;font-weight:600;\n        color:rgba(255,255,255,.7);margin:10px 0 4px\">M\u00e9ta-descriptions<\/div>\n      <div style=\"font-family:Inter,sans-serif;font-size:11px;color:rgba(255,255,255,.35)\">\n        renseign\u00e9es\n      <\/div>\n    <\/div>\n\n    <div class=\"ametric\">\n      <div class=\"ametric-num\">0<\/div>\n      <div style=\"font-family:Inter,sans-serif;font-size:12px;font-weight:600;\n        color:rgba(255,255,255,.7);margin:10px 0 4px\">Schema.org d\u00e9tect\u00e9<\/div>\n      <div style=\"font-family:Inter,sans-serif;font-size:11px;color:rgba(255,255,255,.35)\">\n        LocalBusiness \/ Hotel\n      <\/div>\n    <\/div>\n\n    <div class=\"ametric\">\n      <div class=\"ametric-warn\">\u26a0<\/div>\n      <div style=\"font-family:Inter,sans-serif;font-size:12px;font-weight:600;\n        color:rgba(255,255,255,.7);margin:10px 0 4px\">Lien FB cass\u00e9<\/div>\n      <div style=\"font-family:Inter,sans-serif;font-size:11px;color:rgba(255,255,255,.35)\">\n        version hindi\n      <\/div>\n    <\/div>\n\n  <\/div>\n\n  <p class=\"hr d4\" style=\"font-family:Inter,sans-serif;font-size:16px;\n    color:rgba(255,255,255,.7);margin:0 0 32px;line-height:1.65\">\n    Ce sont les m\u00e9triques r\u00e9elles extraites de notre audit.\n    Ce client perdait des r\u00e9servations directes chaque jour.\n  <\/p>\n\n  <div class=\"hr d5\">\n    <a href=\"\/contact\/\" class=\"hbtn-gold\">\n      <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\"\n           stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\">\n        <circle cx=\"11\" cy=\"11\" r=\"8\"\/><line x1=\"21\" y1=\"21\" x2=\"16.65\" y2=\"16.65\"\/>\n      <\/svg>\n      Recevoir mon audit gratuit &rarr;\n    <\/a>\n  <\/div>\n\n<\/div>\n<style>@media(max-width:640px){\n  div[style*=\"grid-template-columns:repeat(4\"]{grid-template-columns:repeat(2,1fr)!important}\n}<\/style>\n<div style=\"background:#0a1628;padding:36px 24px 28px;border-top:1px solid rgba(255,255,255,.06)\">\n  <div style=\"max-width:900px;margin:0 auto\">\n    <div style=\"display:grid;grid-template-columns:repeat(3,1fr);gap:24px\">\n      <div>\n        <p style=\"font-size:11px;font-weight:700;color:#B8860B;letter-spacing:1.5px;text-transform:uppercase;margin:0 0 12px\">Services<\/p>\n        <ul style=\"list-style:none;padding:0;margin:0;line-height:2.1\">\n          <li><a href=\"\/sites-wordpress\/\" style=\"color:rgba(255,255,255,.6);font-size:13px;text-decoration:none\">Sites WordPress<\/a><\/li>\n          <li><a href=\"\/agence-seo-maroc\/\" style=\"color:rgba(255,255,255,.6);font-size:13px;text-decoration:none\">MisterGoo, d\u00e8s 249\u20ac\/mois<\/a><\/li>\n          <li><a href=\"\/contact\/\" style=\"color:rgba(255,255,255,.6);font-size:13px;text-decoration:none\">Audit SEO gratuit<\/a><\/li>\n          <li><a href=\"\/realisations\/\" style=\"color:rgba(255,255,255,.6);font-size:13px;text-decoration:none\">Nos r\u00e9alisations<\/a><\/li>\n        <\/ul>\n      <\/div>\n      <div>\n        <p style=\"font-size:11px;font-weight:700;color:#B8860B;letter-spacing:1.5px;text-transform:uppercase;margin:0 0 12px\">Zones desservies<\/p>\n        <ul style=\"list-style:none;padding:0;margin:0;line-height:2.1\">\n          <li><a href=\"\/agence-wordpress-belgique\/\" style=\"color:rgba(255,255,255,.6);font-size:13px;text-decoration:none\">WordPress Belgique &amp; Luxembourg<\/a><\/li>\n          <li><a href=\"\/creation-site-web-essaouira\/\" style=\"color:rgba(255,255,255,.6);font-size:13px;text-decoration:none\">Cr\u00e9ation site Essaouira<\/a><\/li>\n          <li><a href=\"\/agence\/\" style=\"color:rgba(255,255,255,.6);font-size:13px;text-decoration:none\">Agence, Essaouira, Maroc<\/a><\/li>\n          <li><a href=\"\/contact\/\" style=\"color:rgba(255,255,255,.6);font-size:13px;text-decoration:none\">Contactez-nous<\/a><\/li>\n        <\/ul>\n      <\/div>\n      <div>\n        <p style=\"font-size:11px;font-weight:700;color:#B8860B;letter-spacing:1.5px;text-transform:uppercase;margin:0 0 12px\">\u00c0 propos<\/p>\n        <ul style=\"list-style:none;padding:0;margin:0;line-height:2.1\">\n          <li><a href=\"\/agence\/\" style=\"color:rgba(255,255,255,.6);font-size:13px;text-decoration:none\">L'agence &amp; Patrick, fondateur de MogaCode<\/a><\/li>\n          <li><a href=\"\/blog\/\" style=\"color:rgba(255,255,255,.6);font-size:13px;text-decoration:none\">MogaCode<\/a><\/li>\n          <li><a href=\"\/solutions-ia\/\" style=\"color:rgba(255,255,255,.6);font-size:13px;text-decoration:none\">Applications IA<\/a><\/li>\n          <li><a href=\"\/cgv\/\" style=\"color:rgba(255,255,255,.6);font-size:13px;text-decoration:none\">CGV<\/a><\/li>\n          <li><a href=\"\/combien-coute-site-wordpress-maroc-2026\/\" style=\"color:rgba(255,255,255,.6);font-size:13px;text-decoration:none\">Blog, Tarifs web Maroc<\/a><\/li>\n        <\/ul>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/div>\n<style>@media(max-width:600px){div[style*=\"grid-template-columns:repeat(3,1fr)\"]{grid-template-columns:1fr!important}}<\/style>\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>Incorporate the missing H2 headings such as &lsquo;Des prestations web sur mesure&rsquo;, &lsquo;Un positionnement local pour des r\u00e9sultats concrets&rsquo;, and &lsquo;Pourquoi choisir Nash comme agence web \u00e0 Marrakech ?&rsquo; to align with competitor content structure.<\/p>","protected":false},"author":2,"featured_media":1632,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-52","page","type-page","status-publish","has-post-thumbnail","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v26.5 (Yoast SEO v28.5) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Agence Web Essaouira, Sites WordPress &amp; SEO | MogaCode<\/title>\n<meta name=\"description\" content=\"Studio digital \u00e0 Essaouira : sites WordPress qui rankent, SEO et IA. 30 ans d&#039;exp\u00e9rience, 130+ sites en production. Tarifs fixes d\u00e8s 249\u20ac\/mois, on en parle sur WhatsApp.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.mogacode.ma\/en\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Agence Web Essaouira, Sites WordPress &amp; SEO | MogaCode\" \/>\n<meta property=\"og:description\" content=\"Studio digital \u00e0 Essaouira : sites WordPress qui rankent, SEO et IA. 30 ans d&#039;exp\u00e9rience, 130+ sites en production. Tarifs fixes d\u00e8s 249\u20ac\/mois, on en parle sur WhatsApp.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.mogacode.ma\/en\/\" \/>\n<meta property=\"og:site_name\" content=\"Mogacode\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/mogacode\" \/>\n<meta property=\"article:modified_time\" content=\"2026-09-17T08:17:59+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.mogacode.ma\/wp-content\/uploads\/2025\/11\/cropped-Logo-Photoroom1.webp\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:title\" content=\"D\u00e9veloppement de site web et d&#039;applications \u00e0 essaouira | WordPress\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/www.mogacode.ma\/wp-content\/uploads\/2025\/11\/cropped-Logo-Photoroom1.webp\" \/>\n<meta name=\"twitter:site\" content=\"@mogacode\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"12 minutes\" \/>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Agence Web Essaouira, Sites WordPress & SEO | MogaCode","description":"Studio digital \u00e0 Essaouira : sites WordPress qui rankent, SEO et IA. 30 ans d'exp\u00e9rience, 130+ sites en production. Tarifs fixes d\u00e8s 249\u20ac\/mois, on en parle sur WhatsApp.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.mogacode.ma\/en\/","og_locale":"en_US","og_type":"article","og_title":"Agence Web Essaouira, Sites WordPress & SEO | MogaCode","og_description":"Studio digital \u00e0 Essaouira : sites WordPress qui rankent, SEO et IA. 30 ans d'exp\u00e9rience, 130+ sites en production. Tarifs fixes d\u00e8s 249\u20ac\/mois, on en parle sur WhatsApp.","og_url":"https:\/\/www.mogacode.ma\/en\/","og_site_name":"Mogacode","article_publisher":"https:\/\/www.facebook.com\/mogacode","article_modified_time":"2026-09-17T08:17:59+00:00","og_image":[{"url":"https:\/\/www.mogacode.ma\/wp-content\/uploads\/2025\/11\/cropped-Logo-Photoroom1.webp","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_title":"D\u00e9veloppement de site web et d'applications \u00e0 essaouira | WordPress","twitter_image":"https:\/\/www.mogacode.ma\/wp-content\/uploads\/2025\/11\/cropped-Logo-Photoroom1.webp","twitter_site":"@mogacode","twitter_misc":{"Est. reading time":"12 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[]}},"_links":{"self":[{"href":"https:\/\/www.mogacode.ma\/en\/wp-json\/wp\/v2\/pages\/52","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.mogacode.ma\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.mogacode.ma\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.mogacode.ma\/en\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.mogacode.ma\/en\/wp-json\/wp\/v2\/comments?post=52"}],"version-history":[{"count":57,"href":"https:\/\/www.mogacode.ma\/en\/wp-json\/wp\/v2\/pages\/52\/revisions"}],"predecessor-version":[{"id":1836,"href":"https:\/\/www.mogacode.ma\/en\/wp-json\/wp\/v2\/pages\/52\/revisions\/1836"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.mogacode.ma\/en\/wp-json\/wp\/v2\/media\/1632"}],"wp:attachment":[{"href":"https:\/\/www.mogacode.ma\/en\/wp-json\/wp\/v2\/media?parent=52"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}