![\"\"](\"https:\/\/isarta.com\/infos\/wp-content\/uploads\/2018\/11\/taras-shypka-424932-unsplash-300x200.jpg\")
<\/p>\n<\/p>\n
14 ao\u00fbt 2019<\/span><\/p>\n Toutes les semaines, l\u2019\u00e9quipe de\u00a0<\/b>B2B Quotes<\/a><\/strong><\/span>, donne son\u00a0<\/b>conseil SEO de la semaine<\/a><\/strong><\/span>. Aujourd\u2019hui, elle donne de pr\u00e9cieux rappels pour que votre site s’adapte au mieux aux appareils mobiles.<\/b><\/span><\/p>\n C\u2019est d\u00e9sormais avec le cellulaire ou la tablette \u00e0 la main que bon nombre d\u2019entre nous allons travailler le matin et consultons divers sites web sur l\u2019heure du d\u00eener. \u00c9tant donn\u00e9 la forte popularit\u00e9 des appareils mobiles<\/span><\/a>, ne pas adapter son site web \u00e0 ceux-ci revient clairement \u00e0 renoncer \u00e0 une grande part de potentiels clients.<\/span><\/p>\n Mais comment est-il possible d\u2019adapter son site web aux appareils mobiles?<\/span><\/p>\n Il est \u00e9vident qu\u2019une image floue aux contours mal d\u00e9finis n\u2019est que peu int\u00e9ressante \u00e0 regarder. Pour \u00e9viter pareille situation, assurez-vous que vos images soient en haute d\u00e9finition<\/span><\/a>. La r\u00e9solution devant \u00eatre plus exactement le double de celle traditionnellement utilis\u00e9e pour un ordinateur portable. <\/span><\/p>\n Si votre site web en est \u00e0 ses d\u00e9buts, optez d\u2019embl\u00e9e pour des images en haute d\u00e9finition. Cela vous \u00e9vitera de devoir toutes les remplacer par la suite et vous sauvera donc un temps pr\u00e9cieux. <\/span><\/p>\n Bien que les \u00e9crans de nos t\u00e9l\u00e9phones ne soient plus aussi petits qu\u2019auparavant, il faut garder en t\u00eate qu\u2019ils demeurent quand m\u00eame de taille modeste. De ce fait, il est n\u00e9cessaire que la taille des caract\u00e8res ne soit jamais inf\u00e9rieure \u00e0 14 pixels. Si la police utilis\u00e9e est plus petite, les utilisateurs de votre site devront agrandir l\u2019\u00e9cran pour lire ad\u00e9quatement le contenu. <\/span><\/p>\n Pour ce qui est des boutons, notez que ceux-ci doivent \u00e9galement \u00eatre relativement gros pour \u00e9viter pareille probl\u00e9matique. Comme des boutons trop petits peuvent constituer un d\u00e9sagr\u00e9ment certain pour les utilisateurs, il va de soi qu\u2019il est indispensable de penser \u00e0 cet aspect faute de quoi vous en d\u00e9couragerez quelques-uns.<\/span><\/p>\n Si vous souhaitez adapter votre site web aux appareils mobiles<\/span><\/a>, deux options s\u2019offrent \u00e0 vous\u00a0: le design r\u00e9actif ou adaptatif. La premi\u00e8re consiste \u00e0 faire en sorte que le site web r\u00e9agisse aux changements, c\u2019est-\u00e0-dire que la taille de l\u2019\u00e9cran s\u2019adapte aux divers appareils sur lesquels le site est visualis\u00e9.\u00a0<\/span><\/p>\n Bien qu\u2019il s\u2019agisse de l\u2019option la plus souvent retenue, il est \u00e9galement possible d\u2019opter pour un design adaptatif. Si vous choisissez cette seconde possibilit\u00e9, cela signifie que vous devrez cr\u00e9er un design diff\u00e9rent pour chaque appareil, ce qui permettra \u00e0 l\u2019utilisateur d\u2019obtenir la meilleure configuration possible du site. <\/span><\/p>\n S\u2019il vous semble difficile de faire un choix entre l\u2019une ou l\u2019autre de ces options, sachez que le design adaptatif est souvent retenu par les grandes entreprises, notamment en raison du budget somme toute consid\u00e9rable impliqu\u00e9 par ce choix.<\/span><\/p>\n D\u2019ailleurs, le design adaptatif est plus complexe \u00e0 mettre en place. Pour les budgets plus restreints, l\u2019adoption d\u2019un design r\u00e9actif repr\u00e9sente un meilleur choix et permet d\u2019offrir une exp\u00e9rience utilisateur satisfaisante.<\/span><\/p>\n Mais \u00e0 quoi faisons-nous r\u00e9f\u00e9rence en parlant de balise viewport<\/i>? Pour ceux qui auraient besoin d\u2019un \u00e9claircissement sur la question, disons que la balise viewport <\/i>est en fait la zone virtuelle qu\u2019utilise un navigateur pour d\u00e9terminer la taille que devra avoir l\u2019affichage en fonction de l\u2019appareil utilis\u00e9.<\/span><\/p>\n Voil\u00e0 pourquoi il est absolument essentiel d\u2019avoir une balise viewport<\/i>, faute de quoi votre site ne sera pas en mesure de fonctionner ad\u00e9quatement sur un appareil mobile.<\/span><\/p>\n <\/p>\n Int\u00e9ress\u00e9 par le sujet ? D\u00e9couvrez la\u00a0formation Isarta sur le SEO<\/span><\/a>.<\/p>\nDes images en haute d\u00e9finition<\/b><\/span><\/h2>\n
Attention \u00e0 la taille des caract\u00e8res<\/b><\/span><\/h2>\n
Design adaptatif versus design r\u00e9actif<\/b><\/span><\/h2>\n
La balise viewport\u00a0<\/i>: l\u2019\u00e9l\u00e9ment \u00e0 ne pas n\u00e9gliger<\/b><\/span><\/h2>\n
<\/div>\n
![\"\"](\"https:\/\/isarta.com\/infos\/wp-content\/uploads\/2019\/07\/892570_SEO-Bases-NEW1-300x88.png\")
<\/a><\/p>\n![\"\"](\"https:\/\/isarta.com\/infos\/wp-content\/uploads\/2018\/10\/Logo_B2BQuotes-02-300x153.png\"){kind=logo}
<\/a><\/p>\n