Outiref

Code source de l'URL : https://fifacoupedumonde2026.fr

<!DOCTYPE html>
<html lang="fr">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Coupe du Monde 2026 - Scores en direct, matches du jour | Mondial 2026 Live</title>
    <meta name="description" content="Suivez la Coupe du Monde 2026 en direct. Matches du jour, scores en temps réel, classements des 12 groupes et actualités des 48 équipes.">
    
    <link rel="canonical" href="https://fifacoupedumonde2026.fr/">
    
    <!-- Open Graph & Twitter Cards -->
    <meta property="og:title" content="Coupe du Monde 2026 - Scores en direct, matches du jour">
    <meta property="og:description" content="Suivez la Coupe du Monde 2026 en direct. Matches du jour, scores en temps réel, classements des 12 groupes et actualités des 48 équipes.">
    <meta property="og:type" content="website">
    <meta property="og:url" content="https://fifacoupedumonde2026.fr/">
    <meta name="twitter:card" content="summary_large_image">
    <meta name="twitter:title" content="Coupe du Monde 2026 - Scores en direct, matches du jour">
    <meta name="twitter:description" content="Suivez la Coupe du Monde 2026 en direct. Matches du jour, scores en temps réel, classements des 12 groupes et actualités des 48 équipes.">
    
    <!-- Google Fonts -->
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700;800&display=swap" rel="stylesheet">
    
    <link rel="stylesheet" href="/styles.css">
    
    <!-- Favicon inline SVG -->
    <link rel="icon" href="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'><text y='.9em' font-size='90'>⚽</text></svg>">
    
    <!-- Lucide Icons -->
    <script src="https://unpkg.com/lucide@latest"></script>

    <!-- Google AdSense -->
    <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-2042183794145461"
         crossorigin="anonymous"></script>

    <!-- Schema.org JSON-LD Dynamique -->
    <script type="application/ld+json">
{"@context":"https://schema.org","@type":"Organization","name":"Mondial 26","url":"https://fifacoupedumonde2026.fr","logo":"https://fifacoupedumonde2026.fr/assets/logo.png","contactPoint":{"@type":"ContactPoint","email":"contact@fifacoupedumonde2026.fr","contactType":"customer service"}}
</script>
<script type="application/ld+json">
{"@context":"https://schema.org","@type":"WebSite","name":"Mondial 26","url":"https://fifacoupedumonde2026.fr","potentialAction":{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://fifacoupedumonde2026.fr/recherche?q={search_term_string}"},"query-input":"required name=search_term_string"}}
</script>
<script type="application/ld+json">
{"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Accueil","item":"https://fifacoupedumonde2026.fr/"}]}
</script>
</head>
<body>

<header class="site-header">
    <div class="container header-inner">
        <a href="/" class="logo">
            <i data-lucide="trophy"></i>
            Mondial<span>26</span>
        </a>
        
        <nav class="main-nav">
            <a href="/">Accueil</a>
            <a href="/actualites">Actus</a>
            <a href="/dossiers">Dossiers</a>
            <a href="/qualifications">Qualifs</a>
            <a href="/villes">Villes</a>
            <a href="/billetterie">Billets</a>
            <a href="/equipes">Équipes</a>
            <a href="/classements">Classements</a>
        </nav>
        
        <div class="header-actions">
            <a href="/live" class="badge">
                <span style="display:inline-block;width:8px;height:8px;background:var(--danger);border-radius:50%;margin-right:4px;animation: pulse 2s infinite;"></span>
                LIVE
            </a>
        </div>
    </div>
</header>

<main class="container">
<!-- Bannière : Matches du jour / à suivre -->
<section class="hero-live reveal-on-scroll">
    <div class="hero-content">
        <div class="flex-between" style="align-items:center; margin-bottom:16px;">
            <div>
                <div class="badge-premium" style="background: var(--danger); color: white;">
                    À SUIVRE                </div>
                <h1 style="margin-top:8px;">
                    Prochains matches                </h1>
                <p style="margin:4px 0 0 0; color: var(--text-muted);">
                    Coupe du Monde 2026 — scores en direct mis à jour automatiquement.
                </p>
            </div>
            <a href="/calendrier" style="font-size: 0.9rem; color: var(--text-muted); white-space:nowrap;">Calendrier complet ></a>
        </div>

                    <div class="card" style="text-align:center; padding:24px;">
                <span style="color: var(--text-muted);">Aucun match programmé pour le moment.</span>
            </div>
            </div>
</section>

<style>
.hero-live { padding: 24px; background: var(--bg-surface); border-radius: 12px; margin-bottom: 24px; }
.hero-matches-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 12px; }
.hero-match-card { display: grid; grid-template-columns: 1fr auto; grid-template-rows: auto auto; gap: 8px 16px; padding: 14px; margin: 0; }
.hero-match-status { grid-column: 1 / -1; font-size: 0.75rem; }
.hero-match-teams { display: flex; flex-direction: column; gap: 6px; min-width:0; }
.hero-team { display: flex; align-items: center; gap: 8px; font-weight: 600; font-size: 0.95rem; }
.hero-team span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.hero-match-score { font-size: 1.4rem; font-weight: 800; align-self: center; text-align: right; }
</style>

<div class="grid-layout mt-5">
    <!-- Main Content -->
    <div class="main-column">
        
        <!-- Éditorial : Les dernières listes officielles (Important pour le SEO) -->
        <section class="reveal-on-scroll">
            <div class="flex-between">
                <h2 class="section-title"><i data-lucide="clipboard-list"></i> Effectifs & Listes Officielles</h2>
                <a href="/equipes" style="font-size: 0.9rem; color: var(--text-muted);">Toutes les 48 équipes ></a>
            </div>
            
            <div class="grid-layout" style="grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 16px; margin-top: 0;">
                <a href="/liste-france-coupe-du-monde-2026" class="card" style="text-align: center; margin-bottom: 0;">
                    <div style="font-size: 2.5rem; margin-bottom: 8px;">🇫🇷</div>
                    <div style="font-weight: 700;">France</div>
                    <div style="font-size: 0.8rem; color: var(--primary); margin-top: 4px;">Liste officielle disponible ✓</div>
                </a>
                <a href="/liste-bresil-coupe-du-monde-2026" class="card" style="text-align: center; margin-bottom: 0;">
                    <div style="font-size: 2.5rem; margin-bottom: 8px;">🇧🇷</div>
                    <div style="font-weight: 700;">Brésil</div>
                    <div style="font-size: 0.8rem; color: var(--primary); margin-top: 4px;">Liste officielle disponible ✓</div>
                </a>
                <a href="/liste-argentine-coupe-du-monde-2026" class="card" style="text-align: center; margin-bottom: 0;">
                    <div style="font-size: 2.5rem; margin-bottom: 8px;">🇦🇷</div>
                    <div style="font-weight: 700;">Argentine</div>
                    <div style="font-size: 0.8rem; color: var(--primary); margin-top: 4px;">Liste officielle disponible ✓</div>
                </a>
            </div>
        </section>

        <!-- Prochains Matchs du tournoi -->
        <section class="reveal-on-scroll" style="margin-top: 32px;">
            <div class="flex-between">
                <h2 class="section-title"><i data-lucide="calendar-clock"></i> Matchs à venir</h2>
                <a href="/calendrier" style="font-size: 0.9rem; color: var(--text-muted);">Calendrier complet ></a>
            </div>
            <div class="card" style="padding: 0; overflow: hidden;">
                                                    <div class="empty-state">
                        <i data-lucide="clock" class="empty-icon"></i>
                        <p>Calendrier en cours de chargement...</p>
                    </div>
                            </div>
        </section>

        <!-- Dernières actualités -->
        <section class="reveal-on-scroll" style="margin-top: 32px;">
            <div class="flex-between">
                <h2 class="section-title"><i data-lucide="newspaper"></i> À la une</h2>
                <a href="/actualites" style="font-size: 0.9rem; color: var(--text-muted);">Voir tout ></a>
            </div>
            
            <div class="news-grid">
                                <a href="/actualites/une-soiree-pour-eric-roy-qui-restera-dans-les-memoires" class="news-card">
                    <div class="image-placeholder"></div>
                    <div class="news-content">
                        <div style="display:flex; justify-content:space-between; align-items:center;">
                            <div class="news-category">
                                                                actualites                            </div>
                            <div style="font-size: 0.75rem; color: var(--text-muted);">
                                Il y a 56 min                            </div>
                        </div>
                        <div class="news-title" style="margin-top:8px;">Une soirée pour Éric Roy qui restera dans les mémoires</div>
                    </div>
                </a>
                                <a href="/actualites/de-bons-resultats-en-trompe-l-oeil" class="news-card">
                    <div class="image-placeholder"></div>
                    <div class="news-content">
                        <div style="display:flex; justify-content:space-between; align-items:center;">
                            <div class="news-category">
                                                                actualites                            </div>
                            <div style="font-size: 0.75rem; color: var(--text-muted);">
                                Il y a 1 h                            </div>
                        </div>
                        <div class="news-title" style="margin-top:8px;">De bons résultats en trompe-l&#039;oeil</div>
                    </div>
                </a>
                                <a href="/actualites/seulement-15-buts-en-9-rencontres-triste-rendement-offensif-ce-week-end-en-ligue-1" class="news-card">
                    <div class="image-placeholder"></div>
                    <div class="news-content">
                        <div style="display:flex; justify-content:space-between; align-items:center;">
                            <div class="news-category">
                                                                ligue-1                            </div>
                            <div style="font-size: 0.75rem; color: var(--text-muted);">
                                Il y a 1 h                            </div>
                        </div>
                        <div class="news-title" style="margin-top:8px;">Seulement 15 buts en 9 rencontres, triste rendement offensif ce week-end en Ligue 1</div>
                    </div>
                </a>
                                <a href="/actualites/matvei-safonov-apres-la-victoire-du-psg-a-brest-on-devait-arreter-cette-situation" class="news-card">
                    <div class="image-placeholder"></div>
                    <div class="news-content">
                        <div style="display:flex; justify-content:space-between; align-items:center;">
                            <div class="news-category">
                                                                ligue-1                            </div>
                            <div style="font-size: 0.75rem; color: var(--text-muted);">
                                Il y a 1 h                            </div>
                        </div>
                        <div class="news-title" style="margin-top:8px;">Matveï Safonov après la victoire du PSG à Brest : « On devait arrêter cette situation »</div>
                    </div>
                </a>
                            </div>
        </section>

    </div>

    <!-- Sidebar -->
    <div class="sidebar-column">
        
        <!-- Live Widget -->
        <section class="reveal-on-scroll">
            <h2 class="section-title"><i data-lucide="activity"></i> En Direct</h2>
                            <div class="card" style="text-align: center; padding: 20px;">
                    <span style="color: var(--text-muted); font-size: 0.85rem;">Aucun match en direct pour le moment.</span>
                </div>
                    </section>

        <!-- Classements Groupes -->
        <section class="reveal-on-scroll" style="margin-top: 32px;">
            <div class="flex-between">
                <h2 class="section-title"><i data-lucide="list-ordered"></i> Les 12 Groupes</h2>
                <a href="/classements" style="font-size: 0.8rem; color: var(--text-muted);">Tous ></a>
            </div>
            
                            <div class="card" style="margin-bottom: 12px; padding: 12px;">
                    <div style="display:flex; justify-content: space-between; align-items: center; margin-bottom: 8px;">
                        <span style="font-weight: 700; color: var(--primary); font-size: 0.9rem;">GROUPE A</span>
                        <a href="/groupe/a" style="font-size: 0.75rem; color: #fff; text-decoration: underline;">Voir</a>
                    </div>
                    <table class="standings-table" style="font-size: 0.8rem;">
                                                <tr>
                            <td class="team-cell" style="padding: 4px 0;">
                                <span style="color: var(--text-muted); width: 12px; display:inline-block;">1.</span>
                                <a href="/equipes/mexique">Mexique</a>
                            </td>
                            <td style="font-weight: 700; text-align: right; padding: 4px 0;">0 pts</td>
                        </tr>
                                                <tr>
                            <td class="team-cell" style="padding: 4px 0;">
                                <span style="color: var(--text-muted); width: 12px; display:inline-block;">2.</span>
                                <a href="/equipes/afrique-du-sud">Afrique du Sud</a>
                            </td>
                            <td style="font-weight: 700; text-align: right; padding: 4px 0;">0 pts</td>
                        </tr>
                                                <tr>
                            <td class="team-cell" style="padding: 4px 0;">
                                <span style="color: var(--text-muted); width: 12px; display:inline-block;">3.</span>
                                <a href="/equipes/coree-du-sud">Corée du Sud</a>
                            </td>
                            <td style="font-weight: 700; text-align: right; padding: 4px 0;">0 pts</td>
                        </tr>
                                                <tr>
                            <td class="team-cell" style="padding: 4px 0;">
                                <span style="color: var(--text-muted); width: 12px; display:inline-block;">4.</span>
                                <a href="/equipes/tchequie">Tchéquie</a>
                            </td>
                            <td style="font-weight: 700; text-align: right; padding: 4px 0;">0 pts</td>
                        </tr>
                                            </table>
                </div>
                                <div class="card" style="margin-bottom: 12px; padding: 12px;">
                    <div style="display:flex; justify-content: space-between; align-items: center; margin-bottom: 8px;">
                        <span style="font-weight: 700; color: var(--primary); font-size: 0.9rem;">GROUPE B</span>
                        <a href="/groupe/b" style="font-size: 0.75rem; color: #fff; text-decoration: underline;">Voir</a>
                    </div>
                    <table class="standings-table" style="font-size: 0.8rem;">
                                                <tr>
                            <td class="team-cell" style="padding: 4px 0;">
                                <span style="color: var(--text-muted); width: 12px; display:inline-block;">1.</span>
                                <a href="/equipes/canada">Canada</a>
                            </td>
                            <td style="font-weight: 700; text-align: right; padding: 4px 0;">0 pts</td>
                        </tr>
                                                <tr>
                            <td class="team-cell" style="padding: 4px 0;">
                                <span style="color: var(--text-muted); width: 12px; display:inline-block;">2.</span>
                                <a href="/equipes/bosnie-herzegovine">Bosnie-Herzégovine</a>
                            </td>
                            <td style="font-weight: 700; text-align: right; padding: 4px 0;">0 pts</td>
                        </tr>
                                                <tr>
                            <td class="team-cell" style="padding: 4px 0;">
                                <span style="color: var(--text-muted); width: 12px; display:inline-block;">3.</span>
                                <a href="/equipes/qatar">Qatar</a>
                            </td>
                            <td style="font-weight: 700; text-align: right; padding: 4px 0;">0 pts</td>
                        </tr>
                                                <tr>
                            <td class="team-cell" style="padding: 4px 0;">
                                <span style="color: var(--text-muted); width: 12px; display:inline-block;">4.</span>
                                <a href="/equipes/suisse">Suisse</a>
                            </td>
                            <td style="font-weight: 700; text-align: right; padding: 4px 0;">0 pts</td>
                        </tr>
                                            </table>
                </div>
                                <div class="card" style="margin-bottom: 12px; padding: 12px;">
                    <div style="display:flex; justify-content: space-between; align-items: center; margin-bottom: 8px;">
                        <span style="font-weight: 700; color: var(--primary); font-size: 0.9rem;">GROUPE C</span>
                        <a href="/groupe/c" style="font-size: 0.75rem; color: #fff; text-decoration: underline;">Voir</a>
                    </div>
                    <table class="standings-table" style="font-size: 0.8rem;">
                                                <tr>
                            <td class="team-cell" style="padding: 4px 0;">
                                <span style="color: var(--text-muted); width: 12px; display:inline-block;">1.</span>
                                <a href="/equipes/bresil">Brésil</a>
                            </td>
                            <td style="font-weight: 700; text-align: right; padding: 4px 0;">0 pts</td>
                        </tr>
                                                <tr>
                            <td class="team-cell" style="padding: 4px 0;">
                                <span style="color: var(--text-muted); width: 12px; display:inline-block;">2.</span>
                                <a href="/equipes/maroc">Maroc</a>
                            </td>
                            <td style="font-weight: 700; text-align: right; padding: 4px 0;">0 pts</td>
                        </tr>
                                                <tr>
                            <td class="team-cell" style="padding: 4px 0;">
                                <span style="color: var(--text-muted); width: 12px; display:inline-block;">3.</span>
                                <a href="/equipes/haiti">Haïti</a>
                            </td>
                            <td style="font-weight: 700; text-align: right; padding: 4px 0;">0 pts</td>
                        </tr>
                                                <tr>
                            <td class="team-cell" style="padding: 4px 0;">
                                <span style="color: var(--text-muted); width: 12px; display:inline-block;">4.</span>
                                <a href="/equipes/ecosse">Écosse</a>
                            </td>
                            <td style="font-weight: 700; text-align: right; padding: 4px 0;">0 pts</td>
                        </tr>
                                            </table>
                </div>
                                    </section>
        
    </div>
</div>


</main>

<footer class="site-footer">
    <div class="container">
        <div class="footer-links">
            <a href="/actualites">Actualités</a>
            <a href="/dossiers">Dossiers</a>
            <a href="/live">Scores en direct</a>
            <a href="/classements">Classements</a>
            <a href="/equipes">Équipes Qualifiées</a>
        </div>
        <p>&copy; 2026 Mondial 2026 Live. Média indépendant - API Data propulsée automatiquement.</p>
    </div>
</footer>

<script>
    // Initialiser les icones Lucide
    lucide.createIcons();

    // Intersection Observer pour les animations au scroll
    document.addEventListener("DOMContentLoaded", function() {
        const observer = new IntersectionObserver((entries) => {
            entries.forEach(entry => {
                if (entry.isIntersecting) {
                    entry.target.classList.add('revealed');
                    observer.unobserve(entry.target);
                }
            });
        }, {
            threshold: 0.1,
            rootMargin: "0px 0px -50px 0px"
        });

        document.querySelectorAll('.reveal-on-scroll').forEach(el => {
            observer.observe(el);
        });
    });
</script>

</body>
</html>

A propos d'Outiref

Contact / Signaler un bug

FAQ

Crédits et Mentions Légales

Audit SEO par Abondance

Suivez nous sur...

Un site du Réseau Abondance

Agence SEO Neper
Formations SEO NEPER
Googlefight
Cabinet de conseil en IA - Neper AI
La météo du SEO
Klemo