Liste de vérification pour le lancement d'un site Web : 7 choses à faire avant la mise en ligne

Nous ADORONS les listes de contrôle. Et bien que nous sachions que le lancement d'un nouveau site Web peut être excitant, cela peut aussi être une entreprise stressante pour quiconque, que vous soyez expérimenté ou non. Au lieu de vous soucier d'une poignée de choses qui pourraient terriblement mal tourner lors du lancement de votre site, ne serait-il pas agréable d'avoir une liste de contrôle pratique à consulter avant de mettre en ligne ? Tu es chanceux!

Nous comprenons que la plupart des conseillers financiers ont peu ou pas d'expérience dans la conception de sites Web, ce qui peut faire de la création de votre propre site une idée très intimidante. Même si vous avez une idée de base du fonctionnement du Web, il peut souvent être coûteux et long d'entreprendre la création d'un site Web par vous-même.

C'est pourquoi nous avons développé la plate-forme Twenty Over Ten en pensant non seulement à l'utilisateur final, mais aussi au constructeur - vous ! Notre CMS (Content Management System) intuitif vous donne les outils pour gérer de manière autonome votre site web comme un pro. Il est facile à utiliser, convivial et doté de fonctionnalités puissantes pour les débutants comme pour les experts !

Liste de vérification avant le lancement

Point #1 Ajouter un titre de site

La page d'accueil de votre site Web est de loin la page la plus pondérée de l'ensemble de votre site Web. Par conséquent, il est crucial que vous choisissiez un titre remarquable pour votre nouveau site Web. Le titre de votre site Web apparaîtra dans les résultats de recherche, les barres de navigateur et les notifications de formulaire. Nous comprenons – proposer un titre de site Web peut être une chose effrayante à faire. C'est la première chose que les prospects verront lorsqu'ils atterriront sur votre site Web.

Le titre de votre site Web est votre marque. Soyez clair sur le but de votre site Web et prenez le temps de développer un titre de site bien conçu afin d'aider votre cabinet de planification financière à se démarquer de vos concurrents. Choisir un bon titre de site aidera également à dire aux visiteurs de quoi parle votre site et ce qu'ils peuvent s'attendre à trouver une fois sur votre site.

AJOUTER UN TITRE DE SITE :

Étape 1 : Accédez à vos « paramètres du site » depuis le bas de votre barre latérale.

Étape 2 (télécharger un fichier de logo) : utilisez le bouton « télécharger le logo » pour importer un fichier. Les types de fichiers .svg, .png ou .jpeg sont préférés.

Étape 3 (Ajout d'un logotype) : Si vous n'avez pas de logo spécifique, utilisez l'outil "titre du site" et saisissez le nom que vous souhaitez (n'oubliez pas qu'il s'affichera comme votre logo sur les pages de votre site Web).

Étape 4 : Si vous utilisez l'outil "titre du site", utilisez l'outil "police du logo" pour modifier la police du logotype afin qu'elle corresponde à la marque souhaitée.

Point #2 Ajouter des titres de page

Les balises de titre apparaissent en haut du navigateur que vous utilisez, et elles sont importantes à la fois pour l'expérience utilisateur et le référencement. L'ajout et la personnalisation des titres de vos pages donneront non seulement plus d'informations aux visiteurs du site, mais cela peut également aider à donner aux moteurs de recherche comme Google plus d'informations sur les pages de votre site et les informations qu'elles contiennent.

La balise de titre d'une page Web est censée être une description précise et concise du contenu d'une page. Dans l'exemple ci-dessous, "Cleveland, OH | Conseiller financier féminin | Glass Financial est la balise de titre. Du point de vue du référencement, les balises de titre doivent être formatées comme suit : Mot-clé principal – Mot-clé secondaire | Nom de la marque . Vous pouvez voir où se trouve l'entreprise, un mot-clé qui décrit le conseiller ou l'entreprise et le nom de l'entreprise.

PERSONNALISER UN TITRE DE PAGE :

Élément #3 Ajouter des métadonnées à toutes les pages et articles de blog

Les méta-descriptions expliquent aux moteurs de recherche et aux internautes de quoi parle votre site. L'inclusion de méta-descriptions convaincantes sur votre site peut souvent être le facteur déterminant si quelqu'un clique sur votre site ou non à partir de la SERP (page de résultats du moteur de recherche), surtout si vous incluez des mots-clés que le chercheur recherche.

Le client de Twenty Over Ten, Forward Thinking Wealth Management, a fait un excellent travail en incluant une description des métadonnées non seulement sous leur balise de titre principale, mais également sous les sous-titres.

Voici le hic et où nous voyons la plupart des conseillers déraper. Des métadonnées doivent être ajoutées à chaque page de votre site Web. Cela inclut également les pages principales, les pages de destination et les articles de blog !

AJOUTER DES MÉTADONNÉES À VOS PAGES WEB :

AJOUTER DES MÉTADONNÉES À VOS ARTICLES DE BLOG :

Étape 1 : Accédez à votre "gestion des publications" à partir de votre barre latérale (icône A).

Étape 2 : Sélectionnez l'article de blog auquel vous souhaitez ajouter des métadonnées.

Étape 3 : Faites défiler vers le bas jusqu'à ce que vous atteigniez la zone de description SEO et ajoutez votre contenu.

Étape 4 : Vos métadonnées doivent être une courte description de 1 à 2 phrases (riche en mots-clés) du contenu apparaissant sur ce blog en particulier. Après avoir ajouté le contenu de votre choix, cliquez sur le bouton Enregistrer.

Point #4 Connecter les formulaires

Avez-vous un formulaire sur votre page de contact ? Il est important de remplir chacun d'entre eux pour s'assurer que chaque champ du formulaire fonctionne correctement. Lorsque vous cliquez sur soumettre ou envoyer, vous devez également vérifier que la bonne page de confirmation ou de remerciement s'affiche. Enfin, vérifiez votre e-mail avec lequel vous vous êtes inscrit pour vous assurer que votre demande a été soumise avec succès. Il n'y a rien de plus exaspérant pour les visiteurs de votre site que de remplir un formulaire qui ne fonctionne pas et en tant que propriétaire d'entreprise, vous voulez vous assurer que vous captez également ces prospects !

AJOUT DE DONNÉES DE FORMULAIRE DE CONNEXION :

1) Renommer les champs par défaut

Étape 1 : Pour modifier les noms de champs par défaut de votre formulaire, vous devez d'abord être connecté et sur l'écran MODIFIER. De là, accédez à la ou aux pages contenant votre formulaire et cliquez sur le contenu de votre page pour activer la boîte à outils de l'éditeur :

Étape 2 : À partir de là, sélectionnez l'icône </> dans la boîte à outils d'édition :

Étape 3 : cela passe à ce que nous appelons la « vue du code » du contenu de votre page. Ce que vous regardez est le code de site Web réel pour cette page. Dans ce code, trouvez où se trouve votre formulaire, il devrait ressembler à ceci :

Étape 4 : Pour chaque champ, vous pouvez modifier deux zones pour personnaliser vos champs par défaut. Ce sera le texte de l'étiquette et le nom du champ.

Donc, disons que vous vouliez changer le champ "Téléphone" pour dire "Votre numéro de téléphone" :

 < div class = " form-item " > < label > Phone </ label > < input class = " form-control " name = " contact[phone] " type = " text " /> </ div >

 < label > Phone </ label >

Qui peut être changé en :

 < label > Your Phone Number </ label >

Ensuite, vous voudrez changer le nom du champ, recherchez quelque chose comme ce qui suit :

 < input class = " form-control " name = " contact[phone] " type = " text " />

Dans le code de champ, vous verrez ce qui suit :

 name="contact[phone]"

Le nom du champ est entre les crochets [] . Donc, vous changeriez cela en :

 name="contact[your-phone-number]"

Étape 5 : Une fois que vous avez terminé, cliquez sur l'icône </> en haut à droite de la vue de code pour revenir à l'éditeur visuel et voir votre formulaire mis à jour !

2) Ajouter du texte sur une seule ligne

Un champ de texte sur une seule ligne est utile pour collecter le texte saisi par l'utilisateur pour des réponses courtes de 2 à 5 mots (c'est-à-dire le nom de l'entreprise, l'âge, le code postal, etc.)

Étape 1 : Pour l'ajouter, vous devez d'abord être connecté et sur l'écran EDIT. À partir de là, accédez à la ou aux pages contenant votre formulaire et cliquez sur le contenu de votre page pour activer la boîte à outils de l'éditeur, puis cliquez sur l'icône </> pour activer la «vue de code».

Étape 2 : Dans ce code, trouvez où se trouve votre formulaire, il devrait ressembler à ceci :

Étape 3 : Chaque champ est contenu dans ce code : <div class="form-item"> ... </div> , alors assurez-vous de coller votre code que vous avez copié ci-dessus afin qu'il tombe avant ou après le code de l'autre champ .

Étape 4 : Vous voudrez modifier le texte de l'étiquette et le nom du champ de ce champ, comme indiqué dans la première section ci-dessus.

3) Ajouter du texte multiligne

Les champs de texte multi-lignes sont parfaits pour les questions longues.

Étape 1 : Pour l'ajouter, vous devez d'abord être connecté et sur l'écran EDIT. À partir de là, accédez à la ou aux pages contenant votre formulaire et cliquez sur le contenu de votre page pour activer la boîte à outils de l'éditeur, puis cliquez sur l'icône </> pour activer la «vue de code».

Étape 2 : Dans ce code, trouvez où se trouve votre formulaire, il devrait ressembler à ceci :

Étape 3 : Chaque champ est contenu dans ce code : <div class="form-item"> ... </div> , alors assurez-vous de coller votre code que vous avez copié ci-dessus afin qu'il tombe avant ou après le code de l'autre champ .

Étape 4 : Vous voudrez modifier le texte de l'étiquette et le nom du champ de ce champ, comme indiqué dans la première section ci-dessus.

4) Ajouter une liste déroulante de sélection

Les champs Select Dropdown sont parfaits pour les options longues et prédéfinies.

Étape 1 : Pour l'ajouter, vous devez d'abord être connecté et sur l'écran EDIT. À partir de là, accédez à la ou aux pages contenant votre formulaire et cliquez sur le contenu de votre page pour activer la boîte à outils de l'éditeur, puis cliquez sur l'icône </> pour activer la «vue de code».

Étape 2 : Dans ce code, trouvez où se trouve votre formulaire, il devrait ressembler à ceci :

Étape 3 : Chaque champ est contenu dans ce code : <div class="form-item"> ... </div> , alors assurez-vous de coller votre code que vous avez copié ci-dessus afin qu'il tombe avant ou après le code de l'autre champ .

Étape 4 : Vous souhaiterez modifier le texte de l'étiquette et le nom du champ de ce champ, comme indiqué dans la première section ci-dessus, mais vous souhaiterez également personnaliser les options de liste déroulante disponibles pour vos utilisateurs. Pour ce faire, ajoutez/supprimez simplement ce qui suit du code que vous copiez et collez : <option>Option 1</option>

Vous remarquerez que la première <option> est configurée légèrement différemment. Il s'agit d'une option par défaut facultative pour dire aux utilisateurs quoi faire, comme indiqué par le code disabled="disabled" et selected="selected" . N'hésitez pas à modifier également le texte de cette option ou à supprimer complètement l'option.

5) Ajouter des boutons radio

Les champs de bouton radio sont un autre excellent moyen de présenter des options à réponse unique.

Étape 1 : Pour l'ajouter, vous devez d'abord être connecté et sur l'écran EDIT. À partir de là, accédez à la ou aux pages contenant votre formulaire et cliquez sur le contenu de votre page pour activer la boîte à outils de l'éditeur, puis cliquez sur l'icône </> pour activer la «vue de code».

Étape 2 : Dans ce code, trouvez où se trouve votre formulaire, il devrait ressembler à ceci :

Étape 3 : Chaque champ est contenu dans ce code : <div class="form-item"> ... </div> , alors assurez-vous de coller votre code que vous avez copié ci-dessus afin qu'il tombe avant ou après le code de l'autre champ :

Étape 4 : Vous voudrez modifier le texte de l'étiquette et le nom du champ de ce champ, comme indiqué dans la première section ci-dessus, mais vous devrez également personnaliser les options de votre bouton radio Value et Display Text .

La valeur ici est ce que vous voyez comme : value="1" , remplacez simplement le 1 par le texte que vous souhaitez afficher dans vos notifications par e-mail. Le texte affiché est ce que vous voyez comme : Option 1 , qui s'affiche juste avant la balise de fermeture </label> . C'est le texte que l'utilisateur verra pour cette option, changez-le en ce que vous voulez.

6) Ajouter des cases à cocher

Les cases à cocher sont idéales pour les questions à choix multiples.

Étape 1 : Pour l'ajouter, vous devez d'abord être connecté et sur l'écran EDIT. À partir de là, accédez à la ou aux pages contenant votre formulaire et cliquez sur le contenu de votre page pour activer la boîte à outils de l'éditeur, puis cliquez sur l'icône </> pour activer la «vue de code».

Étape 2 : Dans ce code, trouvez où se trouve votre formulaire, il devrait ressembler à ceci :

Étape 4 : Chaque champ est contenu dans ce code : <div class="form-item"> ... </div> , alors assurez-vous de coller votre code que vous avez copié ci-dessus afin qu'il tombe avant ou après le code de l'autre champ .

Étape 4 : Vous voudrez modifier le texte de l'étiquette et le nom du champ de ce champ, comme indiqué dans la première section ci-dessus, mais vous devrez également personnaliser vos options de case à cocher Valeur et Texte d'affichage . Pour ce faire, recherchez simplement ce qui suit dans le code que vous copiez et collez :

La valeur ici est ce que vous voyez comme : value="1" , remplacez simplement le 1 par le texte que vous souhaitez afficher dans vos notifications par e-mail. Le texte affiché est ce que vous voyez comme : Option 1 , qui s'affiche juste avant la balise de fermeture </label> . C'est le texte que l'utilisateur verra pour cette option, changez-le en ce que vous voulez.

Point #5 Ajouter un favicon

Favicon (abréviation d'icône préférée) est essentiellement une petite icône associée à un site Web particulier. Les navigateurs qui prennent en charge les favicons affichent généralement l'icône dans la barre d'adresse du navigateur, dans les signets et dans l'historique également. Les favicons bien conçus correspondent généralement au logo de votre entreprise ou au thème de votre site Web. L'ajout d'un favicon à votre site Web donne aux visiteurs un moyen rapide de reconnaître votre site Web d'un seul coup d'œil.

Client de Twenty Over Ten, Fit Wealth Advisors a l'icône "Fit" qui apparaît à gauche lorsque vous liez son nom dans le moteur de recherche.

AJOUTER UN FAVICON :

Nous vous recommandons de créer un favicon d'une taille minimale de 16 x 16 px. Au sein de la plateforme Twenty Over Ten, il est facile d'ajouter votre propre favicon. Lors du téléchargement de votre favicon, veuillez noter que les types de fichiers PNG ou ICO sont préférés.

Point #6 Ajouter des analyses

Le suivi et la surveillance de l'analyse de votre site Web sont cruciaux et constituent le fondement d'un site Web axé sur les performances. Google Analytics offre aux utilisateurs une énorme quantité de données et peut facilement être intégré à votre site Web Twenty Over Ten. Si vous n'avez pas de configuration de compte Google Analytics, vous pouvez en créer un ici.

AJOUTER GOOGLE ANALYTICS À VOTRE SITE WEB :

Afin d'intégrer votre compte Google Analytics à votre site Web Twenty Over Ten, vous aurez besoin de votre numéro de compte Google Analytics. L'ID de suivi fourni par Google Analytics est une chaîne de lettres et de chiffres comme UA-000000-2. Cela doit être inclus dans votre code de suivi pour indiquer à Analytics à quel compte et à quelle propriété envoyer les données. Le premier ensemble de chiffres (-000000, dans l'exemple ci-dessus) fait référence à votre numéro de compte, et le second ensemble de chiffres (-2) fait référence au numéro de propriété spécifique associé au compte. Voici des instructions de base pour savoir où trouver votre ID de suivi dans votre compte Google Analytics.

Article #7 ESSAI ESSAI ESSAI

On ne le dira jamais assez : testez, testez et testez encore ! Lorsque votre site Web fonctionne bien, cela contribuera à la croissance exponentielle de votre entreprise. Cependant, sans l'utilisation d'analyses et de tests, vous ne saurez jamais comment fonctionne votre site Web et comment améliorer les performances de votre site. Il est extrêmement important de tester votre site Web avant son lancement afin de détecter tout problème et de corriger tout bogue susceptible de nuire à l'expérience utilisateur.

Soyez assuré que notre équipe est toujours en train de tester, d'éliminer les bogues et d'améliorer notre plate-forme, mais il y a quelques éléments supplémentaires sur la page que nous recommandons à nos utilisateurs d'examiner pour l'assurance qualité avant de lancer votre nouveau site Web, tels que :

• Liens : nous pensons qu'il n'y a rien de pire que de cliquer sur un lien qui ne mène nulle part ou qui vous amène à une page complètement hors de propos. Cliquez sur chaque lien de votre site pour tester et vous assurer qu'ils vont là où vous vouliez qu'ils aillent.
• Grammaire et orthographe : Vous avez passé beaucoup de temps à développer un contenu solide pour votre site Web. Ne le laissez pas se perdre en ratant des erreurs stupides. Après avoir regardé votre site pendant des heures (peut-être même des semaines) d'affilée, il peut être facile de manquer des erreurs. Envisagez de demander à un collègue ou à un partenaire de jeter un coup d'œil à votre site de test avant de le lancer pour détecter les éventuelles fautes d'orthographe et de grammaire.
• Look and feel : prenez du recul et jetez un coup d'œil à vos images et à vos blocs de contenu. Y a-t-il suffisamment d'espace blanc ou tout semble-t-il flouté ? Assurez-vous que votre espacement est adéquat, que votre palette de couleurs reflète l'identité de votre marque et que le style général est à la hauteur. De plus, assurez-vous que votre site Web fonctionne bien. La plupart des sites Web des cabinets de conseil ont une durée de visite moyenne d'un peu plus d'une minute. Gardez-le simple et facile à naviguer. Il n'y a aucune raison pour que votre message comporte plus de cinq pages.