.

Gowithboh.com

Comment optimiser un site Web pour iPhone Regarde un

Comment optimiser un site Web pour iPhone Regarde un

Les jours des visiteurs accédant à votre site Web exclusivement à partir de leur ordinateur personnel sont estompent rapidement en tant que propriétaires d'appareils mobiles tels que les iPhones optent pour l'obtiennent leurs informations de leurs sites Web préférés sur l'aller. Naviguer dans votre site Web est difficile pour les utilisateurs de l'iPhone, si votre site n'est pas correctement optimisé. Un site non optimisé pour l'iPhone peut entraîner dans les temps de chargement long et des flux de contenu inapproprié pour l'utilisateur. Optimiser votre site pour les visiteurs de l'iPhone est simple avec quelques ajustements au contenu de votre site Web.

Instructions

• Créer une icône de taille pixel 57 x 57 qui représente votre site Web en utilisant une image editor. Télécharger la vignette sur votre site Internet en entrant le code suivant dans la section "Head" du code HTML de votre page d'accueil : < link rel = "apple-touch-icône" href="/img/touch_icon.png" >. Cette miniature est utilisé par les visiteurs de l'iPhone quand un utilisateur d'iPhone signets de votre site Internet sur son écran d'accueil iPhone.

• Supprimer tous les objets de base de Flash et du contenu de votre site Internet en supprimant les lignes de code dans un éditeur HTML ou un éditeur de texte brut.

• Supprimer tous les fichiers GIF animés depuis votre site Web en plaçant le code qui représente le GIF animé dans un éditeur HTML ou un éditeur de texte brut. L'iPhone ne supporte pas les images sauvegardées comme fichiers GIF animés. Tous les gifs animés sur votre site Internet s'affiche incorrectement, car seule la première image de l'image gif animée s'affiche.

• Créer les feuilles de style CSS séparés pour iPhone spectateurs seulement. Inclure le code suivant dans le code HTML de la page d'accueil de votre site Web pour diriger le navigateur sur l'iPhone de l'utilisateur à la feuille de style CSS correct (sans les guillemets): "<!--pour iPhone:--> < lien media =" uniquement l'écran et (max-appareil-Largeur : 480px) "href ="petit-device.css"type =" text/css"rel ="stylesheet"><!--pour tout le reste:--> < lien médias =" écran et (min-appareil-Largeur : 481px) "href ="non-petit-device.css"type =" text/css"rel ="stylesheet">". Télécharger les feuilles de style CSS iPhone nouvellement créé sur votre serveur web lorsque vous avez terminé.

Conseils et avertissements

  • La vignette pour représenter votre site Web doit être enregistrée comme un. Fichier PNG.
  • Lorsque les utilisateurs enregistrent votre site Web à l'écran d'accueil de leur iPhone, ils accéder rapidement à votre site Web en tapant simplement sur l'icône de l'écran d'accueil au lieu d'accéder à votre site Web de Safari. Cela peut accroître la probabilité de retour à votre site Web les utilisateurs d'iPhone.
  • Pour éviter de dégrader l'expérience pour les utilisateurs de naviguer sur votre site Internet sur leur bureau, essayez de convertir votre contenu Flash AJAX ou Javascript. Cela va non seulement rendre votre contenu Flash accessible aux utilisateurs de l'iPhone, mais diminuer votre consommation de bande passante et temps pour tous les utilisateurs sur votre site, ce qui en bout de ligne améliore l'expérience utilisateur de chargement.