Audit SEO du site alocamp.fr par Outiref : Code Source Html

<!DOCTYPE html>
<html lang="fr">





 <meta charset="utf-8">
<meta name="viewport" content="width=device-width; initial-scale=1.0;" />
 <meta name="robots" content="index, follow" />
  <link rel="canonical" href="https://alocamp.fr/" /> 
<link rel="stylesheet" href="https://alocamp.fr/style.css" type="text/css" media="screen, projection" hreflang="fr"  />
<link href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap/5.3.2/css/bootstrap.min.css" rel="stylesheet">
<!-- Bootstrap Icons -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-icons/1.11.3/font/bootstrap-icons.min.css">

<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800&family=Caveat:wght@600;700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="style.css">


 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
 <script type="text/javascript" src="https://alocamp.fr/includes/js/jquery-1.7.js"></script>

<link rel="stylesheet" href="https://alocamp.fr/css_detail.css" type="text/css" media="screen, projection" hreflang="fr" />

  <link rel="shortcut icon" href="https://alocamp.fr/favicon.ico"/>
<link rel="stylesheet" href="https://alocamp.fr/includes/js/responsiveslides.css" type="text/css" media="screen, projection" hreflang="fr" />
    <script src="https://alocamp.fr/includes/js/responsiveslides.min.js" type="text/javascript"></script>

</head>
<body style="margin:0px;padding:0px;">

<nav class="navbar navbar-expand-lg alo_navbar-alo sticky-top">
  <div class="container">
    <a class="navbar-brand alo_brand-logo" href="https://alocamp.fr/index.php">
      <img style="height:110px;" alt="logo" src="images/logo.png">
    </a>
    <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#alo_navMenu">
      <span class="navbar-toggler-icon"></span>
    </button>
    <div class="collapse navbar-collapse justify-content-end" id="alo_navMenu">
<ul class="navbar-nav">

<li class="nav-item">
    <a class="nav-link active"
       href="https://alocamp.fr/index.php">
        Accueil
    </a>
</li>

    <li class="nav-item">
        <a class="nav-link"
           href="https://alocamp.fr/entretien-et-reparation.html">Atelier</a>
    </li>

    <li class="nav-item">
        <a class="nav-link"
           href="https://alocamp.fr/rachat-depot-vente-camping-car.html">Dépôt vente</a>
    </li>

    <li class="nav-item">
        <a class="nav-link"
           href="https://alocamp.fr/magasin-accessoires-camping-car.html">Magasin accessoires</a>
    </li>

    <li class="nav-item">
        <a class="nav-link" href="savoir-faire.html">Savoir-faire</a>
    </li>

    <li class="nav-item">
        <a class="nav-link"
           href="https://alocamp.fr/contact.html">Nous contacter</a>
    </li>
</ul>
    </div>
  </div>
</nav>


<script>
function toggleMenu() {
    const menu = document.getElementById('mobileMenu');
    const overlay = document.getElementById('menuOverlay');
    
    menu.classList.toggle('active');
    overlay.classList.toggle('active');
}
</script>
	   
<script>
// koa "$(window).load(function() {"
$(function () {

      // Slideshow 1
      $("#slider_v2").responsiveSlides({
        speed: 800
      });
		
});	
</script>
<title>Atelier Camping-Car à La Flamengrie | Réparation, Dépôt-Vente & Accessoires - Alocamp</title>
<meta name="description" content="Alocamp à La Flamengrie vous propose l'entretien et la réparation de camping-cars toutes marques, un service de dépôt-vente et un magasin d'accessoires pour vos véhicules de loisirs.">

<!-- ===== NAVBAR ===== -->

<!-- ===== HERO (slider automatique) ===== -->
<header class="alo_hero" id="alo_hero">
  <div class="alo_hero-slides">
          <div class="alo_hero-slide alo_active" style="background-image:url('images/bandeau/bandeau.png');"></div>
          <div class="alo_hero-slide" style="background-image:url('images/bandeau/bandeau.png');"></div>
          <div class="alo_hero-slide" style="background-image:url('images/bandeau/bandeau.png');"></div>
          <div class="alo_hero-slide" style="background-image:url('images/bandeau/bandeau.png');"></div>
      </div>
  <div class="alo_hero-overlay"></div>

  <div class="container alo_hero-content">
    <div class="row">
      <div class="col-lg-6">
        <div class="h1">
          <span class="alo_line-red">Réouverture</span><br>
      
          <span class="alo_line-blue">début septembre</span>
        </div>
		 <h1 style="display:block;float:left;font-size:1px;width:1px;overflow:hidden;">Spécialiste Camping-cars, Vans et Fourgons à La Flamengrie | ALOCAMP Services</h1>
        <p class="alo_lead-text">
      <strong> ALOCAMP Services</strong> vous accueille prochainement à  <strong>La Flamengrie </strong>, dans l’Aisne, 
pour  <strong>l’entretien </strong> et  <strong>la réparation </strong> de  <strong>camping-cars </strong>, le  <strong>dépôt-vente </strong> de véhicules
de loisirs ainsi que la vente et la pose d’accessoires et d’équipements pour  <strong>camping-cars </strong>, 
 <strong>vans </strong> et  <strong>fourgons aménagés </strong>.
        </p>
        <div class="d-flex flex-wrap gap-3 mt-4">
          <a href="contact.html" class="btn alo_btn-alo-red"><i class="bi bi-telephone-fill me-2"></i>Nous contacter</a>
          <a href="#alo_services" class="btn alo_btn-alo-outline"><i class="bi bi-truck me-2"></i>Découvrir nos services</a>
        </div>
      </div>
    </div>
  </div>

    <div class="alo_hero-dots">
          <button type="button" class="alo_hero-dot alo_active" data-alo-slide="0" aria-label="Photo 1"></button>
          <button type="button" class="alo_hero-dot" data-alo-slide="1" aria-label="Photo 2"></button>
          <button type="button" class="alo_hero-dot" data-alo-slide="2" aria-label="Photo 3"></button>
          <button type="button" class="alo_hero-dot" data-alo-slide="3" aria-label="Photo 4"></button>
      </div>
      <div class="alo_hero-wave">
    <svg viewbox="0 0 1440 90" preserveaspectratio="none" xmlns="http://www.w3.org/2000/svg">
      <path d="M0,45 C220,90 380,5 620,35 C860,65 1020,15 1240,40 C1330,50 1390,48 1440,42 L1440,90 L0,90 Z" fill="#ffffff"/>
      <path d="M0,45 C220,90 380,5 620,35 C860,65 1020,15 1240,40 C1330,50 1390,48 1440,42" fill="none" stroke="var(--alo-blue)" stroke-width="6" stroke-linecap="round"/>
    </svg>
  </div>
</header>

<!-- ===== SERVICES ===== -->
<section class="alo_services-section" id="alo_services">
  <div class="container text-center mb-5">
    <h2 class="alo_section-title"><span class="alo_spark"><img alt="ico" src="images/etoile-1.png"></span> Nos services <span class="alo_spark"><img alt="ico" src="images/etoile-2.png"></span></h2>
    <p class="alo_section-sub mt-3">Des solutions complètes pour profiter pleinement de vos véhicules de loisirs.</p>
  </div>

  <div class="container">
    <div class="row g-4">
      <div class="col-md-6 col-lg-3">
        <div class="alo_service-card">
          <div class="alo_service-icon alo_icon-blue"><i class="bi bi-tools"></i></div>
          <h3 class="alo_text-blue">Atelier</h3>
          <p>Entretien, réparations et interventions toutes marques pour garantir votre sécurité et votre confort sur la route.</p>
          <div class="alo_service-underline alo_underline-blue"></div>
        </div>
      </div>
      <div class="col-md-6 col-lg-3">
        <div class="alo_service-card">
          <div class="alo_service-icon alo_icon-red"><i class="bi bi-truck-front"></i></div>
          <h3 class="alo_text-red">Dépôt vente</h3>
          <p>Vendez ou achetez votre véhicule de loisirs en toute confiance avec un service simple et transparent.</p>
          <div class="alo_service-underline alo_underline-red"></div>
        </div>
      </div>
      <div class="col-md-6 col-lg-3">
        <div class="alo_service-card">
          <div class="alo_service-icon alo_icon-blue"><i class="bi bi-cart3"></i></div>
          <h3 class="alo_text-blue">Magasin accessoires</h3>
          <p>Équipez votre véhicule avec une large gamme d'accessoires et d'équipements sélectionnés pour vos voyages.</p>
          <div class="alo_service-underline alo_underline-blue"></div>
        </div>
      </div>
      <div class="col-md-6 col-lg-3">
        <div class="alo_service-card">
          <div class="alo_service-icon alo_icon-red"><i class="bi bi-award"></i></div>
          <h3 class="alo_text-red">Savoir-faire</h3>
          <p>Une équipe passionnée et expérimentée à votre écoute pour vous conseiller et vous accompagner.</p>
          <div class="alo_service-underline alo_underline-red"></div>
        </div>
      </div>
    </div>
  </div>
</section>

<!-- ===== BANNIÈRE NOUVELLE AVENTURE ===== -->
<section class="alo_announce-section">
  <div class="container">
    <div class="alo_announce-card">
      <div class="row g-0 align-items-stretch">
        <div class="col-lg-5">
          <img src="images/alain.png" alt="Bannière Alocamp bientôt ici" class="alo_announce-img">
        </div>
        <div class="col-lg-7">
          <div class="alo_announce-body">
            <h2><span class="alo_blue">Une nouvelle aventure à</span> <span class="alo_red">La Flamengrie</span></h2>
            <p>Après la fermeture de MLD, Alain Coulon a décidé de relancer l'ancienne enseigne "ALOCAMP", ALOCAMP Services reprend la route !</p>
            <p>Nous sommes heureux de vous retrouver prochainement dans nos  locaux à La Flamengrie pour continuer à vous offrir des services de qualité dédiés à vos véhicules de loisirs.</p>
            <div class="alo_signature">Merci pour votre confiance, à très bientôt !</div>
          </div>
        </div>
      </div>
    </div>
  </div>
</section>

<!-- ===== FOOTER ALOCAMP ===== -->
<style>
  #alo_contact {
    position: relative;
    background-color: #002b5c;
    background-image: linear-gradient(to right, rgba(0, 43, 92, 0.95) 20%, rgba(0, 43, 92, 0.8) 50%, rgba(0, 43, 92, 0.95) 100%), url('images/concession.png');
    background-size: cover;
    background-position: center;
    color: #ffffff;
    padding-top: 50px;
    padding-bottom: 20px;
    font-family: 'Poppins', sans-serif;
  }
h3{font-family: 'Poppins', sans-serif;}
  #alo_contact .container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 15px;
  }

  .alo_footer-brand-title {
    font-size: 1.25rem;
    font-weight: 700;
    color: #ffffff;
    margin-top: 15px;
  }

  .alo_footer-tag {
    font-size: 0.95rem;
    color: #d0dce8;
  }

  #alo_contact h3, #alo_contact h3 {
    color: #ffffff;
    font-weight: 700;
  }

  #alo_contact h3 {
    font-size: 1.25rem;
    margin-bottom: 25px;
  }

  .alo_contact-list {
    list-style: none;
    padding: 0;
    margin: 0;
  }

  .alo_contact-list li {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    margin-bottom: 15px;
    font-size: 0.95rem;
  }

  .alo_contact-list li i {
    color: #ffcc00;
    font-size: 1.1rem;
    margin-top: 2px;
  }

  .alo_contact-list a {
    color: #ffffff;
    text-decoration: none;
  }

  .alo_hours-row {
    display: flex;
    justify-content: space-between;
    margin-bottom: 12px;
    font-size: 0.95rem;
  }

  .alo_footer-signature {
    font-family: 'Comic Sans MS', 'Caveat', cursive, sans-serif;
    color: #ffcc00;
    font-size: 1.35rem;
    font-style: italic;
    line-height: 1.3;
  }

  /* Style Maillage Interne SEO */
  .alo_seo-links {
    margin-top: 40px;
    padding-top: 30px;
    border-top: 1px solid rgba(255, 255, 255, 0.15);
  }

  .alo_seo-links h3 {
    font-size: 1.05rem;
    color: #ffcc00;
    margin-bottom: 15px;
  }

  .alo_seo-links ul {
    list-style: none;
    padding: 0;
    margin: 0;
  }

  .alo_seo-links ul li {
    margin-bottom: 8px;
    font-size: 0.9rem;
  }

  .alo_seo-links a {
    color: #d0dce8;
    text-decoration: none;
    transition: color 0.2s ease, padding-left 0.2s ease;
    display: inline-block;
  }

  .alo_seo-links a:hover {
    color: #ffffff;
    padding-left: 4px;
  }

  .alo_footer-divider {
    border: 0;
    border-top: 1px solid rgba(255, 255, 255, 0.15);
    margin: 30px 0 20px 0;
  }

  .alo_bottom-bar {
    font-size: 0.9rem;
  }

  .alo_bottom-bar a {
    color: #ffffff;
    text-decoration: none;
    transition: opacity 0.2s;
  }

  .alo_bottom-bar a:hover {
    opacity: 0.8;
  }

  .alo_social-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    background-color: rgba(255, 255, 255, 0.15);
    color: #ffffff !important;
    border-radius: 50%;
    margin-left: 10px;
    font-size: 1rem;
    transition: background-color 0.2s;
  }

  .alo_social-icon:hover {
    background-color: rgba(255, 255, 255, 0.3);
  }

  @media (max-width: 991px) {
    #alo_contact {
      background-image: linear-gradient(to bottom, rgba(0, 43, 92, 0.92), rgba(0, 43, 92, 0.95)), url('images/concession.png');
    }
  }
</style>

<div style="display:block;float:left;width:100%;position:relative;">
  <footer id="alo_contact">
    <div class="container">
      <div class="row g-4">
        
        <!-- Colonne 1 : Logo & Infos -->
        <div class="col-lg-4 col-md-6">
          <div class="alo_brand-logo mb-3">
            <img alt="ALOCAMP Services" src="images/logo-footer.png" style="max-height: 90px; width: auto;">
          </div>
          <p class="alo_footer-brand-title mb-0">ALOCAMP Services</p>
          <p class="alo_footer-tag mb-1">La Flamengrie</p>
          <p class="alo_footer-tag">Votre partenaire véhicules de loisirs</p>
        </div>

        <!-- Colonne 2 : Contact -->
        <div class="col-lg-4 col-md-6">
          <h3>Nous contacter</h3>
          <ul class="alo_contact-list">
            <li>
              <i class="bi bi-geo-alt-fill"></i>
              <span><strong>La Flamengrie</strong><br>02260 La Flamengrie, France</span>
            </li>
            <li>
              <i class="bi bi-telephone-fill"></i>
              <span></span>
            </li>
            <li>
              <i class="bi bi-envelope-fill"></i>
              <a href="mailto:contact@alocamp.fr"><img style="position:relative;top:5px;" alt="logo" src="images/mail-footer.png"></a>
            </li>
            <li>
              <i class="bi bi-globe2"></i>
              <a href="https://www.alocamp.fr" target="_blank">www.alocamp.fr</a>
            </li>
          </ul>
        </div>

        <!-- Colonne 3 : Horaires -->
        <div class="col-lg-4 col-md-12">
          <h3>Horaires d'ouverture</h3>
          <div class="alo_hours-row" style="font-size: 12px;">
            <span>Lundi - Vendredi :</span>
            <span>9h00 - 12h30 / 13h30 - 18h00</span>
          </div>
          <div class="alo_hours-row" style="font-size: 12px;">
            <span>Samedi :</span>
            <span>9h00 - 12h30</span>
          </div>
          <div class="alo_hours-row" style="font-size: 12px;">
            <span>Dimanche :</span>
            <span>Fermé</span>
          </div>
          <p class="alo_footer-signature mt-4 mb-0">À très bientôt<br>chez ALOCAMP Services !</p>
        </div>

      </div>

      <!-- SECTION MAILLAGE INTERNE SEO -->
      <div class="alo_seo-links">
        <h2 class="text-uppercase fw-bold mb-3" style="font-size: 1.2rem; letter-spacing: 0.5px; color: #ffcc00;">Nos expertises & Prestations phares</h2>
        <div class="row g-3">
          <div class="col-md-4">
            <h3>Interventions Atelier</h3>
            <ul>
              <li><a href="https://alocamp.fr/entretien-et-reparation.html">Test &amp; réparation d'étanchéité camping-car</a></li>
              <li><a href="https://alocamp.fr/entretien-et-reparation.html">Installation de panneaux solaires</a></li>
              <li><a href="https://alocamp.fr/entretien-et-reparation.html">Réparation de chauffage &amp; chauffe-eau</a></li>
			     <li> <a href="https://alocamp.fr/entretien-et-reparation.html">entretien et révision de camping-car</a>  </li>
     <li> <a href="https://alocamp.fr/entretien-et-reparation.html">réparation de camping-car</a>  </li>
      <li><a href="https://alocamp.fr/entretien-et-reparation.html">diagnostic électrique</a>  </li>
            </ul>
          </div>
          <div class="col-md-4">
            <h3>Achat &amp; Vente</h3>
            <ul>
              <li><a href="depot-vente-formulaire.php">Faire estimer mon camping-car</a></li>
            </ul>
          </div>
          <div class="col-md-4">
            <h3>Équipements</h3>
            <ul>
              <li><a href="magasin-accessoires-camping-car.html">Magasin d'accessoires camping-car</a></li>
            </ul>
          </div>
        </div>
      </div>

      <hr class="alo_footer-divider">

      <!-- Barre de bas de page -->
      <div class="d-flex flex-wrap justify-content-between align-items-center alo_bottom-bar">
        <div class="mb-2">
          <a href="mentions-legales.html">Mentions légales</a>
          <span class="mx-2">|</span>
          <a href="rgpd.html">Politique de confidentialité</a>
        </div>
        <div class="mb-2">
          <a href="#" class="alo_social-icon" aria-label="Facebook"><i class="bi bi-facebook"></i></a>
          <a href="#" class="alo_social-icon" aria-label="Instagram"><i class="bi bi-instagram"></i></a>
        </div>
      </div>
    </div>
  </footer>
</div>

<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap/5.3.2/js/bootstrap.bundle.min.js"></script>
<script>
  // ===== Slider automatique du hero =====
  (function () {
    var alo_slides = document.querySelectorAll('.alo_hero-slide');
    var alo_dots = document.querySelectorAll('.alo_hero-dot');
    var alo_current = 0;
    var alo_intervalTime = 5000;
    var alo_timer = null;

    if (alo_slides.length <= 1) return;

    function alo_goToSlide(alo_index) {
      alo_slides[alo_current].classList.remove('alo_active');
      if (alo_dots.length) alo_dots[alo_current].classList.remove('alo_active');

      alo_current = alo_index;

      alo_slides[alo_current].classList.add('alo_active');
      if (alo_dots.length) alo_dots[alo_current].classList.add('alo_active');
    }

    function alo_nextSlide() {
      var alo_next = (alo_current + 1) % alo_slides.length;
      alo_goToSlide(alo_next);
    }

    function alo_startAutoplay() {
      alo_timer = setInterval(alo_nextSlide, alo_intervalTime);
    }

    function alo_resetAutoplay() {
      clearInterval(alo_timer);
      alo_startAutoplay();
    }

    alo_dots.forEach(function (alo_dot) {
      alo_dot.addEventListener('click', function () {
        var alo_index = parseInt(alo_dot.getAttribute('data-alo-slide'), 10);
        alo_goToSlide(alo_index);
        alo_resetAutoplay();
      });
    });

    alo_startAutoplay();
  })();
</script>
</body>
</html>
Code source de l'URL : https://alocamp.fr

A propos d'Outiref

Suivez nous sur...

Un site du Réseau Abondance
