Comment transférer le site web de votre organisation à but non lucratif sur une plateforme mobile

En 2016, l’accès à Internet via des appareils mobiles — smartphones et tablettes équipés d’un navigateur web — a, pour la première fois, dépassé celui effectué depuis des ordinateurs de bureau ou portables.^[ 1 ] Aux États-Unis, la majorité du temps consacré aux médias numériques se fait désormais sur des appareils mobiles^[ 2 ], tels que les iPhone, téléphones Android, iPad ou Kindle Fire. Les études estiment par ailleurs que 95 % des Américains possèdent un téléphone mobile, dont 77 % sont des smartphones.

Les sites web adaptatifs et leur utilité pour les organisations à but non lucratif

Aujourd’hui, les appareils mobiles sont utilisés par des personnes de tous âges pour accéder aux contenus en ligne. Ainsi, 74 % des 50-64 ans et 42 % des personnes de 65 ans et plus possèdent un smartphone. Afin de toucher le plus grand nombre, un site web doit être accessible sur le support privilégié des internautes : leurs appareils mobiles. Pourtant, une enquête menée par Nonprofit Hub montre que seuls 42 % des répondants indiquent que leur site dispose déjà d’un design adaptatif^[ 3 ] et que 84 % des pages de collecte de dons des organisations à but non lucratif ne sont pas optimisées pour les mobiles^[ 4 ].

Un site web dit « adaptatif », ou responsive, s’affiche de manière optimale sur une grande variété de smartphones et de tablettes, en ajustant automatiquement sa mise en page à la taille de l’écran. Il ne s’agit pas d’une simple version allégée d’un site conçu pour ordinateur : un site adaptatif est pensé pour offrir une expérience de navigation efficace, il permet aux utilisateurs d’accéder rapidement à l’information recherchée, y compris en situation de mobilité. Cela peut nécessiter des ajustements de la navigation, du contenu ou des visuels afin de répondre aux usages spécifiques des internautes sur mobile. Par ailleurs, un site web adaptatif améliore également la visibilité en ligne, puisque l’algorithme de recherche de Google favorise désormais les sites optimisés pour les mobiles.^[ 5 ]

Sites adaptés aux mobiles et augmentation des dons

Les dons aux organisations à but non lucratif via les appareils mobiles ont également connu une croissance constante. En 2015, 14 % des dons ont été effectués sur un appareil mobile, soit une augmentation de 45 % en un an. Une étude menée par Blackbaud (éditeur du logiciel de base de données de collecte de fonds Raiser’s Edge) a révélé que les organisations à but non lucratif ont constaté une augmentation de 34 % de leur taux de conversion des donateurs grâce à un site web adapté aux mobiles.^[ 6 ] Un site web optimisé pour les mobiles permet également de toucher facilement les donateurs potentiels et les enchérisseurs pour les ventes aux enchères en ligne. Les organisations à but non lucratif qui utilisent une plateforme mobile (telle que BidPal, Bidding for Good, Charity Auctions Today, 501 Auctions, etc.) lors d’événements de collecte de fonds ont enregistré jusqu’à 30 % de revenus supplémentaires grâce aux enchères mobiles.^[ 7 ]

Comment déterminer si votre site web est adaptatif

Testez votre site sur différents appareils : demandez à vos collègues et amis de le consulter sur des smartphones et des tablettes de différentes marques. Vous pouvez également tester son adaptation aux mobiles grâce à un outil gratuit de Google. Rendez-vous sur https://search.google.com/test/mobile-friendly et saisissez l’URL de votre site. Un émulateur, comme http://quirktools.com/screenfly/, vous permettra de visualiser l’affichage de votre site sur divers écrans de smartphones et de tablettes.

Migration du site web de votre organisation vers une plateforme adaptée aux mobiles

Plusieurs éléments influencent la migration d’un site web vers une plateforme optimisée pour les appareils mobiles, notamment la taille et la complexité du site, ainsi que les ressources disponibles au sein de l’équipe web et du service informatique de l’organisation. Avant d’entreprendre la transition vers un site adaptatif, il est recommandé d’établir une base de référence du nombre de visiteurs utilisant des appareils mobiles. Si la gestion du site web est confiée à un prestataire externe, celui-ci peut fournir un rapport contenant ces données. Il est également possible d’utiliser Google Analytics (https://analytics.google.com/), un outil gratuit qui permet de suivre la fréquentation mobile d’un site web^[ 8 ], pour lequel de nombreux tutoriels de configuration et d’utilisation sont disponibles. Disposer de données précises sur le nombre de visiteurs mobiles permet à l’organisation d’évaluer le degré d’urgence et la pertinence de rendre son site web compatible avec les appareils mobiles.

Les méthodes de conversion proprement dites comprennent les options suivantes :

• Si vous avez déjà un prestataire web, il pourra probablement adapter votre site aux appareils mobiles. Demandez-lui un devis et un calendrier pour le projet.
• Créez une version mobile de votre site web de bureau à l’aide d’une plateforme de conversion comme Duda Mobile.^[ 9 ] Bien qu’il s’agisse d’une solution économique, rapide et facile pour obtenir un site adapté aux mobiles, elle peut nécessiter la maintenance de deux sites web distincts, ce qui pourrait être loin d’être idéal.
• Si vous utilisez un système de gestion de contenu (CMS) pour votre site web, comme WordPress, Drupal, Weebly, Wix ou Squarespace, vous devriez pouvoir facilement le convertir pour une utilisation mobile. Certains CMS proposent des thèmes et des extensions spécifiques garantissant un site web adaptatif. Assurez-vous d’utiliser la dernière version de votre CMS et un thème récent compatible avec les appareils mobiles.
• Repensez votre site en appliquant les principes du responsive web design.^[ 10 ] Imaginez verser de l’eau dans différents récipients — une tasse, une bouteille ou une théière — et observez comment l’eau remplit chacun d’eux. Le contenu de votre site web est comme l’eau et doit être conçu pour s’adapter à tous les écrans.
• L’utilisation d’un outil de création d’applications par glisser-déposer, tel que les Applications Jotform, vous permet de créer facilement une application de dons, aussi simple à réaliser que facile à utiliser pour vos donateurs sur leurs appareils mobiles. L’élément « Boîte à dons » de Jotform vous permet de créer une application de collecte de dons en quelques minutes. Pour la rendre opérationnelle, il vous suffit de créer l’application, d’ajouter l’élément et de l’intégrer à l’une de nos 30 passerelles de paiement. 

Suivi des résultats

Une fois votre site web optimisé pour les mobiles, suivez le nombre de visiteurs et vérifiez si vos donateurs en ligne font des dons à votre association depuis leurs appareils mobiles. Utilisez les outils Google Analytics que vous avez configurés précédemment, ou les rapports d’analyse de votre hébergeur, pour comparer le nombre de visiteurs sur votre site mobile et sur votre site pour ordinateur. Analysez également votre page de dons et observez le nombre de visiteurs mobiles qui la consultent.

Continuez à vous adapter au public mobile

Ne vous contentez pas de rendre votre site web compatible avec les appareils mobiles une seule fois et de penser que vous n’aurez plus jamais besoin de le mettre à jour ; continuez à l’analyser et à identifier des pistes d’amélioration. Réfléchissez à la manière d’optimiser l’expérience des visiteurs mobiles. Votre menu peut-il être simplifié ? Vos images doivent-elles être mises à jour ? Les donateurs peuvent-ils facilement trouver un moyen de faire un don immédiatement ? Le formulaire de don est-il facile à remplir sur un appareil mobile ? Adaptez continuellement votre site web à un monde de plus en plus mobile.

1. « Pour la première fois de l’histoire, l’utilisation d’Internet sur mobile dépasse celle sur ordinateur » – BGR https://bgr.com/tech/internet-usage-desktop-vs-mobile/
2. « La majorité de la consommation de médias numériques se fait désormais via des applications mobiles » – TechCrunch https://techcrunch.com/2014/08/21/majority-of-digital-media-consumption-now-takes-place-in-mobile-apps/
3. « Sondage : Moins de la moitié des sites web des organisations à but non lucratif sont adaptatifs » – Nonprofit Hub http://web.archive.org/web/20210123202419/http://nonprofithub.org/nonprofit-technology/survey-less-half-nonprofit-websites-responsive/
4. ^ Tableau de bord de la collecte de fonds en ligne https://www.dunhamandcompany.com/fundraising-research/online-fundraising-scorecard-2/
5. Comment rendre votre site WordPress compatible avec les mobiles – Flywheel https://getflywheel.com/layout/make-wordpress-site-mobile-friendly/
6. « 3 raisons pour lesquelles le site web de votre association a besoin d’un design adaptatif » – npEngage https://blog.blackbaud.com/nonprofit-web-design-3-common-challenges-solutions/
7. ^ 6 raisons d’utiliser les enchères mobiles lors de votre prochaine vente aux enchères caritative – WinSpire https://blog.winspireme.com/6-reasons-to-use-mobile-bidding-at-your-next-fundraising-auction
8. Suivi des visiteurs mobiles dans Google Analytics : Guide pratique pour l’analyse mobile – Distilled http://web.archive.org/web/20170611193259/https://www.distilled.net/blog/mobile/tracking-mobile-visitors-in-google-analytics-a-checklist-guide-for-mobile-insights/
9. ^ Rendez votre site web compatible avec les mobiles dès maintenant ; 3 façons – Practical Ecommerce https://www.practicalecommerce.com/make-your-website-mobile-friendly-now-3-ways
10. ^ Rendez votre site web compatible avec les mobiles dès maintenant ; 3 façons – Practical Ecommerce https://www.practicalecommerce.com/make-your-website-mobile-friendly-now-3-ways