Votre site internet en 8 étapes | Simple et Rapide – Gratuit : Audit complet de votre site internet

Avant de commencer !

Votre site internet en 8 étapes | Simple et Rapide
Share on facebook
Share on twitter
Share on pinterest


Création de site internet? Facile!

Que vous soyez novice ou que vous ayez quelques notions en développement web, construire votre site internet ne doit pas être une source de stress. Ce guide vous montrera, pas à pas, qu’il est
    très simple de démarrer votre nouveau site internet avec Jimdo. Nous vous donnons les grandes lignes pour créer un site web, ainsi que des astuces pour le design, les domaines, etc.

Après lecture de ce guide, vous saurez:

  • Créer et vous connecter à votre site Jimdo
  • Choisir une mise en page globale pour votre site internet
  • Ajouter et organisateur du contenu – textes, images, etc.
  • Créer de nouvelles pages et les organisateurs dans le menu de votre site
  • Styliser votre site avec divers paramètres – couleurs, politiques, etc.
  • Enregistrer le nom de domaine de votre site web

Si certaines de vos questions restent malgré tout en suspens, de nombreuses ressources d’aide sont à votre disposition, tels que notre centre d’aide, nos vidéos
    tutos ou encore notre blog. Enfin, notre équipe Support est bien entendu disponible pour répondre à toute question qui vous resteait.

Étape 1 – Inscription

Commençons par le commencement! Si vous n’avez pas encore créé votre site internet, cliquez ici! Votre premier site gratuit sera en ligne en un éclair.

Étape 2 – Connectez-vous à votre site web

Pour vous connecter, rendez-vous simplement sur votre site et descendez en bas de la page. En bas à droite de la page, cliquez sur le petit lien « Connexion ». Une fenêtre s’ouvre pour que vous
    informé renseigner votre mot de passe.

Une fois connecté, votre site apparaît en mode Édition. C’est sous cette interface que vous pourrez administrer votre site internet. Un menu rétractable avec diverses options peut être ouvert sur
    la gauche: il s’agit de la Barre d’Administration.

Depuis ce mode, vous pouvez retrouver un aperçu du rendu «public» de votre site en cliquant sur l’icône Affichage Visiteur, en haut à droite de l’interface. C’est ainsi que votre site web
    apparaît aux visiteurs qui se rendraient dessus au même instant – l’actualisation est automatique. Vous pouvez également voir ici le rendu de votre site web sur mobiles et tablettes.

Étape 3 – Choisir une mise en page

Au moment de créer votre site Jimdo, il vous a été proposé de choisir un design. Rassurez-vous, celui-ci n’est pas gravé dans le marbre, vous pourrez à tout moment changer de design sans que cela
    n’affecte vos contenus existants.

Comment fonctionne un design?

Le design définit la structure visuelle de votre site internet, afin d’en faciliter la construction. Le design précis, entre autres, l’emplacement du logo, les dimensions de l’en-tête, la
    position de la barre latérale ou encore la largeur de la zone principale. Le contenu principal sera toujours modifiable et stylisable à souhait, mais certaines parties de la mise en page resteront
    globalement prédéfinies.

Nos designs ne sont pas conçus pour les secteurs en particulier: en d’autres termes, il n’y a pas de designs spécialement prévus pour les restaurants, ou dédiés aux médecins.
    Tous nos designs peuvent correspondre à votre activité!

Notez que le design choisi s’applique uniformément sur toutes les pages de votre site internet. Cela garanti un style unique pour le visiteur, qui retrouvera donc un ensemble cohérent lorsqu’il
    passera d’une page à l’autre.

Changer le design de votre site internet

Si le design que vous avez choisi lors de la création de votre site vous convient, rendez-vous directement à la section Insérez vos
    contenus Texte, Image et bien plus. Si vous souhaitez visualiser d’autres possibilités de mise en page, cliquez sur l’onglet Design> Designs, dans la Barre
    d’Administration. Vous visualisez alors à la bibliothèque des designs.

Votre design actuel apparaît ici tout à gauche. Défilez parmi les designs proposés. Une fois le design parfait identifié, cliquez simplement dessus pour avoir un aperçu. Si le résultat
    convient, Enregistrez-vous, sinon, Annulez.

N’hésitez pas à essayer différents designs: vous pourrez toujours revenir en arrière, sans pour autant perdre le contenu déjà mis en place.

Choisir le design de votre site internet

Il n’est pas simple de choisir le design idéal, car cela implique de visualiser chaque option en détail. Pour vous y retrouver, rendez-vous sur notre Guide des designs, permettant de filtrer les designs selon les critères précis. Voici quelques astuces pour faire le bon choix.

Réfléchissez aux différentes zones composant votre mise en page, et au rendu que vous souhaitez. Certains dessins ont des en-têtes plus larges que d’autres. L’importance de la
    sidebar peut être plus ou moins mise en avant. Les menus varient également d’un design à l’autre: horizontal, vertical, déroulant, etc. Définit à l’avance l’importance de chaque zone permet de
    s’orienter plus efficacement vers le design parfait.

Estimation du nombre de pages nécessaires à votre site. N’hésitez pas à schématiser cette hiérarchie sur une feuille de papier. Dans la pratique, un menu du menu s’adaptera bien à un
    menu horizontal ou par menu déroulant, tandis qu’un projet avec de nombreuses pages devrait vous mener vers un menu fixe et vertical.

Pensez à tous les types de contenus dont vous aurez besoin. Chaque design Jimdo peut convenir à tout type de site, il n’y a pas de conception particulière pour les e-boutiques ou
    encore des sites de photographes; cependant, certaines dispositions doivent être reconnues dans le choix du design:

  • Les Blogs appelant généralement à une barre latérale latérale à gauche ou à droite du contenu, ainsi que des raccourcis pratiques vers d’autres articles (archives, articles
        récents / les plus consultés) et vers vos réseaux sociaux. Ex: Reykjavik, Milan, Saint-Pétersbourg
  • Les E-boutique impliquent de bien organisateur les pages produit pour les rendre rapidement accessibles. Un menu déroulant sera ici à envisager, facilitant la visualisation des
        onglets et consulter le nombre de clics. Ex: Bordeaux, Rome, Malaga, Chicago
  • Les sites de Photographie et autres présentations visuelles auront un meilleur rendu avec une grande zone de contenu et une barre latérale placée en bas de page, afin de dégager de
        l’espace pour vos images. Ex: Rio de Janeiro, Le Caire, Zurich
  • Les sites présentant une entreprise doivent mettre en valeur certaines informations de manière évidente. Par exemple, un restaurant doit afficher son menu et son emplacement,
        un pigiste doit présenter ses coordonnées, une boutique physique doit présenter ses horaires d’ouverture… Une barre latérale latérale est ici plus adapté, et un menu compact plus efficace. Ex:
        Amsterdam, La Havane, Lima, Madrid

Il est important d’essayer le plus de designs possible, pour bien visualiser toutes les options. Vous retrouverez plus de détails sur la structure des design en cliquant ici. Explorez également notre page
    d’exemples, pour apercevoir quelques mises en application de ces designs.

Étape 4 – Insérez vos contenus Texte, Image et bien plus

Maintenant que la structure de votre site web est en place avec le design, vous pouvez y insérer vos propres contenus. Les textes, images, galeries et autres que vous insérez sur votre site web
    en sont le Contenu. Jimdo fonctionne sur un système de blocs que l’on appelle Éléments. Il existe entre autres un élément pour les Textes, un pour les Images, un
    pour les Formulaires, et ainsi de suite.

Après avoir sélectionné votre design dans la bibliothèque (étape précédente), fermez cette dernière via la croix en haut à droite pour revenir sur le mode Édition.

Quelques éléments sont présents par défaut lorsque vous diffusez votre site, pour l’exemple. Cliquez sur chacun d’entre eux pour modifier le contenu; un cadre noir apparaît alors autour. Les
    icônes sur la gauche permettent de déplacer, supprimer, ou photocopieuse l’élément.

Chaque élément présente des paramètres spécifiques, selon sa nature, en bas du cadre. Par exemple, un élément texte ou d’ajouter des
    liens, tandis que l’élément Image proposera de charger une image et de la redimensionner, d’y ajouter un titre, etc.

Ajouter de nouveaux éléments sur votre site web

Pour construire votre site, vous aurez donc besoin d’insérer divers éléments. Pour cela, déplacez votre souris sur l’endroit de la page que vous souhaitez, ou entre 2 éléments existants. Une
    ligne noire apparaissentra, avec la mention + Ajouter un élément.

Cliquez sur le bouton pour ouvrir le menu des éléments. Vous y retrouverez alors tous les types d’éléments proposés (certains sous le bouton … Éléments supplémentaires et services externes).
    Sélectionnez alors un élément dans la liste, qui s’insérera alors sur la page web.

N’hésitez pas à insérer des éléments pour essayer et découvrir ce que chacun offre – vous pourrez les supprimer à tout moment. Vous avez retrouvé l’ensemble des éléments ainsi que leurs
    fonctionnalités propres dans notre aide en ligne.

Partez sur de bonnes bases avec les Modèles de Page

Lorsque vous voulez une nouvelle page sur votre site internet (plus de précisions dans Créer une page, ci-après), il vous est proposé de commencer en partant d’un
Modèle de page, facilitant sa mise en place. Rendez-vous dans la catégorie se rapprochant le plus du type de page que vous construisez, et choisissez-y une disposition. Après
    avoir confirmé, les éléments insérés seront eux-mêmes éditables et modulables.

Trouvez des illustrations pour votre site internet

Lorsque vous insérez des contenus sur votre site, gardez à l’esprit que certains messages peuvent passer autrement que par le texte. Trop de texte alourdira votre site, et beaucoup de visiteurs
    ne se donneront même pas la peine de lire. C’est pourquoi il est important de rythmer le contenu avec des images pertinentes.

Bibliothèques d’images gratuites

Pas besoin d’être photographe pour avoir de belles images! Il existe en effet de nombreuses ressources gratuites sur le web, où l’on peut trouver de belles photographies d’excellente qualité et
    originales. Voici un échantillon:

Ces images sont par exemple idéales pour un arrière-plan. Les ressources présentées ci-dessus sont libres de droit, vous n’avez pas à vous inquiéter; il s’agit cependant d’un
    aspect à vérifier si vous souhaitez récupérer des images sur d’autres sites. Dans le doute, demandez à son administrateur.


Personnalisez vos icônes et infographies

Ne vous limitez pas aux photographies: des types variés d’images (icônes, logos, photos, graphiques…) ajouteront de la diversité, et donc de la légèreté à vos pages web.

Certaines collections d’icônes sont très complètes, et couvrent de nombreux domaines, s’agissant de concepts concrets ou abstraits. Il vous suffira de télécharger pour pouvoir les
    réinsérer sur votre site web, dans un élément Image. Vous retrouverez plus de détails sur notre article de
    blog dédié.

Il est également envisageable de créer vos propres infographies et autres illustrations avec certains outils gratuits et faciles à utiliser:

  • Canva: Un outil fonctionnel par glisser-déposer, permettant la création d’images combinant
            photographies, icônes et textes.

  • Infogr.am: Construisez vos propres infographies et graphiques.

  • Piktochart: Plus de 400 modèles pour créer vos infographies.

  • Réciter: Mettez en page une citation célèbre dans un modèle inspirant.

Étape 5 – Créez une nouvelle page, structurez votre menu

Dès sa création, un site Jimdo présente quelques pages d’exemple pré-remplis, le plus souvent il s’agit des pages Accueil, À propos et Contact. Elles sont accessibles via le Menu de
    Navigation, en haut ou sur le côté de chaque page. Il est possible d’ajouter, de supprimer, de copier et de réorganiser ces pages via le module de navigation.

En mode Édition, survolez le menu avec votre curseur. Un bouton bleu Modifier Navigation apparaît alors. Cliquez dessus pour ouvrir la fenêtre affichée la liste de vos pages, dans laquelle vous
    pourrez:

  • Déplacer, ajouter, supprimer ou cacher chaque page de votre site internet avec les icônes correspondantes. Il est possible de copier vos pages web sous les
            formules Pro et Business.
  • Modifier l’ordre des pages dans la navigation, en déplaçant de haut en bas
  • Structurer la hiérarchie en résultant des sous-niveaux de navigation.

Il est préférable de débuter avec un menu clair et compact: il sera alors plus facile de développer le site avec cohérence et simplicité, pour que les visiteurs ne soient pas perdus. Il sera en
    outre plus facile d’insérer plus de pages depuis cette base, suivant l’évolution de votre site.

En affichant une nouvelle page web, il vous est recommandé de mettre en place un modèle de page. Ce sera un excellent moyen de construire une page rapidement, sans avoir à placer chaque élément un à
    ONU.

Étape 6 – Stylisez votre site interne

Lorsque vous avez créé vos pages et inséré du contenu, il devient important de styliser votre image. L’onglet Style, sous Design dans la barre d’administration, permet de
    personnaliser les politiques, les couleurs et bien d’autres paramètres. Cliquer dessus vous faites entrer dans le mode Style.

En mode Style, une barre apparaît en haut de votre navigateur: c’est ici que les paramètres en question apparaîtront. Si jamais vous avez besoin de revoir le contenu plutôt que le style, quittez
    ce mode en cliquant sur la croix en haut à droite.

Style par Élément

Le style de votre site peut être géré de deux façons complémentaires, symbolisées à gauche de la barre avec l’interrupteur Style par élément. Placez tout d’abord
    l’interrupteur sur «Off». Cela vous permet, dans un premier temps, de définir les styles globaux de votre site, via les couleurs principale / secondaire ainsi que les politiques à affecter à tous
    vos titres et paragraphes.

Une fois ces paramètres globaux définis, passez alors l’interrupteur Style par élément sur la position «On». Vous pourrez alors affiner les styles précis de chaque type d’élément
    – par exemple, affecter des politiques différentes à vos Titres de niveau 1 et 2.

Changez les politiques d’écriture et les couleurs

En basculant l’interrupteur, votre curseur est alors devenu un petit rouleau de peinture. Déplacez ce dernier sur votre page: la zone en sélection est alors mise en évidence par un cadre bleu,
    qui pourra être stylisé. Cliquez ainsi où vous voulez faire apparaître la liste des paramètres spécifiques à l’élément sélectionné.

Une fois vos modifications apportées, une barre apparaîtra en dessous. Cliquez sur Enregistrer, ou annulez.

Les styles répartis ainsi à un élément s’appliquent à tous les éléments du même type. Par exemple, en affectant une couleur orange à un élément Trait de séparation, tous les éléments Trait de
    la séparation de votre site sera orange. De la même manière, indiquer la police Roboto à un élément Texte affectera cette même police à tous les éléments Texte. Cela aide à garder un style global
    cohérent et garantissant la rapidité de chargement du site.

Pour modifier, ajouter ou déplacer un élément, revenez au mode Édition en cliquant sur la croix en haut à droite.

Placer une image en arrière-plan

Un bon moyen d’attribuer un style unique à votre site est de définir une image en arrière-plan. Il est possible d’y définir une couleur, une image, un diaporama, voire une vidéo.

Pour y accéder, accédez à l’onglet Conception> Arrière-Plan de la Barre d’administration.

Ajouter un nouvel arrière-plan à la bibliothèque via le bouton +. Plusieurs possibilités sont proposées: Image, Diaporama, Vidéo ou Couleur. Lorsque vous aurez chargé votre fichier ou choisi une
    couleur, vous pourrez choisir d’appliquer l’arrière-plan à toutes les pages de votre site, ou uniquement à celle sur laquelle vous êtes.

Vous pourrez ainsi placer plusieurs fichiers dans cette section, à moins que vous ne décidiez de supprimer au fur et à mesure.

Pour un rendu optimal chez tous les visiteurs, préférez une image qui s’adapte aux mêmes écrans les plus larges. Il est pour cela recommandé de prévoir une image d’au moins 2000px de large et de
    1500px de haut.

Allez plus loin dans le design de votre site web

Bien entendu, définir le design final d’un site va plus loin que ces quelques points. Jimdo propose de choisir parmi plus de 600 polices, des millions de couleurs et bien d’autres paramètres
    variés à explorer. Pour bien débuter, retrouvez ici notre page d’aide à
    ce sujet, contenant une vidéo illustrative. Retrouvez également nos articles de blogs relatifs au choix de la police et de la couleur, et nos autres articles traitant de webdesign.
    Retrouvez également notre page d’exemples présentant quelques réalisations.

Étape 7 – Connectez-vous un nom de domaine à votre site internet

Vous avez inséré et stylisé votre contenu, vos pages sont maintenant prêtes à être montrées au grand public. Les clients Pro et Affaires peuvent en
    l’occurrence broyeur d’un nom de domaine. Il sera donc possible d’enregistrer un tout nouveau nom de domaine, ou d’en relier un déjà existant chez un autre registraire, en suivant les étapes
    ci-dessous.

Si vous êtes utilisateur Gratuit, l’adresse de votre site sera de format votresite.jimdo.com. Vous pourrez enregistrer votre propre domaine en passant à une formule Pro ou Business.

Enregistrer un nouveau domaine avec Jimdo

Enregistrer un nouveau nom de domaine impose naturellement que ce dernier ne soit pas déjà pris. Dans le processus d’enregistrement chez Jimdo, il vous sera indiqué si le domaine est libre ou
    non. S’il est indiqué comme libre, vous pourrez valider!

Connectez-vous à votre site, et rendez-vous sous Paramètres> Domaines. Renseignez votre domaine dans le champ prévu à cet effet, et cliquez sur Vérifieur. Si
    le domaine est libre, validez. Veillez bien à ce que votre domaine soit bien orthographié avant de poursuivre.

Vous serez alors dirigé vers un formulaire d’enregistrement de domaine. Suivez les instructions et remplissez avec exactitude chaque champ, avant de valider. Vous recevrez alors, après quelques
    minutes, un mail vous demande de valider les informations renseignées.

Ouvrez le courrier afin de vérifier vos coordonnées et, si elles sont exactes, cliquez sur le lien indiqué pour finaliser l’enregistrement du domaine. Ce dernier sera opérationnelle
    après quelques instants.

Relier un domaine déjà enregistré sur votre site Jimdo

Dans le cas où vous auriez déjà un nom de domaine chez un autre registraire tel que OVH ou Gandi, il sera possible de le connecter à votre site Jimdo.

Deux méthodes sont ici possibles. La première serait de conserver le nom de domaine chez votre registraire actuel, et d’appliquer un paramètre pour le diriger vers Jimdo. La seconde serait
    de purement et simplement transférer l’hébergement du nom de domaine, qui sera alors automatiquement relié à votre site. Chaque solution à ses avantages et ses contraintes, détaillée dans
    cette vidéo.

1. En conservant le nom de domaine chez le registrar actuel – Redirection

Il faudra dans un premier temps déclarer le domaine dans la liste de vos domaines, sous Jimdo. Connectez-vous à votre site web et rendez-vous sous Paramètres> Domaines.
Renseignez exactement le domaine dans le champ prévu, et cliquez sur Vérifieur. Le nom de domaine sera naturellement indiqué comme déjà pris – validez les étapes suivantes
    jusqu’à retrouver la liste des domaines.

Connectez-vous maintenant au compte de votre nom de domaine chez votre registraire, et accédez à ses paramètres. Nous recommandons de connecter le domaine par les noms de serveurs
    (Serveurs de noms, abrégé NS), qui permettra l’utilisation du service JimdoMail. Suivez les instructions de votre registraire pour modifier les noms de serveurs actuels par ceux-ci:

ns1.jimdo.com

ns2.jimdo.com

Gardez à l’esprit qu’une redirection implique que le nom de domaine reste hébergé chez le même registraire. Il sera en ce sens nécessaire de garder votre abonnement, pour le reste
    opérationnel.

Si vous souhaitez conserver les services associés au nom de domaine (comme l’adresse e-mail) chez votre registraire, il faut en envisager une redirection Un enregistrement (ou
type A) ou CNAME. Vous avez retrouvé toute l’information relative aux redirections vers Jimdo dans notre guide.

2. Déplacer votre nom de domaine chez Jimdo – Transfert

En transférant votre nom de domaine chez Jimdo, celui-ci devient associé avec votre pack Pro ou Business.

Assurez-vous simplement que votre nom de domaine est éligible pour un transfert. Il doit pour cela avoir été enregistré au moins 61 jours auparavant, et se terminer avec l’une des extensions
    suivantes:

.com, .net, .org, .biz, .info, .eu, .de, .at, .be, .co.uk, .ch .fr, .nl, .com.mx, .es, .it , .pl, .com.br, .com.pl, .dk, .se, .fi ou .no.

Si votre nom de domaine remplit ces conditions, il vous sera même possible de procéder directement au transfert en suivant les étapes ci-dessous, si le nom de domaine se termine par
.com .net, .org, .biz, .info, .de, .eu ou .ch. Si votre nom de domaine est éligible mais avec une autre extension, veuillez contacter notre Support.

  • Connectez-vous à votre site Jimdo et rendez-vous sous Paramètres> Domaines. Renseignez votre nom de domaine dans le champ correspondant, et cliquez sur
    Vérifieur. Le nom de domaine sera indiqué comme déjà pris, validez jusqu’à revenir à la liste.
  • Contactez ensuite votre registraire actuel, pour lui demander de débloquer le nom de domaine en vue du transfert, et de vous communiquer l’Authcode
    (code de transfert).
  • Une fois l’Authcode récupéré, revenez à Jimdo sous l’onglet Paramètres> Domaines. Dans la liste, le nom de domaine présente un bouton Connecter le nom de
        domaine.
    Cliquez dessus, et restez sous l’onglet Transférer le nom de domaine.
  • Prenez alors connaissance des diverses informations et conditions en les cochant. Un formulaire apparaît: renseignez votre authcode ainsi que toutes les coordonnées requises dans ce
        formulaire, puis validez.
  • Si vous avez un domaine international (.com, .org, .net, etc.), un e-mail en anglais vous êtes envoyé à l’adresse renseignée dans le formulaire, provenant de l’adresse
    do-not-reply@domain-robot.org. Cliquez sur le lien présenté pour confirmer le transfert du domaine.
  • Un dernier message vous sera enfin envoyé de la partie de votre ancien registraire, vous demandez de valider le transfert. De la même manière, validez pour que le transfert se lance.

Le transfert peut alors prendre jusqu’à 8-10 jours (c’est souvent plus court). Une fois le transfert finalisé, nous vous envoyons un e-mail pour vous en informer!

Étape 8 – Allez plus loin avec votre site internet

Nous avons vu comment mettre en place un site web basique et accessible, mais Jimdo offre bien plus de possibilités. De nombreuses pistes sont encore envisageables pour vous aider à remplir,
    voir dépasser, les objectifs que vous fixez sur votre site internet.

Développez vos compétences en webdesign

Jimdo facilite la création d’un site web par une bibliothèque de designs, ou encore via des modèles de pages thématiques. Cependant, vous serez probablement tentés de toujours plus personnaliser
    l’aspect visuel votre site.

Consultez régulièrement notre blog pour retrouver des guides et autres astuces thématiques, publié sur cette page ou à cette adresse, telle que cette méthode pour un
    site professionnel. Vous pourrez également retrouvez des applications astucieuses du système Jimdo sur notre page Exemples.

Augmentez la visibilité de votre site internet

Vous possédez maintenant un site édité et techniquement accessible, mais il en faut plus pour que des visiteurs lambda le reste et s’y trouvent. Jimdo propose des outils performants pour bien
    placer votre site sur Google et autres moteurs de recherche. Le travail consistant à augmenter la visibilité du site sur les moteurs de recherche est ce que l’on appelle le
Référencement (ou SEO, pour Search Engine Optimization).

Pour en apprendre plus à ce sujet, retrouvez ici comment fonctionne le référencement Google, ainsi queun guide sur
    l’utilisation des outils SEO de Jimdo.

Vendez vos produits et services sur votre site web

En tant qu’artisan ou petite entreprise, vous aurez probablement envie de proposer directement vos offres dans une boutique en ligne. C’est tout à fait possible! Jimdo propose en effet un outil
    e-commerce à la fois puissant et simple d’utilisation pour lancer votre e-boutique rapidement, comprenant divers moyens de paiement.

L’insertion d’une boutique sur votre site web Jimdo repose sur le même principe que pour les autres éléments: rendez-vous simplement à l’endroit souhaité pour y insérer un élément
Article e-boutique, que vous retrouverez dans la liste des éléments. Ensuite, paramétrez votre e-boutique et activez une méthode de paiement pour pouvoir accepter les règlements.

Votre e-boutique sera plus ergonomique en prévoyant une page par article, astucieusement organisé dans votre navigation, et en appliquant nos astuces.

Inscris-toi à notre newsletter !

Partage cet article avec tes amis !

Share on facebook
Share on google
Share on twitter
Share on linkedin