Aide S'inscrire

Creation 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 qu'il est très simple démarrer votre nouveau site internet avec Jimdo. Nous vous donnerons 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 organiser du contenu - textes, images, etc.
  • Créer de nouvelles pages et les organiser dans le menu de votre site
  • Styliser votre site avec divers paramètres - couleurs, polices, etc.
  • Enregistrer le nom de domaine de votre site web

 

Si certaines de vos questions restent malgré tout en suspens, de nombreuses ressources d’aides 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 demeurerait.

Créez votre site web

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

Connectez-vous à votre site web

Pour vous connecter, rendez vous 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 puissiez 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.

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.

Comment fonctionne un design ?

Le design définit les grandes lignes de votre site internet, visuellement, afin d’en faciliter la construction. Le design précise, entre autres, l’emplacement du logo, les dimensions de l’en-tête, la position de la sidebar 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 des secteurs en particuliers : en d’autres termes, il n’y a pas de designs spécifiquement prévus pour des restaurants, ou spécifiquement dédiés aux médecins. Tous nos designs peuvent potentiellement correspondre à votre activité !

 

Notez que le design choisi s’applique uniformément sur toutes les pages de votre site internet. Cela garantit 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 accédez 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 en avoir un aperçu. Si le résultat convient, Enregistrez, 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.

Changer le design de votre site internet

Il n’est pas simple de choisir le design idéal, puisque 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 des 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 designs 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éfinir à l’avance l’importance de chaque zone permet de s’orienter plus efficacement vers le design parfait.

 

Estimez le 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 court 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 des e-boutiques ou encore des sites de photographes ; toutefois, certaines dispositions doivent être considérées dans le choix du design :

 

 

  • Les Blogs appellent généralement à une sidebar latérale à gauche ou à droite du contenu, affichant ainsi des raccourcis pratiques vers d’autres articles (archives, articles récents/les plus consultés) et vers vos réseaux sociaux. Ex : Reykjavik, Milano, St. Petersburg
  • Les E-boutique impliquent de bien organiser les pages produit pour les rendre rapidement accessibles. Un menu déroulant sera ici à envisager, facilitant la visualisation des onglets et réduisant le nombre de clics. Ex : Bordeaux, Rome, Malaga, Chicago
  • Les sites de Photographie et autres présentations visuelles auront un meilleur rendu avec une large zone de contenu et une sidebar placée en bas de page, afin de dégager de l’espace pour vos images. Ex : Rio de Janeiro, Cairo, 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 freelancer doit présenter ses coordonnées, une boutique physique doit présenter ses horaires d’ouverture… Une sidebar latérale est ici plus adapté, et un menu compact plus efficace. Ex : Amsterdam, Havana, 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 applications de ces designs.

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 créez votre site, pour l’exemple. Cliquez sur chacun d’entre eux pour en modifier le contenu ; un cadre noir apparaît alors autour. Les icônes sur la gauche permettent de déplacer, supprimer, ou copier 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 permettra de spécifier le style du 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.

Ajoutez de nouveaux élément 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 apparaîtra, 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 les essayer et découvrir ce que chacun offre - vous pourrez les supprimer à tout moment. Vous retrouverez l’ensemble des éléments ainsi que leurs fonctionnalités propre dans notre aide en ligne.

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

Lorsque vous créez une nouvelle page sur votre site internet (plus de précisions dans Créer une page, ci-après), il vous est proposé de la 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 du texte. Trop de texte alourdira votre site, et beaucoup de visiteurs ne se donneront même pas la peine de le 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 site. 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, qu’il s’agisse de concepts concrets ou abstraits. Il vous suffira de les 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 facile à utiliser :

 

 

  • Canva : Un outil fonctionnant 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.
  • Recite : Mettez en page une citation célèbre dans un modèle inspirant.

Créez une 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 affichant 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 JimdoPro et JimdoBusiness.
  • Modifier l’ordre des pages dans la navigation, en les déplaçant de haut en bas
  • Structurer la hiérarchie en créant 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 créant une nouvelle page web, il vous est suggéré 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 à un.

Stylisez votre site interne

Lorsque vous avez créé vos pages et inséré du contenu, il devient important de le styliser à votre image. L’onglet Style, sous Design dans la barre d’administration, permet de personnaliser les polices, les couleurs et bien d’autres paramètres. Cliquer dessus vous fait 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 permettra, dans un premier temps, de définir les styles globaux de votre site, via les couleurs principale/secondaire ainsi que les polices à 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 polices différentes à vos Titres de niveau 1 et 2.

Changez les polices 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 pour 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 apportés 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 séparation de votre site seront 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 à garantir 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 Design > Arrière-Plan de la Barre d’administration.

 

Ajoutez 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 les supprimer au fur et à mesure.

 

Pour un rendu optimal chez tous les visiteurs, préférez une image qui s’adaptera même aux é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.

Connectez 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 JimdoPro et JimdoBusiness bénéficient en l'occurrence d’un nom de domaine inclus dans leur pack. Il sera donc possible d’enregistrer un tout nouveau nom de domaine, ou d’en relier un déjà existant chez un autre registrar, en suivant les étapes ci-dessous.

 

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

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érifier. Si le domaine est libre, validez. Veillez bien à ce que votre domaine soit bien orthographié avant de poursuivre.

 

Vous serez alors dirigé vers une 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 demandant de valider les informations renseignées.

 

Ouvrez le mail 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é à votre site Jimdo

Dans le cas où vous auriez déjà un nom de domaine chez un autre registrar 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 registrar actuel, et d’y 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és 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érifier. 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 registrar, et accédez à ses paramètres. Nous recommandons de connecter le domaine par les noms de serveurs (Nameservers, abrégé NS), qui permettra l’utilisation du service JimdoMail. Suivez les instructions de votre registrar 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 registrar. Il sera en ce sens nécessaire d’y garder votre abonnement, pour qu’il reste opérationnel.

 

Si vous souhaitez conserver les services associés au nom de domaine (comme l’adresse email) chez votre registrar, il faudra en envisagé une redirection A-Record (ou type A) ou CNAME. Vous retrouverez 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 inclus dans votre pack JimdoPro ou JimdoBusiness, et ne fait pas l’objet de frais supplémentaires.

 

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 finir 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, or .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 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érifier. Le nom de domaine sera indiqué comme déjà pris, validez jusqu’à revenir à la liste.
  • Contactez ensuite votre registrar 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.
  • Un e-mail (en anglais) vous est 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 part de votre ancien registrar, vous demandant 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 !

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, voire dépasser, les objectifs que vous fixez à votre site internet.

Développez vos compétences en webdesign

Jimdo facilite la création d’un site web par une bibliothèques de designs, ou encore via des modèles de pages thématiques. Toutefois, 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, répertoriés 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 trouvent et s’y rendent. 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 qu’un 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ément. 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ées dans votre navigation, et en appliquant nos astuces.