Nous AIMONS LES listes De contrôle. Et bien que nous sachions que le lancement d’un nouveau site Web peut être passionnant, cela peut également ê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 as de la chance !
Nous comprenons que la plupart des conseillers financiers ont peu ou pas d’expérience dans la conception de sites Web, ce qui peut rendre la création de votre propre site très intimidante. Même si vous avez une idée de base du fonctionnement du Web, il peut souvent être coûteux et fastidieux de créer vous-même un site Web.
C’est pourquoi nous avons développé la plate-forme Twenty Over Ten non seulement en pensant à l’utilisateur final, mais aussi au constructeur – vous! Notre CMS intuitif (Système de gestion de contenu) 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 et les experts!
Liste de contrôle de pré-lancement
Item #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 exceptionnel 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 – trouver 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 l’objectif de votre site Web et prenez votre temps pour 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 les visiteurs à savoir en quoi consiste votre site et ce qu’ils peuvent s’attendre à trouver une fois sur votre site.
AJOUT D’UN TITRE DE SITE:
Étape 1: Accédez à vos « paramètres du site » en bas de votre barre latérale.
Étape 2 (téléchargement d’un fichier logo): Utilisez le bouton « Télécharger le logo » pour importer un fichier. .svg, .png, ou .les types de fichiers 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 tapez le nom que vous souhaitez (gardez à l’esprit que cela 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 logo en fonction de la marque souhaitée.
Élément #2 Ajouter des titres de page
Les balises de titre apparaissent en haut du navigateur que vous utilisez, et elles sont importantes 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 les moteurs de recherche comme Google à obtenir 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 | Conseillère financière féminine | Glass Financial est l’étiquette de titre. Du point de vue du référencement, les balises de titre doivent être formatées comme telles: Mot–clé principal – Mot-clé secondaire | Nom de marque. Vous pouvez voir où se trouve le cabinet, un mot clé qui décrit le conseiller ou le cabinet et le nom de l’entreprise.
PERSONNALISATION D’UN TITRE DE PAGE:
Étape 1: Accédez à vos « paramètres de page » à partir de votre barre latérale.
Étape 2: Votre URL de page par défaut sera vide.
Étape 3: Vous pouvez personnaliser complètement votre page ‘titre de la page du navigateur’. Par exemple, plutôt que d’avoir simplement « Nom de l’entreprise », vous pouvez lister « Nom de l’entreprise | Desservant Chicago, Evanston et Oakpark » pour mieux articuler votre situation géographique aux clients potentiels. Après avoir ajouté le titre de votre choix, cliquez sur le bouton Enregistrer.
Étape 4: Vous pouvez voir le titre de votre navigateur personnalisé dans l’onglet au-dessus de votre page Web.
Item #3 Ajouter des métadonnées à Toutes les pages & Articles de blog
Descriptions de méta expliquez aux moteurs de recherche et aux chercheurs en quoi consiste votre site. Inclure des méta-descriptions convaincantes sur votre site peut souvent être le facteur déterminant si quelqu’un clique sur votre site ou non à partir du SERP (page de résultats des moteurs de recherche), surtout si vous incluez des mots clés que le chercheur recherche.
Vingt sur dix clients, Gestion de patrimoine avant-gardiste, ont fait un excellent travail en incluant une description de méta-données non seulement sous leur balise de titre principal, mais également sous les sous-titres.
Voici le hic et où nous voyons la plupart des conseillers glisser. 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!
AJOUT DE MÉTADONNÉES À VOS PAGES WEB:
Étape 1: Accédez à vos « paramètres de page » à partir de votre barre latérale.
Étape 2: Faites défiler vers le bas jusqu’à ce que vous atteigniez la boîte de description SEO et ajoutez votre contenu.
Étape 3: Vos métadonnées doivent être une courte description de 1 à 2 phrases (riche en mots clés) du contenu apparaissant sur cette page particulière. Après avoir ajouté le contenu de votre choix, cliquez sur le bouton Enregistrer.
AJOUT DE MÉTADONNÉES À VOS ARTICLES DE BLOG:
Étape 1: Accédez à votre « gérer les publications » depuis votre barre latérale (une icône).
É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 boîte 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 cet article de blog particulier. Après avoir ajouté le contenu de votre choix, cliquez sur le bouton Enregistrer.
Item #4 Formulaires de connexion
Avez-vous un formulaire sur votre page de contact? Il est important de remplir chacun d’eux pour s’assurer que chaque champ du formulaire fonctionne correctement. Lorsque vous cliquez sur Envoyer ou envoyer, vous devez également vérifier que la page de confirmation ou de remerciement correcte s’affiche. Enfin, vérifiez votre e-mail avec lequel vous vous êtes inscrit pour vous assurer que votre demande a bien été soumise. 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 capturez également ces prospects!
AJOUT DE DONNÉES DE FORMULAIRE CONNECT:
1) Renommez 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 d’ÉDITION. 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 de code » du contenu de votre page. Ce que vous regardez est le code du site Web actuel 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 du champ.
Texte de l’étiquette – Il s’agit du texte que les utilisateurs verront affiché au-dessus du champ.
Nom du champ – Il est destiné au traitement du formulaire et doit être en minuscules et ne contenir aucun espace.
Alors, 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" type="text" /></div>Pour modifier le texte de l’étiquette, recherchez les éléments suivants:
<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" type="text" />Dans le code de champ, vous verrez ce qui suit:
name="contact"Le nom du champ est entre parenthèses. Donc, vous changeriez cela en:
name="contact"Remarque : Nous vous recommandons de faire correspondre le Texte de votre Étiquette avec le Nom de votre champ, comme dans l’exemple ci-dessus, car le Nom du champ est utilisé dans les notifications par e-mail générées.
Étape 5: Une fois que vous avez terminé, cliquez sur l’icône < / > en haut à droite de la vue code pour revenir à l’éditeur visuel et voir votre formulaire mis à jour!
Vous avez renommé votre champ de formulaire avec succès ! Si tout semble bon, n’oubliez pas d’appuyer sur Enregistrer les modifications et de poursuivre le processus de publication pour rendre vos mises à jour en direct!
2) Ajouter du texte sur une seule ligne
Un champ de texte sur une seule ligne est utile pour collecter du texte saisi par l’utilisateur pour des réponses courtes de 2 à 5 mots (par exemple. nom de l’entreprise, âge, code postal, etc.)
Étape 1: Pour l’ajouter, vous devez d’abord être connecté et sur l’écran d’ÉDITION. De là, accédez à la ou aux pages avec votre formulaire dessus et cliquez sur le contenu de votre page pour activer la boîte à outils de l’éditeur et cliquez sur l’icône < / > pour activer la « Vue du 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>, assurez-vous donc 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 multi-lignes
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 d’ÉDITION. De là, accédez à la ou aux pages avec votre formulaire dessus et cliquez sur le contenu de votre page pour activer la boîte à outils de l’éditeur et cliquez sur l’icône < / > pour activer la « Vue du 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>, assurez-vous donc 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 la liste déroulante Select
Les champs déroulants Select 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 d’ÉDITION. De là, accédez à la ou aux pages avec votre formulaire dessus et cliquez sur le contenu de votre page pour activer la boîte à outils de l’éditeur et cliquez sur l’icône < / > pour activer la « Vue du 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>, assurez-vous donc 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 voudrez également personnaliser les options déroulantes disponibles pour vos utilisateurs. Pour ce faire, ajoutez/supprimez simplement les éléments suivants du code que vous copiez et collez: <option>Option 1</option>
Vous remarquerez que le premier <option> est configuré légèrement différemment. Il s’agit d’une option par défaut facultative pour indiquer aux utilisateurs quoi faire, comme indiqué par le code disabled="disabled" et selected="selected". N’hésitez pas à modifier le texte de cette option ou à supprimer complètement l’option.
5) Ajouter des boutons radio
Les champs de boutons 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 d’ÉDITION. De là, accédez à la ou aux pages avec votre formulaire dessus et cliquez sur le contenu de votre page pour activer la boîte à outils de l’éditeur et cliquez sur l’icône < / > pour activer la « Vue du 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>, assurez-vous donc 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 la Valeur des options de votre bouton radio et Afficher le texte.
La valeur ici est ce que vous voyez comme: value="1", changez simplement le 1 en le texte que vous souhaitez afficher dans vos notifications par e-mail. Le texte d’affichage 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, remplacez-le par ce que vous souhaitez.
Note: Vous pouvez ajouter/ supprimer un nombre illimité d’options de bouton radio. Pour créer des boutons radio supplémentaires dans un ensemble, copiez et collez simplement le code ci-dessus avant ou après d’autres options et personnalisez la valeur du bouton.
Important : Lorsque vous modifiez le nom du champ, veuillez noter que tous les boutons radio d’un ensemble doivent partager le même nom de champ. Ne leur donnez pas chacun des noms de champs différents, sinon ils seront chacun traités comme un champ complètement différent.
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 d’ÉDITION. De là, accédez à la ou aux pages avec votre formulaire dessus et cliquez sur le contenu de votre page pour activer la boîte à outils de l’éditeur et cliquez sur l’icône < / > pour activer la « Vue du 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>, assurez-vous donc 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 la Valeur des options de la case à cocher et Afficher le texte. Pour ce faire, trouvez simplement ce qui suit dans le code que vous copiez et collez:
La valeur ici est ce que vous voyez comme: value="1", changez simplement le 1 en le texte que vous souhaitez afficher dans vos notifications par e-mail. Le texte d’affichage 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, remplacez-le par ce que vous souhaitez.
Item #5 Ajouter un Favicon
Favicon (abréviation de l’icône favorite) 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. Les Favicon 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 offre aux visiteurs un moyen rapide de reconnaître votre site Web d’un seul coup d’œil.
Vingt clients sur dix, Fit Wealth Advisors a l’icône « Fit » qui apparaît à gauche lorsque leur nom est associé au moteur de recherche.
AJOUT D’un FAVICON :
Nous vous recommandons de créer un favicon d’une taille minimale de 16x16px. Au sein de la plate-forme 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.
Étape 1: Accédez à vos « paramètres du site » en bas de votre barre latérale.
Étape 2 (téléchargement d’un fichier logo)
Utilisez le bouton « Télécharger le logo » pour importer un fichier
Remarque:.svg, .png, ou .les types de fichiers 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 tapez le nom souhaité (gardez à l’esprit que cela s’affichera comme logo sur les pages de votre site Web).
Étape 4: Si vous utilisez l’outil « titre du site », utilisez l’outil « police de logo » pour modifier la police du logo en fonction de la marque souhaitée.
Item #6 Add Analytics
Le suivi et la surveillance des analyses 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ée à votre site Web Twenty Over Ten. Si vous n’avez pas de configuration de compte Google Analytics, vous pouvez en configurer un ici.
AJOUT DE GOOGLE ANALYTICS À VOTRE SITE WEB:
Étape 1: Accédez à vos « paramètres du site » à partir de votre barre latérale.
Étape 2 : Cliquez sur l’onglet intégrations pour développer et afficher tous les détails de votre intégration.
Étape 3: Après avoir inséré votre code Google Analytics, cliquez sur le bouton Enregistrer.
Pour 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 à quel bien 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 deuxième ensemble de chiffres (-2) fait référence au numéro de propriété spécifique associé au compte. Voici des instructions de base sur l’emplacement de votre identifiant de suivi dans votre compte Google Analytics.
Article #7 TEST TEST TEST
Nous ne pouvons pas le dire assez – testez, testez et testez à nouveau! Lorsque votre site Web fonctionne bien, cela vous aidera à développer votre entreprise de manière exponentielle. 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. Tester votre site Web avant le lancement est extrêmement important afin de détecter les problèmes et de corriger les bogues qui pourraient potentiellement nuire à l’expérience utilisateur.
Soyez assuré que notre équipe teste, élimine les bugs et améliore toujours notre plate-forme, mais nous recommandons à nos utilisateurs de consulter certains éléments supplémentaires sur la page pour garantir la qualité avant de lancer votre nouveau site Web, tels que:
- Liens: Nous ne pensons pas qu’il y ait quelque chose de pire que de cliquer sur un lien qui ne va nulle part ou qui vous amène à une page complètement hors de propos. Cliquez sur chaque lien de votre site pour tester et être sûr qu’ils vont là où vous les aviez prévus.
- Grammaire et orthographe: Vous avez passé beaucoup de temps à développer un contenu solide pour votre site Web. Ne le laissez pas gaspiller en ratant des erreurs stupides. Après avoir regardé votre site pendant des heures (peut-être même des semaines), il peut être facile de manquer des erreurs. Pensez à demander à un collègue ou à un partenaire de consulter votre site de test avant de vous lancer pour détecter les erreurs d’orthographe et de grammaire.
- Look and feel: Prenez du recul et jetez un œil à vos images et blocs de contenu. Y a-t-il suffisamment d’espace blanc ou tout semble-t-il étouffé? Assurez-vous que votre espacement est adéquat, que votre palette de couleurs reflète votre identité de 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 de cabinets de conseil ont une durée moyenne de visite d’un peu plus d’une minute. Restez simple et facile à naviguer. Il n’y a aucune raison que vous ayez besoin de dire votre message avec plus de cinq pages.
Vous avez des difficultés Avec Le Contenu à Partager sur les Réseaux Sociaux ou par E-Mail?
Nous offrons un accès gratuit à notre contenu aux conseillers via Lead Pilot pendant 7 jours (même sur nos forfaits mensuels).
Obtenez Tous Les Détails Ici
À propos de l’auteur
Blair Kelly
Blair est assistante en marketing numérique à vingt sur dix ans et a une passion pour découvrir ce qui stimule le trafic en ligne et l’engagement le plus élevé. Elle suit plus d’animaux sur Instagram que d’humains et sa plus grande réussite est sa fille, Grey.