feat: improve SEO with podcast JSON-LD, canonical and meta descriptions

direct.php

@@ -23,6 +23,8 @@ $liveStream = getLiveStream();
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Direct - <?php echo SITE_NAME; ?></title>
+    <meta name="description" content="Suivez nos diffusions en direct sur <?php echo SITE_NAME; ?>. Contenu en temps réel, discussions et événements exclusifs.">
+    <link rel="canonical" href="<?php echo getBaseUrl(); ?>/direct.php">
     <link rel="stylesheet" href="css/styles.css?v=<?php echo filemtime('css/styles.css'); ?>">
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/7.0.1/css/all.min.css">
     
@@ -32,7 +34,7 @@ $liveStream = getLiveStream();
     <link rel="icon" type="image/png" sizes="16x16" href="img/favicon-16x16.png">
     <link rel="manifest" href="site.webmanifest">
     <link rel="icon" type="image/x-icon" href="img/favicon.ico">
-    <meta name="theme-color" content="#ffffff">
+    <meta name="theme-color" content="#FF0000">
     
     <!-- Open Graph Meta Tags -->
     <meta property="og:title" content="Direct - <?php echo SITE_NAME; ?>">
@@ -191,7 +193,7 @@ $liveStream = getLiveStream();
                                     $dynamicTitle = NEXT_LIVE_TITLE;
                                 }
                                 ?>
-                                <h2><?php echo htmlspecialchars($dynamicTitle); ?></h2>
+                                <h1><?php echo htmlspecialchars($dynamicTitle); ?></h1>
                                 <?php
                                 if (!empty(NEXT_LIVE_DATE)) {
                                     $liveHour = $liveDate->format('H\hi');
@@ -260,7 +262,7 @@ $liveStream = getLiveStream();
                         ?>
                         <div class="no-live-message">
                             <i class="fas fa-tv"></i>
-                            <h2>Aucun direct en cours</h2>
+                            <h1>Aucun direct en cours</h1>
                             <p>Revenez plus tard pour découvrir nos prochaines diffusions en direct.</p>
                             <a href="index.php" class="btn-primary">Retour à l'accueil</a>
                         </div>