Comment optimiser un site web pour iPhone Affichage

Les jours de visiteurs accédant à votre site web exclusivement à partir de leurs ordinateurs personnels se effacent vite que les propriétaires d'appareils mobiles tels que les iPhones choisissent d' obtenir leurs informations de leurs sites Web préférés sur l'aller . Parcourir votre site Web est difficile pour les utilisateurs d'iPhone si votre site ne est pas optimisé correctement. Un site pas optimisé pour l'iPhone peut entraîner des temps de chargement longs et des flux de contenu inapproprié pour l'utilisateur . Optimisation de votre site pour les visiteurs iPhone est simple avec quelques ajustements au contenu de votre site web
. Les choses dont vous aurez besoin
éditeur HTML (facultatif )
l'éditeur d'image de code HTML Site web (facultatif )

icône représentant votre site web (optionnel )
éditeur de texte (facultatif)
Instructions
1

Créer une icône de 57x57 pixels de taille que représente votre site en utilisant un éditeur d'image . Téléchargez la vignette sur votre site en saisissant le code suivant dans la section "Tête" du code HTML de votre page d'accueil : & lt; link rel = " apple -touch -icon " href = " /img /touch_icon.png " > . Cette vignette est utilisé par les visiteurs iPhone quand un utilisateur d'iPhone signets de votre site web à son écran d'accueil iPhone .
2

Enlevez tous les objets basés sur Flash et le contenu de votre site Web en supprimant les lignes de code dans un HTML éditeur ou un éditeur de texte .
3

Supprimer tous les fichiers GIF animés à partir de votre site en plaçant le code qui représente l'image GIF animée dans un éditeur HTML ou un éditeur de texte brut . L'iPhone ne supporte pas les images enregistrées comme gifs animés . Tous les gifs animés sur votre site Web seront affichés de manière incorrecte , que seule la première image de l' animation gif est affiché.
4

Créer des feuilles de style CSS séparées pour les téléspectateurs iPhone 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) : " & lt; - pour l'iPhone : - > & lt ; lien media = " seulement écran et ( max -device -width: 480px ) "href =" petite device.css "type =" text /css " rel = " stylesheet " > & lt ; - Pour tout le reste : - > & lt ; = des médias de liaison " écran et ( min -device -width: 481px ) "href =" pas - petite - device.css "type =" text /css " rel = " stylesheet " > " . Ajouter les feuilles de style CSS iPhone nouvellement créés à votre serveur Web lorsque vous avez terminé .