Quelle devrait être la taille en pixels de ma page de destination standard ?
Les pages de destination bien conçues laissent une impression positive et vendent efficacement le produit ou service que vous proposez sur votre site web. Utiliser une taille de fenêtre inadaptée à l'appareil peut ruiner la capacité d'une page de destination à laisser une bonne impression et amener le visiteur à cliquer sur le « X » pour fermer la fenêtre. Les pages de destination doivent être conçues autour de concepts qui attirent les utilisateurs et expliquent clairement le produit ou service. Les pages de destination ne sont pas des pages d'accueil : les visiteurs arrivent sur les pages de destination en cliquant sur un lien ou une publicité.
Dimensions des pages de destination pour ordinateur
Les moniteurs d'ordinateurs de bureau et portables existent dans une énorme gamme de tailles et de résolutions, ce qui rend plus facile de cibler le dénominateur commun le plus bas lors du dimensionnement de votre page de destination. La taille d'écran moyenne ne cesse de croître, mais la plupart des moniteurs offrent au moins une résolution de 1024 par 768. Les pages de destination pour ordinateur avec une largeur de 960 pixels fonctionneront sur presque tous les moniteurs d'ordinateur. Tout contenu de page de destination dans une hauteur de 720 pixels s'affichera en toute sécurité sur l'écran au chargement de la page. La largeur d'une page de destination pour ordinateur est bien plus importante que la hauteur car les utilisateurs d'ordinateur peuvent faire défiler l'écran vers le bas pour voir du contenu supplémentaire. Vous pouvez toujours faire une page plus petite et sacrifier de l'espace d'écran.
Conception pour appareils mobiles
Une grande page de destination pour ordinateur ne fonctionnera pas sur les appareils mobiles : le contenu débordera sur le côté ou rétrécira à une taille illisible. Les appareils mobiles rentrent dans la catégorie de taille d'écran « petit » et offrent une largeur de résolution sûre d'environ 320 pixels. Bien que certains appareils mobiles aient des écrans plus grands, toute page de destination conçue pour une largeur de 320 pixels s'affichera bien sur la plupart des appareils mobiles. Comme pour les ordinateurs, la hauteur est une préoccupation secondaire pour les pages de destination mobiles ; cependant, vous pouvez placer environ 426 pixels verticaux de contenu sur l'écran à la fois.
Personnalisation pour appareils tablette
Vous pouvez développer des pages de destination personnalisées pour les sites tablette ; cependant, les pages de destination pour ordinateur avec une largeur de 960 pixels s'adapteront sur les tablettes plus grandes. Les tablettes plus petites dans la gamme de 7 pouces ont généralement des écrans de 640 pixels de large : les pages de destination conçues pour des écrans de 960 pixels de large seront réduites d'environ un tiers pour s'adapter au plus petit écran. Puisque vous pouvez afficher du contenu plus petit sur un écran plus grand sans sacrifier la qualité et la lisibilité, concevoir des pages de destination tablette avec une largeur de 640 pixels et une hauteur de 480 pixels fonctionnera sur tous les appareils. Les utilisateurs de petites tablettes peuvent opter pour tenir l'appareil en mode paysage, tandis que les utilisateurs de grandes tablettes le tiendront en mode portrait, faisant que la largeur de 640 pixels s'adapte aux deux tailles d'écran.
Passer au design responsive
Vous pouvez renoncer à créer différentes pages de destination pour différents appareils et utiliser plutôt des requêtes média et un concept de design responsive pour construire une page qui réorganise le contenu en fonction de la taille de l'écran du visiteur. Les pages de destination en design responsive peuvent être configurées pour déplacer le contenu et changer les tailles de contenu à différentes plages de résolution, permettant au contenu de s'afficher confortablement sur n'importe quel écran.