Bloc 3 : Développer la Présence en Ligne

Participer à la valorisation de l'image sur les médias numériques

Création et gestion de contenus web respectant le cadre juridique et les enjeux économiques.

Respect du RGPD dans la collecte et le traitement des données
Application des licences et droits d'auteur
Optimisation de l'image de marque en ligne

Référencer les services en ligne et mesurer leur visibilité

Mise en place d'outils d'analyse pour suivre les performances des sites web.

Ajout d'une balise Google Analytics sur landing pages
Analyse du trafic et comportement utilisateur
Optimisation SEO pour améliorer le référencement naturel
Suivi des KPIs (taux de conversion, taux de rebond, etc.)

Participer à l'évolution d'un site Web

Développement et maintenance de sites web exploitant les données de l'organisation.

Création d'interfaces responsive avec HTML5, CSS3, JavaScript
Intégration de bases de données MySQL
Mise à jour et évolution fonctionnelle des sites
Tests de compatibilité multi-navigateurs

Stage Efrei

Référencement d'un service en ligne — Hackathon BTS SIO 2025

Contexte

Dans le cadre du projet, j'ai travaillé sur la visibilité en ligne d'un service web déployé sur GitHub Pages. J'ai intégré des balises HTML sémantiques pour améliorer le référencement naturel et mis en place une balise Google Tag pour mesurer l'audience et la visibilité du service.

Démarche suivie

Étape 1 — Structuration HTML sémantique et balises méta SEO

Structuration du code HTML avec des balises sémantiques (header, main, section, footer) et des métadonnées pour optimiser l'indexation par les moteurs de recherche.

<head>
  <meta charset="UTF-8">
  <meta name="description"
        content="Erreur 404 Found - Hackathon BTS SIO 2025">
  <meta name="keywords"
        content="BTS SIO, hackathon, GLPI, informatique">
  <title>Erreur 404 Found | Hackathon 2025</title>
</head>

Étape 2 — Intégration de la balise Google Tag (gtag.js)

Intégration du script Google Tag dans le <head> de chaque page pour activer le suivi de l'audience, mesurer le trafic, les sources de visites et les pages consultées.

<!-- Google tag (gtag.js) -->
<script async
  src="https://www.googletagmanager.com/gtag/js?id=G-XXXXXXXXXX">
</script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());
  gtag('config', 'G-XXXXXXXXXX');
</script>

Étape 3 — Déploiement et mesure de visibilité

Site déployé sur GitHub Pages avec une URL publique permanente
Structure H1/H2 respectée et métadonnées renseignées pour une indexation correcte par les moteurs de recherche
Données Google Tag permettant de mesurer en temps réel l'audience et la provenance des visiteurs

Conclusion

Cette réalisation m'a permis de comprendre les mécanismes du référencement naturel (SEO) et d'apprendre à mesurer la visibilité d'un service en ligne. L'intégration de Google Tag m'a donné accès à des données d'audience concrètes, utiles pour évaluer et améliorer la présence en ligne d'une organisation.