Comment transmettre avec succès des sites web à vos clients ?

Comment transmettre avec succès des sites web à vos clients ?
Apprenez à structurer votre flux de travail sur Tilda pour établir des relations à long terme avec vos clients.
Être designer, ce n'est pas seulement créer des visuels époustouflants ou des interfaces intuitives. C'est aussi une question de savoir-faire technique, de souci du détail et d'attention portée à ses clients. L'une des étapes les plus importantes d'un projet est le passage de témoin : s'assurer que le client peut gérer son site web en toute confiance, sans avoir à compter constamment sur vous pour l'aider.
Contenu :

Ce que signifie réellement le transfert d'un site web

Un projet de site web typique passe par plusieurs étapes : La conception, le prototypage, le design, le développement, les tests et enfin, le transfert. Les concepteurs construisent souvent un site web dans leur propre compte Tilda et ne le transfèrent au client que lorsque tout est prêt. Mais le transfert ne commence pas à l'étape finale, il commence bien avant. Chaque décision que vous prenez doit tendre vers un seul objectif : un site web entièrement fonctionnel que le client peut gérer seul.

Cela implique de s'assurer que tout fonctionne correctement (formulaires, animations, paniers d'achat), que les paramètres de référencement sont en place et que le client dispose de toutes les instructions dont il a besoin. Un bon transfert leur permet de mettre à jour le contenu (articles de blog, horaires ou tarifs) sans craindre de casser quoi que ce soit.

Pourquoi il est utile de penser à l'avance

Certes, un concepteur pourrait se contenter de créer un site web et de passer à autre chose. Mais un peu d'attention supplémentaire peut s'avérer très utile, à la fois pour votre relation avec le client et pour votre réputation.
Établir la confiance

Les clients aiment travailler avec des personnes qui ont une longueur d'avance. Un site web bien organisé, des pages clairement identifiées et des instructions bien pensées montrent que vous êtes un professionnel qui respecte leur temps (et le vôtre). Ce type d'approche laisse une impression durable : Ils seront plus enclins à revenir ou à vous recommander à d'autres personnes.

Prévient les maux de tête futurs

Des conseils simples et des commentaires sur la page aident votre client à éviter les erreurs et à gérer le site web en toute confiance. Cela signifie moins de messages de panique et de corrections précipitées.

Promouvoir votre travail

Même après la fin du projet, votre design continue de parler en votre faveur. Plus le site web reste bien entretenu et cohérent, mieux il reflète vos compétences. Un magnifique projet de portfolio perd de sa valeur si les futurs clients le voient en désordre.

Comment structurer votre projet pour qu'il soit facile à utiliser pour le client ?

1
Désactiver l'indexation et mettre en place un domaine temporaire

La première chose à faire après avoir créé un nouveau projet sur Tilda est de l'empêcher d'être indexé par les moteurs de recherche. Pourquoi ? Parce que sans paramètres SEO appropriés ou sans favicon personnalisé, votre client pourrait voir son site web apparaître dans les résultats de recherche avec un titre de page erroné, une description générique et le logo de Tilda au lieu du sien. Si un site web est indexé prématurément, la mise à jour des métadonnées peut prendre des jours, voire des semaines.

Comment faire : Paramètres du site → SEO → Empêcher les moteurs de recherche d'indexer ce site web.
2
Créez un domaine temporaire clair

Au cours du processus de conception, vous enverrez probablement à votre client des liens de prévisualisation pour obtenir des commentaires. Pour éviter toute confusion, mettez à jour le domaine généré automatiquement par défaut en le remplaçant par quelque chose de clair et de reconnaissable. Par exemple, au lieu de site-3949584.tilda.ws, choisissez quelque chose comme greenstudio.tilda.ws.

Comment faire : Paramètres du site → Paramètres principaux → Sous-domaine personnalisé sur Tilda.
3
Ajouter des polices personnalisées et configurer la typographie

Avant d'utiliser une police dans un projet, en particulier un projet commercial, assurez-vous toujours qu'elle est sous licence. L'utilisation de polices sans licence peut entraîner des problèmes juridiques pour votre client, qu'il s'agisse de demandes de paiement ou de lettres d'interdiction.
Tilda Sans est une famille de polices de caractères gratuite disponible pour tous les utilisateurs de Tilda, convenant à la fois aux projets personnels et commerciaux. Elle est disponible en 7 graisses - de Light à Black - et supporte 134 langues.
Définissez des paramètres de police globaux pour votre site web. Les paramètres que vous définissez seront automatiquement appliqués à tous les blocs et à toutes les pages, ce qui vous aidera à maintenir la cohérence visuelle de votre site web. Cette fonction est particulièrement utile pour les éléments tels que les fiches produits, pour lesquels le style du texte ne peut pas être ajusté manuellement.

Comment faire : Paramètres du site → Polices et couleurs.
4
Organisez les choses dans le tableau de bord

Pour aider votre client à naviguer facilement dans la structure du site Web, utilisez les outils d'organisation intégrés de Tilda - dossiers, commentaires et étiquettes.

Les dossiers sont parfaits pour regrouper des pages apparentées. Par exemple, toutes les pages liées à un catalogue de produits peuvent être placées dans un dossier "Catalogue".

Comment faire : Page Settings → Additional → Create new folder.

Astuce: Créez un dossier "Archive" pour les brouillons ou les pages que votre client décide de ne pas utiliser (du moins pour l'instant). Marquez-le comme dossier d'archives dans les paramètres afin que ces pages ne soient pas publiées. Ainsi, si le client change d'avis, vous pouvez facilement les faire revenir.

Supposons que vous ayez créé une page avec des commentaires, mais que le client n'était pas prêt à la publier. S'il revient plus tard pour ajouter des avis, il suffit de sortir la page des archives et de la publier d'un simple clic.

Les commentaires de page facilitent l'identification de l'objet de chaque page. Par exemple, si une page s'intitule "Reach Out 24/7" mais qu'il s'agit en fait d'un formulaire de contact, ajoutez un commentaire tel que "Page de contact" pour que ce soit clair. Les commentaires ne sont visibles que dans le tableau de bord.

Les étiquettes servent de balises pour les pages. Vous pouvez regrouper des pages telles que "À propos de nous", "Commentaires" et "Contacts" sous une étiquette appelée "Informations sur l'entreprise". En cliquant sur une étiquette, vous pouvez afficher toutes les pages correspondant à cette étiquette, ce qui est très utile lorsque vous travaillez sur de grands sites web.

Si vous travaillez sur un grand site web comportant des centaines de pages, il est important de créer un système d'étiquetage clair afin que votre client puisse naviguer facilement dans les pages. Veillez à inclure un petit guide expliquant la logique de regroupement qui sous-tend les étiquettes, que ce soit par section, parcours utilisateur, type de contenu ou autre, afin que la structure ait un sens même sans votre aide directe.
Le saviez-vous ?
Sur Tilda, il existe un outil de prise de notes intégré , Tilda Docs, que vous pouvez utiliser pour créer et organiser facilement la documentation du projet dans le cadre du transfert de votre site Web.


Pour définir une étiquette, allez dans Paramètres de la page → Supplémentaire → Commentaire pour la page / Étiquette.
5
Utiliser des blocs alias pour le contenu répétitif

Une fois le site Web mis en ligne, le client peut souhaiter mettre à jour des éléments récurrents, comme un formulaire de contact ou un horaire de cours. Facilitez-lui la tâche en utilisant des blocs alias pour les sections répétées.

Un bloc alias est une copie miroir d'un bloc original. Lorsque vous mettez à jour l'original, les modifications apparaissent partout où l'alias est utilisé après la republication du site web. Il est ainsi facile de garder les choses à jour sans avoir à modifier chaque page manuellement.
Les blocs alias permettent également de maintenir la cohérence sur l'ensemble du site web et de réduire le risque de problèmes de mise en page lors des mises à jour de contenu.

Comment procéder : Bibliothèque de blocs → Autres → Bloc Alias (T213).
6
Télécharger un Favicon

Ne passez pas à côté du Favicon : c'est un détail petit mais puissant qui rend votre site Web instantanément reconnaissable. Les favicons apparaissent dans les onglets du navigateur, les signets et les résultats de recherche, aidant ainsi les utilisateurs à repérer rapidement votre site web. S'il n'y en a pas, le site Web semble inachevé et se perd facilement parmi les onglets ouverts.

N'oubliez pas non plus que de nombreux utilisateurs naviguent en mode sombre ou en ligne : De nombreux utilisateurs naviguent en mode sombre ou sur mobile. Vous pouvez télécharger différentes versions de votre favicon pour vous assurer qu'il s'affiche parfaitement sur n'importe quel arrière-plan.

Comment faire : Paramètres du site → SEO → Favicons → Gérer.
7
Définir une couleur d'arrière-plan par défaut

Sur Tilda, l'arrière-plan par défaut du canevas de l'éditeur est blanc, mais cette couleur n'est pas automatiquement appliquée au site Web en ligne. Si vous n'attribuez pas de couleur d'arrière-plan par défaut, les blocs peuvent apparaître transparents sur certains appareils ou en mode sombre. Les clients ne le savent pas et, s'ils ajoutent de nouveaux blocs par la suite, cela peut nuire à la cohérence visuelle du site web. La définition d'une couleur d'arrière-plan par défaut permet d'assurer la cohérence de la conception et d'éviter ce type d'erreurs visuelles.

Comment procéder : Paramètres du site → Polices et couleurs.
8
Ajouter des badges

Un badge, souvent également appelé image Open Graph, définit la manière dont votre lien apparaît lorsqu'il est partagé sur des applications de messagerie ou des médias sociaux. Sans ces badges, la plateforme risque d'afficher une image ou un extrait de texte au hasard, ce qui donne souvent une impression de désordre et de confusion.

Ces badges sont définis par page, et non pour l'ensemble du site web. N'oubliez donc pas de les ajouter sur toutes les pages clés.

Comment procéder : Paramètres de la page → Badge.
9
Tester tous les formulaires

Connectez votre formulaires à un service de collecte de données - comme le courrier électronique, Google Sheets ou un CRM - et assurez-vous que tout fonctionne correctement. Vérifiez que les formulaires sont bien envoyés et montrez à votre client à quoi ressembleront les messages envoyés. Ainsi, il saura exactement où chercher les nouvelles demandes et ne manquera aucun message important.

Conseils:
  • Envoyez un formulaire de test et demandez au client de confirmer qu'il l'a bien reçu.
  • Pour les sites de commerce électronique, configurez des courriels de confirmation de commande afin que les clients reçoivent les détails de leur achat.
  • Ajoutez un message de réussite personnalisé ou redirigez vers une page de remerciement après la soumission du formulaire.
Comment procéder : Paramètres du site → Formulaires.
10
Définir les paramètres de référencement de base

Une fois la conception terminée, il est temps d'affiner les paramètres de référencement. Cela permet au site web d'apparaître plus rapidement et plus précisément dans les résultats de recherche. Au minimum, configurez les éléments suivants Le titre et la description pour chaque page.

Le titre est ce qui apparaît dans les onglets du navigateur et dans les résultats des moteurs de recherche. Il doit être unique, pertinent et inclure vos principaux mots-clés. La description complète le titre et donne un résumé du contenu de la page.

Si vous omettez les balises méta, il sera plus difficile pour le site web d'être bien classé dans les moteurs de recherche.
Balises d'image

Labalise Alt est le texte qui décrit une image. Il apparaît lorsqu'une image ne se charge pas et aide les utilisateurs à comprendre ce qui était censé être affiché. Le texte Alt améliore également le référencement : si vous incluez des mots clés, l'image peut apparaître dans les résultats de recherche d'images.

La balise Title est une infobulle qui s'affiche lorsque l'utilisateur survole l'image. Elle est utile lorsqu'une image nécessite des explications supplémentaires.

Les balises d'image améliorent le référencement et rendent votre site web plus accessible aux utilisateurs souffrant de déficiences visuelles.
Titres H1 et H2

Ces balises permettent de structurer votre contenu en fonction de son importance. Le titre H1 est le titre principal d'une page - il met en évidence les informations les plus importantes. Vous ne devez utiliser qu'une seule balise H1 par page. Le titre H2 est un sous-titre qui soutient le titre H1 et organise le contenu de la page en sections lisibles. Les moteurs de recherche utilisent les titres pour comprendre la hiérarchie de votre contenu et savoir s'il correspond aux requêtes de recherche des utilisateurs.

Par exemple, sur cette page, le titre H1 est "Comment transmettre avec succès des sites web à vos clients", et les titres H2 sont les titres des sections telles que "Ce que signifie réellement la transmission d'un site web" et "Pourquoi il est utile de penser à l'avance".
Comment définir les balises d'en-tête : Paramètres du bloc → SEO : Title Tag.

N'oubliez pas d'activer l'indexation une fois que le site est prêt à être lancé.
11
Testez les différents appareils

Votre site web peut se présenter et se comporter différemment d'un appareil à l'autre. Assurez-vous qu'il fonctionne bien sur différentes tailles d'écran. Utilisez des émulateurs pour tester différents points de rupture ou, mieux encore, vérifiez-le sur des appareils réels lorsque c'est possible.

Assurez-vous que les boutons sont cliquables, que le texte est lisible et que rien n'est cassé dans la mise en page ou la navigation.
12
Transférer le projet vers le compte du client

Vous ne pouvez transférer un projet que vers un compte Tilda payant. Les projets ne peuvent pas être transférés vers des plans gratuits, assurez-vous donc que votre client a un abonnement actif avant de commencer le transfert.

Comment faire : Paramètres du site → Actions → Transférer le site web.
Une fois transféré, connectez-vous au compte du client et acceptez le projet. Ensuite, connectez Tilda CRM à son compte - il est lié au compte de l'utilisateur, pas au projet.
Même si votre client ne souhaite recevoir que des soumissions de formulaires par e-mail, Tilda CRM est une excellente solution de secours. Il stocke tous les prospects entrants, facilite les futures campagnes d'e-mailing et garantit qu'aucune demande ne sera perdue.

Comment faire : Paramètres du site → Formulaires → Tilda CRM.
13
Enregistrer des tutoriels vidéo

Créez de courts tutoriels vidéo pour expliquer à vos clients comment gérer leur site web - comment modifier le contenu, mettre à jour les informations sur les produits ou modifier les blocs de texte. Cela facilite l'intégration, réduit les erreurs et vous évite de perdre du temps à répondre à des questions répétées.

Conseils :
  • Les vidéos doivent être courtes et ciblées, par exemple "Comment modifier un texte" ou "Comment ajouter un produit".
  • Utilisez des outils comme OBS Studio ou Loom pour l'enregistrement d'écran.
  • Si le client a plusieurs administrateurs, créez une page cachée avec toutes les vidéos en un seul endroit.

Plus de conseils d'experts sur le transfert de site web

Travaillez sur votre propre compte
Même si le client possède déjà un compte Tilda, commencez le projet sur le vôtre. Cela permet de conserver un flux de travail propre et sécurisé, et empêche les clients de modifier le projet en cours de développement ou de le copier.
Créer une page "Website Info"
Inclure cette page dans une page cachée du projet ou dans une page publique de Tilda Docs. Indiquez vos coordonnées, le nom de la personne qui a développé le site et les liens vers les instructions. Cela permet aux clients de vous trouver s'ils ont besoin d'aide à l'avenir.
Offrir un soutien continu
Qu'il s'agisse d'une demande ponctuelle ou d'un forfait, proposez de maintenir le site web à jour. Souvent, les clients n'ont pas le temps de gérer le contenu eux-mêmes et la maintenance continue garantit que le site web reste à jour et fonctionnel.
Utilisez le programme de parrainage de Tilda
Si votre client s'inscrit en utilisant votre lien de parrainage, vous recevrez des crédits bonus. Ceux-ci peuvent être utilisés pour payer votre abonnement à Tilda ou des projets futurs.

Si vous avez aimé l'article, partagez-le avec vos amis. Nous vous remercions de votre attention.

Lire aussi :
Manuel de formation gratuit sur la conception, la mise en place et l'exploitation de
pages d'atterrissage à forte conversion
En savoir plus

Guide pratique gratuit de l'animation web avec des exemples, des techniques,

et des conseils sur la façon de les utiliser

Explorer