iPhone Duo : votre site internet est-il prêt pour l'écran pliable d'Apple ?

Le 9 septembre 2026, John Ternus a présenté sur la scène d'Apple Park le premier iPhone pliable : l'iPhone Duo. Fermé, il tient dans la poche comme un iPhone classique. Ouvert, il déplie un écran de 7,6 pouces, 80 % plus grand que celui d'un iPhone 18 Pro. Les précommandes ouvrent le 16 octobre, les livraisons démarrent le 23.

Pour vous qui avez un site internet, cette annonce pose une question concrète. Le jour où un client ouvre votre site sur un iPhone Duo, il le verra sur un petit écran, puis sur un grand, puis peut-être sur une moitié d'écran à côté de ses messages. Si votre site a été pensé pour deux formats, mobile et ordinateur, il en rencontre maintenant trois de plus.

iPhone Duo : ce qu'Apple a annoncé le 9 septembre

Apple a publié les caractéristiques qui intéressent un propriétaire de site. On les résume ici à partir du communiqué officiel.

Retenez la ligne Multitâche. Pour la première fois, un iPhone affiche deux applications en même temps. Votre site peut donc s'ouvrir dans une fenêtre Safari qui occupe la moitié d'un écran pliable, à côté de Plans ou de WhatsApp.

Pourquoi un pliable Apple change la donne pour le web

Samsung vend des smartphones pliables depuis 2019. Les sites internet s'en sont peu souciés, car ces appareils restaient une niche. Apple ne crée pas les formats, il les impose. On l'a vu deux fois.

• En 2007, le premier iPhone a obligé les sites à exister sur un écran de 3,5 pouces. La balise « viewport », que tous les sites utilisent encore, vient de là.
• En 2017, l'encoche de l'iPhone X a forcé les développeurs à gérer les « zones de sécurité » de l'écran. Les sites qui l'ont ignoré ont vu leurs boutons passer sous l'encoche.

L'iPhone Duo ouvre le troisième épisode. Les propriétaires d'iPhone renouvellent leur appareil par millions chaque automne, et une partie d'entre eux passera au pliable. Ces clients sont en général équipés haut de gamme, habitués à payer pour la qualité. Vous ne voulez pas qu'ils découvrent votre site dans sa pire version.

Trois largeurs d'écran dans la même poche

Un site « responsive » classique se découpe en paliers : en dessous de 768 pixels, on affiche la version mobile ; au-dessus, la version tablette ou ordinateur. L'iPhone Duo fait tomber ce découpage, car il passe d'un palier à l'autre dans la main de votre client.

Fermé : l'iPhone que vous connaissez

L'écran de 5,4 pouces se comporte comme un iPhone compact. Si votre site s'affiche bien sur un iPhone 13 mini ou un iPhone SE, vous partez sur de bonnes bases.

Ouvert : un écran presque carré

Déplié, l'écran intérieur offre une largeur proche d'une petite tablette, tenue à bout de bras. Votre site bascule alors souvent en version tablette. Deux défauts apparaissent : un texte trop petit pensé pour un écran de bureau, ou au contraire une version mobile étirée sur toute la largeur, avec des photos floues et des lignes de 25 mots.

En Split View : une demi-fenêtre

Quand votre client ouvre Safari à côté d'une autre app, votre site dispose d'une bande étroite et haute. Beaucoup de sites détectent « iPhone » et servent une mise en page qui suppose l'écran entier. Résultat : menus coupés, bouton d'appel hors champ, formulaire qui déborde.

Imaginez un client qui cherche un plombier en urgence. Il a vos coordonnées dans une moitié d'écran et ses messages dans l'autre. Si votre numéro de téléphone disparaît de sa demi-fenêtre, il appelle le concurrent suivant.

Ce qui casse sur un site mal adapté à l'iPhone Duo

On a passé en revue les défauts qu'on rencontre sur les sites de TPE et d'artisans, et ceux que l'iPhone Duo va rendre visibles.

• Largeurs fixes en pixels : le site affiche une colonne de 375 pixels au centre d'un écran de 7,6 pouces, avec deux bandes vides de chaque côté.
• Images en une seule taille : une photo prévue pour mobile devient floue une fois l'écran déplié. Une photo prévue pour ordinateur ralentit le chargement en 4G.
• Menu hamburger sur grand écran : votre client doit ouvrir un menu caché alors qu'il dispose de la place pour tout afficher.
• Hauteur d'écran mal calculée : les sections réglées sur « 100vh » se coupent ou sautent quand la barre d'adresse de Safari apparaît, et le problème s'aggrave au pliage.
• Formulaire qui se vide : certains sites rechargent la page quand la largeur change. Votre client déplie son téléphone pour mieux lire votre devis en ligne, et perd tout ce qu'il a tapé.
• Barre d'appel fixe mal placée : elle recouvre le contenu ou se glisse sous les bords arrondis de l'écran.

iPhone Duo et SEO : ce que Google regarde vraiment

Google ne va pas pénaliser votre site parce qu'il s'affiche mal sur un iPhone Duo. Aucun robot de Google n'imite un écran pliable. Le risque se situe ailleurs, sur trois terrains.

L'indexation mobile-first

Google classe les sites à partir de leur version mobile depuis que l'indexation mobile-first s'applique à tout le web. Un site bâti en mises en page fluides, lisible de 320 à 1 400 pixels, coche cette case par construction. Un site qui cache du contenu sur mobile pour gagner de la place perd ce contenu aux yeux de Google.

Les Core Web Vitals

Google mesure la vitesse d'affichage (LCP), la réactivité (INP) et la stabilité de la mise en page (CLS) à partir des visites réelles sur Chrome. Les images trop lourdes et les éléments qui sautent au chargement dégradent ces scores. Les corriger pour l'iPhone Duo améliore votre site sur tous les écrans.

Le comportement des visiteurs

Un visiteur qui repart au bout de trois secondes ne vous appelle pas. Ce clic perdu coûte plus cher qu'une position dans Google, surtout si vous payez de la publicité Google Ads pour l'obtenir.

Checklist : adapter votre site à l'iPhone Duo

Transmettez cette liste à la personne qui gère votre site. Chaque point correspond à une technique standard du web, disponible dans Safari aujourd'hui.

• Mises en page fluides : des grilles CSS qui ajustent le nombre de colonnes à la place disponible, sans largeur fixe.
• Tailles de texte adaptatives avec la fonction CSS clamp() : le texte grandit avec l'écran, dans des limites lisibles.
• Requêtes de conteneur (container queries) : chaque bloc s'adapte à sa propre largeur, pas à celle de l'appareil. C'est la technique qui sauve l'affichage en Split View.
• Images responsives avec srcset et sizes, au format WebP ou AVIF : le téléphone télécharge la bonne taille pour son écran.
• Unités de hauteur modernes (dvh, svh) à la place de 100vh, pour suivre la barre d'adresse de Safari.
• Zones de sécurité gérées avec env(safe-area-inset-*) pour les barres fixes et les boutons d'appel.
• Aucun rechargement au changement de largeur : le site garde la saisie des formulaires et la position de lecture quand on plie ou déplie.
• Cibles tactiles d'au moins 44 points, la taille minimale recommandée par Apple, sur les deux écrans.
• Numéro de téléphone cliquable visible dans toutes les largeurs, y compris la demi-fenêtre.

Comment tester votre site sans acheter un iPhone Duo

Vous n'avez pas besoin de dépenser 2 000 dollars pour savoir si votre site tient la route. Trois tests repèrent la plupart des problèmes.

• Sur ordinateur, ouvrez votre site et réduisez la fenêtre du navigateur de sa largeur maximale jusqu'à 320 pixels, en ralentissant. Chaque saut brutal, chaque texte coupé signale un palier mal géré.
• Dans Chrome ou Safari, activez le mode « design adaptatif » des outils de développement et testez des largeurs d'environ 375, 600 et 800 pixels.
• Remplissez à moitié votre formulaire de contact, puis redimensionnez la fenêtre. Si la saisie disparaît, vos futurs clients sur iPhone Duo la perdront aussi.

Si votre développeur travaille sur Mac, il pourra aussi tester le modèle dans le simulateur d'Xcode dès qu'Apple l'y ajoutera.

Faut-il refaire votre site avant le 23 octobre ?

Pas forcément. Un site conçu il y a moins de trois ans avec des outils actuels passe souvent le test avec quelques corrections : images, hauteur des sections, barre d'appel. Comptez quelques heures de travail.

Le cas change si votre site date d'avant 2020, repose sur un thème WordPress figé ou affiche une version mobile séparée du type « m.monsite.fr ». Ces sites cumulent en général largeurs fixes, images lourdes et menus rigides. Les rafistoler pour l'iPhone Duo coûte presque autant qu'une refonte, sans corriger la vitesse ni le référencement local.

Dans tous les cas, faites le test du redimensionnement ce soir. Il prend deux minutes et vous dit dans quelle catégorie vous êtes.