Vous le savez sans doute, dans le marketing de contenu, l’emballage a aussi son importance. Lorsque l’utilisateur n’arrive pas à lire les titres à cause d’une police inadaptée, quand il n’arrive pas à interpréter les données en raison de mauvaises couleurs, vous perturbez son expérience.

Il risque de quitter votre site, en étant confus et frustré. Résultat : vous perdez un potentiel client.

Un design de qualité vous démarque de la concurrence et améliore l’expérience d’utilisation. Malheureusement, certaines entreprises font toujours des erreurs graphiques qui sapent le travail ! Alors, voici une liste de 6 erreurs webdesign que vous devez absolument éviter.

Une mauvaise hiérarchie

Ne perturbez pas vos lecteurs avec une page d’accueil surchargée ou désordonnée. Si, à première vue, l’internaute ne sait pas où poser son regard, c’est mauvais signe. Évitez d’empiler les encarts, bannières, vidéos et gifs.

Établissez une hiérarchie visuelle cohérente et évidente qu’incite le visiteur à commencer son parcours d’achat.

Privilégiez un design simple, espacé et épuré.

Des visuels mal alignés

Vous n’aimez pas voir votre chambre en désordre ? Lorsqu’un visiteur arrive sur une page où le contenu est mal aligné, il a l’impression d’entrer dans une pièce non rangée.

La mise en page des visuels va au-delà de l’ordre dans lequel vous présentez l’information. Suivez une grille précise pour placer vos éléments au fur et à mesure de la construction de votre contenu visuel.

Attention aux angles ! La délimitation du contour de votre page doit être droite et respectée sur l’ensemble du site. De plus, veillez à rester cohérent : utilisez un espacement régulier entre les sections, en-têtes et corps.

 Des schémas de couleur chaotiques

Utiliser la couleur et bien l’utiliser sont deux choses différentes. Les couleurs peuvent donner vie à votre contenu visuel ou devenir un véritable cauchemar pour l’expérience client.

Évitez les infographies clinquantes ou les caractères de couleur sur un fond noir ! Respectez une logique entre les teintes choisies, votre activité et votre cible.

La couleur doit :

4. Une overdose d’illustrations

Tout est permis, mais tout n’est pas utile, en particulier avec les illustrations. Inclure trop de personnages ou être fantaisiste est contre-productif.

Les éléments visuels doivent vous aider à communiquer avec moins de mots.

Avant d’intégrer une image, posez-vous d’abord la question de savoir si elle soutient ou améliore votre récit. Si la réponse est non, abstenez-vous.

5. Des icônes déjà (trop) vues

L’icône de l’ampoule représentant une idée. Qui ne l’a pas encore vu ? C’est bien d’utiliser une icône familière pour communiquer l’information, mais il faut savoir innover.

Inspirez-vous du thème général et du message que doit faire passer votre design pour créer des icônes uniques. De plus, réfléchissez aux endroits où vous souhaitez les placer : est-ce que juste un mot ne suffit pas ?

6. Des données incompréhensibles

Vous voulez frapper les esprits avec des chiffres clés ou un graphique fort ? C’est une bonne idée, à condition que les données soient bien présentées.

Évitez de noyer les internautes dans un flux de chiffres, ou pire encore, d’afficher un graphique mal proportionné. Assurez-vous que votre message puisse passer de manière instantanée et surtout, n’oubliez pas de créer un schéma au design cohérent avec votre charte graphique.

Le design fait partie des éléments essentiels à l’acquisition de prospects ! Soignez-le, modernisez-le et pensez à l’améliorer de manière continue. Si vous souhaitez refondre la charte graphique de votre site, faites appel à un professionnel et postez votre annonce sur Duo expertise.

Quand utiliser une redirection d’URL ?

Une redirection d’URL peut être utilisée selon de nombreuses situations auxquelles vous serez certainement confronté un jour.

Parmi les plus courantes, on peut citer :

Le changement de nom de domaine

Lorsque votre nom de domaine est trop long ou n’est plus représentatif de votre activité vous êtes souvent contraint de le changer.

Une redirection d’URL est nécessaire pour rediriger les internautes qui tombent sur votre ancien site vers votre nouveau site.

L’accès à une même page web via des URL différentes

Lorsqu’un même contenu est accessible via différentes URL cela crée du duplicate content, ce qui est très mauvais pour votre SEO. C’est souvent le cas pour la page d’accueil d’un site.

Admettons que votre page d’accueil peut être visitée via trois URL : URL A, URL B et URL C. Grâce à une redirection vous pouvez par exemple rediriger tous les utilisateurs qui arrivent sur les URL B et C vers l’URL A. Cela indique à Google la page qui doit être indexée et confère plus d’autorité à cette dernière.

La modification des URL

Cela peut arriver lorsque vous mettez à jour votre site et que vous touchez à la structure de vos URL.

Prenons l’exemple d’un site e-commerce : votre produit intitulé « tasse de thé » est accessible via l’url suivante : www.monsite.com/categorie/vaisselle/tasse-de-the

Si vous décidez de retirer le répertoire « categorie » pour simplifier et réduire la longueur de vos URL, votre produit sera alors accessible via www.monsite.com/vaisselle/tasse-de-the.

Si vous ne créez pas de redirection il est probable que des internautes tombent sur une erreur 404 en cliquant sur l’ancienne URL. Cela peut arriver si un site tiers a linké votre produit avant le changement opéré sur vos URL.

L’accès à un site multilingue

Si vous exercez votre activité à l’international et que vous possédez votre site dans différentes langues, vous pouvez créer des redirections d’URL. Celles-ci permettent d’afficher aux internautes la bonne version du contenu selon leur position géographique.

Les redirections d’URL peuvent aussi être mises en place si vous fusionnez deux sites web, si vous supprimez une page web ou encore si vous ne souhaitez plus utiliser le « www » (ou inversement).

Les grands types de redirection d’URL

Il existe deux types de redirection d’URL :

Cette dernière est exécutée par un serveur comme son nom l’indique, tandis que la première est réalisée directement par le « client », bien souvent le navigateur de l’utilisateur.

Les redirections côté serveur

Ce sont les plus courantes.

Pour qu’un internaute soit redirigé vers une URL, une requête HTTP est effectuée vers le serveur web. Ce dernier délivre alors un code de statut HTTP qui précise la redirection à réaliser.

Le code de statut correspond au nom des redirections. Ces dernières peuvent être temporaires ou permanentes.

Les redirections côté client

Si ces redirections sont moins utilisées c’est notamment parce qu’elles présentent plusieurs inconvénients en termes de SEO.

Pour n’en citer qu’un, les moteurs de recherche ne remarquent pas toujours les redirections côté client et lorsque cela arrive, l’autorité de l’ancienne page web n’est pas transférée sur la nouvelle.

Néanmoins, il est bon de connaître les deux types de redirection côté client :

Quelle redirection d’URL choisir ?

La redirection 301

C’est certainement la redirection d’URL la plus utilisée.

Vous devez la mettre en place si vous voulez rediriger de façon permanente les utilisateurs qui arrivent sur une page qui a été supprimée ou déplacée, ou pour laquelle la structure du permalien a été modifié.

Le code 301 indique plusieurs choses à Google :

Vous comprenez donc qu’une redirection 301 vous permet de conserver l’autorité de votre ancienne page : tous vos efforts SEO sont conservés.

Pour mettre en place une redirection entre deux pages ouvrez votre fichier .htaccess et insérez le code suivant : RedirectPermanent /repertoire/page-a-rediriger.html http ://www.monsite.com/repertoire/page-de-destination.html

Autre solution, vous pouvez insérer dans le code source HTML de la page à rediriger (section <head>) le code PHP suivant :
< ?php
header("Status : 301 Moved Permanently", false, 301) ;
header("Location : http ://www.monsite.com/repertoire/page-de-destination.php") ;
exit() ;
?>

Pour des cas plus complexes, faites appel à un professionnel qualifié. La modification du fichier .htaccess ne doit pas être prise à la légère car en cas d’erreur cela peut causer des dommages sur votre site.

La redirection 302

Cette redirection temporaire indique que le contenu a été trouvé mais qu’il se situe actuellement sur une autre URL. Vous pouvez donc rediriger temporairement les visiteurs vers cette autre page web.

Vous pouvez l’utiliser lorsque le contenu d’une URL A a été déplacé temporairement vers une URL B, ou lorsque vous voulez rediriger vos visiteurs vers la bonne version linguistique de votre site.

Comme pour la redirection 301, vous pouvez effectuer une redirection 302 via le code source de la page à rediriger ou directement depuis le fichier .htaccess.

Dans le premier cas, insérez le code PHP suivant :
< ?php
header("Location : http ://www.monsite.com/repertoire/page-de-destination.php") ;
exit() ;
?>

Dans le fichier .htaccess insérez Redirect /repertoire/page-a-rediriger.html http ://www.monsite.com/repertoire/page-de-destination.html pour faire une redirection entre deux pages.

La redirection 307

Alors que la redirection 302 est plus ambigüe, la redirection 307 indique clairement qu’une URL A a été déplacée pour une courte durée.

Cette redirection est à utiliser si votre site est en maintenance par exemple.

Puisqu’il s’agit d’une redirection temporaire, les moteurs de recherche ne prennent pas en compte l’autorité de l’ancienne URL.

Les redirections doivent être utilisées dans des cas bien précis et avec parcimonie. Pour qu’elles soient pertinentes et n’aient pas d’impact négatif sur votre SEO, prenez le temps d’analyser votre situation pour choisir la bonne redirection a effectuée.

Les pages AMP (Accelerated Mobile Pages) sont utilisées sur mobile pour accélérer le temps de chargement et améliorer l’expérience de navigation des mobinautes.

Ce format open source lancé par Google demande toutefois une conception spécifique en HTML. Il convient donc de respecter certaines règles si vous voulez que votre contenu se charge en un temps record sur mobile.

À titre d’exemple, les scripts tiers ne sont pas autorisés, tout comme les éléments de formulaire. Quant au CSS, le code est assez restreint.

Pour créer une page web compatible avec le format AMP, voici les 4 critères les plus importants que vous devez respecter.

1. L’expérience utilisateur est une priorité

L’objectif premier d’une page AMP étant de charger le contenu rapidement sur mobile, Google place l’expérience utilisateur au centre des préoccupations.

Si vous avez un doute sur la façon de disposer un élément ou de construire votre page, faites toujours ce qui est le mieux pour l’utilisateur final, et ce, même si le développement de votre page AMP est plus complexe.

2. Les éléments doivent être rapides à charger

Ce critère à respecter n’est pas vraiment une surprise, mais il est important de le rappeler.

Si le visuel de votre page AMP doit être attirant vous ne devez pas pour autant développer un design au détriment de la vitesse de chargement.

Vous devez donc limiter et minimiser les requêtes HTTP pour optimiser l’affichage de votre page AMP. De plus, les images et les publicités ne doivent être chargées que si elles sont susceptibles d’être vues par l’utilisateur.

Enfin, évitez d’ajouter trop d’animations. Tout d’abord parce qu’elles ne sont pas forcément toutes compatibles avec le format AMP, parce que le rendu sur mobile risque d’être différent que sur un ordinateur, mais aussi parce que vous allez altérer le temps de chargement de votre page.

Certaines balises sont indispensables dans votre <head>

Rentrons un peu plus dans la technique. Une page AMP est créée en HTML AMP.

Si le code en lui-même est quelque peu similaire, certaines balises doivent obligatoirement apparaître dans l’en-tête de votre page :

Notez enfin que vous devez insérer une balise style[amp-boilerplate]. Pour obtenir le contenu intégral de cette balise rendez-vous la documentation officielledu format AMP.

Certains balises sont interdites

À l’inverse, certaines balises HTML sont interdites dans le format AMP, voici lesquelles :

La création d’une page AMP est parfois complexe si vous passez directement par le code HTML, car bien d’autres règles doivent être respectées à ce niveau. Vous pouvez donc faire appel à un développeur expérimenté ou utiliser une plugin spécifique si vous êtes sous CMS.

Ces quatre points évoqués dans l’article sont les plus importants à prendre en compte lors de la création de votre page AMP. En revanche, comme je vous le disais, d’autres règles doivent être respectées, n’hésitez donc pas à vous référer à la documentation officielle.

Lorsque vous aurez terminé de développer votre page AMP n’oubliez pas de vérifier si votre code est correct. Vous pouvez utiliser la console de votre navigateur, mais encore une fois, en cas de difficultés n’hésitez pas à chercher de l’aide auprès de notre équipe

En tant que freelance, il est impossible de faire l’économie sur la prospection.

Trouver de nouveaux clients de pouvoir présenter son travail. Pour y parvenir, le portfolio est un excellent outil. Qu’il s’agisse de travaux visuels ou d’écriture, le portfolio permet de montrer des morceaux choisis, représentatifs de votre style.

Voici tous nos conseils pour réussir un book remarquable.

Créer son site internet

Quoi de mieux pour démontrer sa valeur, que de créer son propre site ?

Qu’il s’agisse d’un site web WordPress ou de plateformes gratuites proposant de nombreux template de portfolio, la création d’un espace dédié à votre travail est gage de professionnalisme.

Cela vous permettra également d’organiser avec élégance et clarté vos projets.

Investir dans un nom de domaine

Désormais, posséder son propre nom de domaine ne coûte que quelques euros par an. Et peut tout changer.

Bien que cela ne soit pas obligatoire, posséder son propre nom de domaine offre une dimension plus professionnelle à son activité. Cela permettra notamment d’asseoir votre crédibilité et sera gage de confiance pour vos futurs clients.

Aller à l’essentiel

Plutôt que de vous lancer dans une longue page « À Propos », résumez de manière simple et direct ce que vous pouvez faire pour l’entreprise qui vous découvre.

Les phrases comme : « Je peux créer une identité visuelle unique et moderne pour vous aider à conquérir de nouveaux clients rapidement », par exemple, est une information plus précieuse et quantifiable que tout l’historique de votre parcours.

Créer une charte graphique

Votre portfolio devrait refléter votre univers.

Pour cela il lui faut une identité visuelle forte qui viendra faire le lien entre vos différents travaux. Ceux-ci peuvent être parfois très éloignés les uns des autres et ne pas toujours représenter de manière fidèle votre style. C’est pourquoi votre book se doit d’être à votre image.

Présenter les meilleurs projets en premier

De la même manière qu’un internaute lit des articles en diagonales, vous aurez peu de temps pour capter l’attention du recruteur qui va naviguer sur votre site ou votre portfolio.

Pour mettre toutes les chances de votre côté, vous devez procéder comme suit :

Un book noyé par une masse de visuels ou de textes prouvera certes, que vous travaillez beaucoup, mais ne démontrera pas nécessairement votre valeur. Pour cela, choisissez les travaux les plus réussis. Ceux qui vous correspondent ou que vous savez pouvoir impressionner un futur client.

Mettez ces éléments au début de votre portfolio pour qu’ils puissent attraper l’œil de votre interlocuteur la plus rapidement possible.

Mettre en contexte

Il est essentiel que chaque projet soit contextualisé.

Vous pouvez notamment évoquer les enjeux du projet, le but de cette réalisation, votre processus créatif pour arriver au résultat final, les difficultés rencontrées etc.

Cela sera beaucoup plus parlant qu’une simple image et permettra une fois encore de mieux vous connaître, de comprendre votre manière de travailler, la force de proposition que vous pouvez être etc.

Multiplier les portfolios pour chaque cible

En tant que freelance, vous vous adressez à plusieurs audiences, potentiellement différentes. Pour pouvoir attirer leur attention, vous devez créer des portfolios éloquents. C’est la raison pour laquelle mieux vaut les multiplier en visant une audience particulière à chaque fois.

Pour les graphistes par exemple, cela peut vouloir dire :

De la même manière qu’un web développeur peut montrer son travail pour du e-commerce, des sites vitrines, des sites avec des fonctionnalités avancées etc.

Le tout étant que chaque cible soit bien distincte et qu’elle puisse identifier rapidement comment votre travail peut correspondre à ses besoins.

Penser SEO

Il serait dommage de fournir tout ce travail et de créer des galeries d’images fantastiques pour que personne ne les voit. C’est pourquoi vous devez rester attentifs au SEO lors de la création de votre book.

Pensez à intégrer les mots-clés correspondants à votre travail, dans les descriptions de vos pages et de vos projets. Renseignez également les balises de texte alternatif pour chaque image que vous intégrez à votre portfolio. Ainsi vous augmenterez vos chances de remonter dans les résultats organiques des moteurs de recherche.

À présent, vous avez toutes les clés pour réaliser un portfolio remarquable et convaincant.

Comment savoir si vous avez besoin d’une mise à jour ou d’une refonte de votre site Web ? C’est une question difficile, et il n’y a pas de réponse claire.

Parfois, vous savez que vous avez besoin d’une mise à jour simplement parce que vous voulez mettre à jour le design. Parfois, une update est attendue parce que le site actuel ne peut pas gérer les nouvelles fonctionnalités que vous souhaitez utiliser.

Dans tous les cas, voici 6 signes qui devraient vous alerter sur la nécessiter de refondre votre site internet !

1.Vous ne vendez pas en ligne

Les  ventes par téléphone, c’est (quasi) terminé !

Les consommateurs veulent effectuer leurs achats en ligne, du début à la fin. Ils ne veulent pas attendre l’ouverture de votre entreprise pour prendre le téléphone et passer une commande. D’ailleurs, ils n’ont peut-être pas le temps, car ils sont – eux aussi – au travail au même moment.

Si vous continuez à utiliser le téléphone comme unique moyen d’enregistrer les commandes, alors il est temps de penser à une solution e-commerce pour votre site web.

2. Vos taux de conversion sont au ralenti

Il ne suffit pas d’être bien référencé par les moteurs de recherche. Si vous n’arrivez pas à convertir les leads qui atterrissent sur votre site, vous avez besoin d’une refonte en profondeur.

Ici, avoir un beau site web ne résout pas tout, vous devez revoir la conception du site en entier pour corriger les imperfections et en faire un temple des conversions.

Les visiteurs doivent naviguer dans le tunnel d’achat de manière simple et fluide, trouver des call-to-actions et landing pages performantes sur leur chemin.

3.La dernière refonte remonte à…

En matière de technologie, tous les ans, il y a de nouvelles tendances qui affectent la conception et le développement d’un site web. Si vous ne vous mettez pas à jour en supprimant les fonctions désuètes et en ajoutant des nouveautés, c’est la renommée de votre entreprise qui est en jeu.

Vous devez montrer que votre marque s’adapte aux tendances et qu’elle est en veille permanente sur son marché.

En plus, votre site finira par ne plus du tout être performant… Il faut mieux le refondre légèrement chaque année, qu’avoir une mise à jour majeure qui va prendre du temps et avoir un coût important.

4.Votre site n’est pas mobile friendly

D’après StatCounter, en février 2019, 36 % du trafic internet provenait des mobiles. De plus, selon la FEVAD, un achat sur 5 est réalisé depuis un smartphone ou une tablette.

Si votre site web n’est pas conçu spécifiquement pour les appareils mobiles, pensez à une reconstruction de fond en comble.

Les algorithmes d’aujourd’hui recherchent plusieurs facteurs favorables à la mobilité donc ajouter des plugins et add-ons mobile-compatibles ne résoudront pas le véritable problème. Vous devez penser votre site POUR le mobile.

5. Vous avez un taux de rebond élevé

Si les leads quittent votre site web sans s’engager davantage, c’est un signal clair qu’il y a quelque chose qui cloche. Cela peut venir du design, du contenu, du temps de chargement des pages, de l’ergonomie…

De manière générale, veillez à alléger un maximum vos pages pour qu’elles se chargent en moins de 3 secondes. Évitez les couleurs criardes, optez plutôt pour un design sobre. Ne vous laissez pas tenter par la folie des pop-ups ! Vous pouvez en mettre un qui se déclenchera au bout de quelques secondes, mais ne bombardez pas le visiteur immédiatement.

Enfin, repensez votre menu afin qu’il guide au mieux vos visiteurs.

6. Les moteurs de recherche ont changé leurs algorithmes

Le but ultime de tout site Web est d’obtenir du trafic et de convertir ses prospects en clients. Vous pouvez le faire en optimisant votre structure afin que les robots des moteurs de recherche puissent indexer et classer correctement votre site.

Mais, et si les moteurs de recherche changent les règles ?

C’est exactement ce qui se passe, chaque fois qu’il y a un changement d’algorithme pour Google ou d’autres moteurs de recherche. Vous devez vous tenir au courant de tout changement et tenir votre site Web à jour pour incorporer ces évolutions.

Vous avez reconnu certains de ces signes ? C’est qu’il est temps de revoir le design de votre site internet.

Postez dès maintenant votre annonce sur duoexpertise.com pour trouver un développeur.