Comment réussir la refonte de son site web ?
Pour suivre les différentes évolutions du Web, de l’entreprise et se conformer aux comportements des utilisateurs, votre site internet doit régulièrement être mis à jour. Lorsque cela est justifié, s’il n’est plus conforme aux exigences des moteurs de recherche, s’il n’attire plus autant de trafic ou si son apparence ne reflète plus ou ne correspond plus à votre image de marque, vous devrez alors penser à lancer un projet de refonte de site internet. Si vous décidez de refaire complètement la conception d’un site, vous devez prendre quelques précautions. Les changements, s’ils sont radicaux, peuvent affecter l’efficacité du site, affectant sa capacité à convertir, à générer du trafic ou sa visibilité sur le Web. Voici justement quelques conseils utiles pour planifier et réussir la refonte de votre site Web.
Qu’est-ce qu’une refonte de site web ?
Une refonte de site internet, également appelée relooking ou restylage de site, consiste à procéder à des modifications de la structure et, ou de l’apparence au niveau du webdesign, notamment au niveau de l’ergonomie, de l’utilisabilité et de l’accessibilité du site. En fonction de vos besoins et de la configuration existante de votre site, la refonte sera plus ou moins importante. Vous pourrez ainsi envisager de procéder à des changements qui touchent exclusivement au design du site, d’ajouter des options, des contenus ou si besoin de remanier l’apparence ainsi que la structure générale en modifiant la structure des contenus.
Si vous avez besoin de supprimer un virus de votre site internet ou de faire réparer un pc en panne, des sociétés d’assistance informatique comme Techinclic proposent de résoudre tous types de problèmes liés à la sécurité de votre site web directement sur site ou à distance.
À quoi sert une refonte de site web ?
Une refonte de site internet, sert généralement à mettre à jour, optimiser et actualiser son site web. Elle s’impose dans le cas où le thème du site est statique, est doté d’un design obsolète qui n’est pas responsive, si les pages se chargent lentement, s’il n’est pas compatible avec les appareils mobiles, ou encore si la structure du site n’est pas optimisée pour le référencement. Une refonte est nécessaire si vous devez ajouter des options, des fonctionnalités, une boutique en ligne, un service de réservation en ligne etc…. C’est également l’occasion de mettre à jour les contenus et supprimer ceux qui ne génèrent pas de trafic.
Comment réussir la refonte d’un site web ?
Réussir la refonte de son site internet nécessite d’adopter une démarche ordonnée qui doit suivre certaines étapes.
1. Définir ses objectifs et établir sa stratégie
La première étape consiste à déterminer quels sont les objectifs de la refonte de votre site web ainsi que la stratégie à mettre en place pour les atteindre.
2. Évaluez la concurrence
Prenez note des sites Web de vos concurrents. Quels sont les points positifs? Quels sont les points négatifs? Plus important encore: que pouvez-vous améliorer sur votre site en vous inspirant des sites concurrents.
3. Evaluer ce qui doit être gardé et ce qui doit être supprimé
Pour ce faire, il convient d’évaluer le trafic de votre site en utilisant des outils tels que Google Analytics par exemple, en tâchant d’identifier :
- Les pages les plus visitées
- Celles qui sont en ligne avec la stratégie
- Les pages à modifier ou à supprimer
Ensuite, la structure du contenu doit être évaluée. A ce stade, il est recommandé d’évaluer si l’arborescence de votre site web peut être maintenue ou si elle doit être retravaillée pour améliorer l’expérience utilisateur.
4. Définissez votre identité visuelle
Si ce n’est pas le cas, au cours de cette phase, vous pouvez approfondir et définir votre marque, afin que vos messages et images soient cohérents sur l’ensemble de votre site. Une personne visitant votre site pour la première fois doit pouvoir déterminer et identifier le service que vous fournissez et la proposition de valeur de votre entreprise en moins de 5 secondes.
5. Evaluer les technologies de site web utilisées
Il s’agit ici de déterminer si les technologies installées sont bien adaptées aux besoins de votre site internet. Cette question est essentielle pour savoir si oui ou non il convient de mettre à jour certaines ou au contraire d’utiliser d’autres technologies. Vous pouvez décider de :
- Utiliser ou non un CMS, un système de gestion de contenus
- Intervenir sur la vitesse de chargement des pages
- Ajouter ou de supprimer des fonctionnalités
- Evaluer le niveau de sécurité du site et éventuellement d’intervenir pour le sécuriser
Il faut savoir que les anciennes technologies sont vulnérables aux risques de piratage et aux virus informatiques.
6. Analyser le positionnement de votre site web actuel
Avant de procéder à la refonte du site et déterminer quelles sont les modifications à faire, il faut analyser le positionnement du site web. Il s’agit là de déterminer :
- Quelles pages et images sont les mieux indexées et pourquoi
- Quelles sont les pages qui ont de nombreux liens entrants
- Évaluer s’il faut les conserver, les améliorer ou les supprimer
Le webmaster peut utiliser le code serveur 301 pour rediriger les anciens liens et le code 503 pour indiquer que le site est temporairement en maintenance.
7. Déterminer ou redéfinir votre cible de référence
Le site Web doit être orienté vers le profil de votre client (persona ou acheteur) et non vers vos aspirations personnelles. Tenez compte de ces types de questions lors de la planification de votre stratégie:
- Quelles sont leurs principales caractéristiques de vos personas
- Que recherchent-ils? Quels sont leurs besoins ?
- Quelles terminologies ou styles de rédaction peuvent résonner avec eux?
- Faut-il ajouter de nouveaux appels à l’action ?
8. Sélectionnez une plateforme
Définissez l’architecture de votre site pour cela il convient de :
- Trouver un serveur (hébergement)
- Planifier le mappage de contenu et les redirections d’URL
- Définir votre plan de contenu
9. Construire des maquettes et rédiger le contenu
Votre équipe de conception doit créer les wireframes c’est-à-dire les maquettes ou un plan qui montrera étape par étape comment le site passera d’une page à l’autre. Au cours de cette étape il conviendra de rédiger les nouveaux contenus ou les contenus optimisés en prenant en considération l’audit SEO préalablement effectué. N’oubliez pas d’inclure l’emplacement de vos appels à l’action sur chaque page. Vérifiez à quoi devraient ressembler les pages de connexion et de déconnexion. Il s’agit encore du stade de la conception qui précède le stade du développement du nouveau site ou de la refonte.
10. L’étape de développement
Une fois le projet de conception ou de refonte de site approuvé, l’étape de développement pourra alors commencer. Cette étape finale du projet de refonte de site web, consistera à finaliser la plateforme et tout le contenu qui ira sur le site, y compris les éléments écrits et visuels. Au cours de cette étape il convient de :
- Essayer un site pilote en veillant à ce que votre essai ait bien été mis en œuvre correctement.
- Etablir une vérification régulière, étape par étape afin de faciliter le processus d’approbation, une fois le développement du site terminé.
- Enfin il conviendra de procéder à des optimiser si nécessaire. Au cours de cette phase, vous devez inclure toutes les touches finales avant la publication finale du site.
Derniers conseils
Il faudra veiller à faire des vérifications finales avant et après publication. Vous devez faire une édition finale et une révision non seulement de la grammaire et de l’orthographe. Passez en revue les informations et les données. Assurez-vous qu’il n’y ait pas de liens rompus et que tous les liens de redirection fonctionnent correctement. Vérifiez que le site est adapté aux mobiles.
Vérifiez que votre site est optimisé pour les moteurs de recherche, que vous utilisez bien des mots clés sur l’ensemble de votre site et que la navigation est claire et aisée. Enfin tâchez de configurer vos outils analytiques. Essayez d’utiliser les mêmes indicateurs de votre ancien site, pour vous assurer que les chiffres sont comparables.
Vous souhaitez refondre votre site WordPress ? Vous souhaitez passer votre site actuel en technologie WordPress ?
Optimisation des images pour les sites Web
En ce qui concerne l’affichage des images sur le Web, le bon chemin est plutôt étroit. Si les images sont trop volumineuses ou de trop haute résolution, votre site internet ralentira. Si les images sont trop petites ou de trop basse résolution, vous allez mécontenter vos utilisateurs. Une bonne expérience utilisateur signifie avant toute chose un chargement rapide du site avec des images clairement perceptibles et ayant un sens.
Pourquoi optimiser les images?
L’optimisation des images est un sujet que tout détenteur et concepteur de site internet se doit d’aborder. Bien des images que l’on trouve sur le net sont énormes. Or, de grandes images occupent beaucoup d’espace sur une page Web (en termes d’octets, non seulement d’espace). En faisant en sorte de minimiser la taille des images, le concepteur du site internet garantit que les temps de chargement soient aussi rapides qu’ils peuvent l’être. Un temps de chargement plus rapide signifie une meilleure expérience utilisateur.
Optimisation des images d’un site web : relation entre taux abandon et temps de chargement
La taille de l’image n’est qu’une partie du problème. En effet, qu’entend-on exactement par «optimiser» ? Posez-vous quelques questions et auditez l’utilisation des images sur votre site :
- Cette image est-elle vraiment nécessaire? L’idée ici est de ne pas inclure d’images si elles ne renforcent pas vraiment les objectifs de communication ou d’interaction du site.
- Est-ce que j’utilise le bon format pour mes images? Parfois, un élément typographique bien placé ou un effet CSS peut faire l’affaire et éviter l’utilisation d’une image plus lourde.
- Mes images seront-elles toujours affichées correctement sur différentes résolutions d’écran? Ce n’est pas toujours aussi simple que de sauvegarder un fichier plus petit. Assurez-vous de considérer tous les écrans, de puis les moniteurs vieillots jusqu’aux écrans 4K plus récents.
Optimisation des images d’un site web exemple de résolutions différentes
N’ajoutez pas d’images uniquement pour le plaisir d’afficher de belles images. Les images, tout comme les mots, doivent rester intentionnelles et doivent jouer un rôle dans l’expérience globale et le message de tout site Web ou produit numérique.
Ressources pour l’optimisation des images
Voici quelques excellentes ressources pour ceux qui souhaitent réfléchir à l’expérience utilisateur en considérant l’optimisation des images.
- Google propose un excellent guide dans son recueil Web Fundamentals
- Shopify propose une liste sur l’optimisation de l’image, comprenant des conseils en accessibilité
- La base de connaissance Wix vous fournira de plus les données techniques nécessaires
- Optimizilla est un outil en ligne pour l’optimisation des images
Si vous souhaitez optimiser vos images ou plus généralement votre site web, vous pouvez :
Et enfin, si vous aussi vous avez des trucs, des astuces ou des ressources pertinentes pour l’optimisation des images, vous pouvez les partager en commentaires !
Illustration inspirée par Freepik
Un site web responsive pour votre entreprise
Quand les normes de conception web changent, nos sites font de même. Il n’y a pas de secret. Pour créer des sites internet réussis, nous devons rester à la page. Nous devons tout mettre en oeuvre non seulement pour se conformer aux dernières normes de conception de sites web, mais aussi pour nous assurer que nos sites web sont taillés pour le public qui va les visiter. Voilà pourquoi aujourd’hui nous parlons de site web responsive.
Qu’est-ce qu’un site web responsive ?
Le Responsive Web Design, c’est la conception de site web responsive, c’est à dire adaptatif. C’est un terme qui a récemment touché un vaste public grâce aux récents changements annoncés par Google, et connus sous le nom de #mobilegeddon, à travers les médias sociaux. Essentiellement, le Responsive Web Design signifie qu’un site réagit à son environnement. Par exemple à l’appareil sur lequel il est visualisé et à la taille de l’écran. Un site web responsive fournit aux utilisateurs mobiles la facilité d’utilisation d’une application au sein de leur navigateur internet, en affichant des menus de navigation alternatifs adaptés à leur appareil.
Un site web responsive s’adapte par la détection de la taille de votre navigateur/écran et par un changement de style. Ainsi, il s’assure que son design reste le meilleur possible. Le contenu s’adapte ensuite entièrement à l’intérieur de limites spécifiques, le style de certains éléments pouvant être complètement modifié.
Pourquoi votre site d’entreprise doit-il être un site web responsive ?
Si vous souhaitez cibler le plus grand public possible via votre site web, alors vous avez besoin d’un site web responsive. Les changements annoncés par Google signifie que maintenant les sites web non-responsives sont pénalisés si l’internaute effectue sa recherche depuis un appareil mobile. Des milliers d’entreprises ont constaté des chutes dans leur trafic en raison de la sortie de leur site web de la première page jusqu’à parfois la page 8… Comme plus de 95% de l’ensemble des clics se produisent sur la première page de résultats de Google, cela est forcément critique.
Il est devenu essentiel pour toute entreprise promouvant son site internet de l’optimiser afin qu’il fonctionne sur plusieurs types d’appareils. Si les clients naviguent à la volée en utilisant leurs téléphones ou leurs tablettes, ils attendent une expérience conviviale. S’ils ne l’obtiennent pas, ou si la mise en page du site est source de confusion, ils sont susceptibles de changer de crèmerie.
Êtes-vous actuellement en train de perdre des clients potentiels à cause d’un site trop ancien ?
Conception WebSite est spécialisé dans la production de site internet responsive. Nos clients peuvent dormir tranquilles en sachant que leurs sites seront facilement visibles sur tous les appareils, ordinateurs de bureau, portables, mobiles, tablettes, TVs, et maximisent ainsi les ventes.
Crédit image d’en-tête : Designed by Freepik
Créer simplement un SVG avec Illustrator
Dessiner un SVG avec Illustrator, troisième article de notre série sur le SVG… après avoir vu les bases du SVG, puis appréhender la manière de coder ce format, nous vous présentons aujourd’hui comment créer bien plus simplement un dessin SVG avec Illustrator.
Les formes de base en SVG
Comme nous l’avons vu dans l’article précédent de cette série consacrée au format vectoriel SVG (Scalable Vector Graphics), ce langage basé XML décrit des graphiques vectoriels à deux dimensions.
S’il est bien plus simple d’utiliser un logiciel de dessin plutôt que de coder soi-même, nous allons quand même nous intéresser aujourd’hui à quelques formes de base en SVG, histoire de mettre notre nez dans le moteur et de voir un peu à quoi ça ressemble !
Le format d’images SVG, les bases
Le format d’images SVG (Scalable Vector Graphics) est un format de dessin vectoriel parfait pour des besoins graphiques légers.
Regardons d’un peu plus près les avantages de SVG, les outils pour le générer, et les différentes manières de l’intégrer dans une page web.
Le Flat Design
C’est la nouvelle tendance mondiale, le joujou extra, celui qui fait crac-boum-hue, le truc hyper hype qui vient chambouler nos web habitudes…
Après Microsoft et son Windows 8, voilà Apple qui s’y colle avec son iOS7… on est donc obligé d’en manger?