Maintenant que vous avez choisi votre modèle et que vous avez une idée des fonctionnalités avancées que vous désirez sur votre site, vous allez attaquer la partie intéressante. Personnalisation de votre site! Nous allons décomposer cette étape en sous-étapes.

Nous tenons à préciser que même si nous détaillons dans cette étape chaque portion de votre site, c'est simplement pour vous donner l'opportunité de contrôler totalement son apparence. Si vous n'avez pas d'avis, pas de suggestions ou simplement pas l'envie de passer du temps sur telle ou telle partie, vous pouvez évidemment laisser vides les informations et nous prendrons les décisions à votre place.

Liens rapides pour naviguer sur cette page plus facilement. Personnalisation de: Navigation | Design | Pages | Fonctionnalités supplémentaires

Navigation

Le premier point sur lequel il vous faudra travailler est la structure de navigation ou comment vos utilisateurs vont naviguer entre vos pages. Dépendant du modèle graphique choisi, vous verrez qu'il y a déjà des menus "pré-suggérés". Si nous prenons l'exemple du template suivant: http://www.templatemonster.com/demo/49567.html, vous pouvez voir que le menu a la structure suivante:

• Home (Accueil)
• About (Qui sommes nous?)
  • History (Notre histoire)
  • Team (Notre équipe)
    • Testimonials (Témoignages)
  • Faq (Foire Aux Questions)
  • Template Settings (Paramètre du modèle)
  • Forum 
• Services
• News (Actualités)
• Blog
• Contact

Votre première tâche consistera donc à nous détailler dans le champ (4.1) de votre feuille de profil la structure de navigation que vous désirez. Vous devez penser aux points importants à mettre en avant dans votre organisation et comment vous désirez présenter l'information. Le menu peut être complètement différent de celui présent sur le modèle. Vous pouvez donc modifier cette section (4.1) comme bon vous semble pour nous indiquer votre propre structure de navigation.

N'oubliez pas qu'à moins d'avoir un petit extra sur votre budget, vous êtes limité à 10 pages, donc maximum 10 éléments de menu.

Egalement, si vous avez choisi un système multilingue sur votre site, merci de nous fournir dans la section (4.1) UNE structure de menu PAR langue.

Personnalisation du graphisme

Développer le contenu d'un site et développer son design sont deux choses bien différentes. Nous nous attèlerons dans cette partie au graphisme et à l'apparence uniquement. Dans le graphisme, il y a des éléments qui sont communs à toutes les pages de votre site, et il y a des élements spécifiques à chaque page de votre site. Nous ne couvrirons dans cette première partie que les élements communs à toutes les pages.

Sections communes

Dans la partie (4.2.1) de votre feuille de profil, merci de préciser de manière aussi détaillée que possible les changements que vous désirez apporter au modèle graphique choisi. Nous allons essayer de détailler les points ci-dessous.

4.2.1.1. Le fond

Il peut y avoir sur le fond de votre modèle choisi une image, une couleur unie ou une texture. Nous pouvons le changer. Essayez simplement de nous décrire ce que vous désirez changer. Si vous indiquez une couleur particulière, merci de nous préciser le code RGB ou Hexa pour cette couleur de manière à ce que nous ne fassions pas d'erreur sur la teinte. Si vous ne connaissez pas ce code, indiquez nous la couleur que vous aimez sur un site Internet ou une image de votre choix.

Si vous désirez mettre une image en fond, merci de la placer dans le même dossier que votre feuille de profil sur votre ordinateur et notez le nom exact du fichier de cette image dans le document Word. Pour une image de fond, vous devrez fournir une image d'au moins 2000 x 1500 pixels. Si la résolution est plus grande pas de problème, nous pourrons compresser votre image. Si la résolution est plus petite, nous ne pourrons utiliser votre image en fond et avoir un rendu de qualité.

Si vous ne savez pas comment accéder à la résolution d'une image, veuillez suivre ces liens explicatifs: Windows ou Mac

Si vous n'avez pas d'images de qualité professionnelle pour votre fond (si vous avez choisi cette option), vous pouvez par exemple en acheter sur iStockPhoto.

4.2.1.2. Les polices de caractères

Plusieurs types de polices peuvent être utilisées dans votre modèle graphique. Si vous désirez changer de police, merci de nous indiquer le nom et l'utilisation de cette police. Pour qu'une police soit compatible avec votre site Internet, choisissez parmi les polices Google Fonts. 

Nous déconseillons de changer la police des paragraphes "standards" de votre site car ces paragraphes peuvent alors devenir difficiles à lire. Cependant vous pouvez choisir n'importe quelle police de Google Fonts pour les titres de pages, de catégories, de diaporama ... N'utilisez pas plus de deux polices différentes sur votre site sous peine de perdre de la cohérence de présentation.

Essayer de nous indiquer avec le plus de précision possible où nous devons utiliser les polices choisies.

4.2.1.3. Le menu principal

Le système de navigation principal peut être modifié. Faites nous savoir dans cette partie si vous désirez modifier le menu principal: taille des éléments, couleurs, position ...

4.2.1.4. Le pied de page

Le pied de page de votre site est le même sur toutes les pages. Indiquez nous dans cette section si vous désirez changer les informations qui y apparaissent. Si vous désirez utiliser par exemple un lien "Mentions légales" ou "Déclaration à la CNIL" qui sont la plupart du temps obligatoire (lire l'article Wikipédia à ce sujet), merci de créer des documents Word que vous renommerez de manière appropriée (par exemple mentions-legales.doc ou declaration-cnil.doc) et de les placer dans le même dossier que votre feuille de profil sur votre ordinateur.

Pour information, ces pages ne comptent pas comme des pages en extra.

4.2.1.5. Votre logo

Si vous avez déjà un logo, merci de le placer dans le même dossier que votre feuille de profil et de noter le nom du fichier de votre logo dans cette section. Le logo doit être au format .PNG, .AI ou .EPS avec fond transparent pour de meilleurs résultats. Si c'est un .PNG, la résolution doit être d'au moins 300 px de haut ou de large. Si vous avez simplement un format JPEG ou JPG pour votre logo, nous pourrons tout de même l'implémenter sur votre site mais nous ne pourrons garantir de résultat professionnel car ce format ne gère pas la transparence. 

Si vous ne savez pas comment accéder à la résolution d'une image, veuillez suivre ces liens explicatifs: Windows ou Mac

Merci de ne pas copier-coller votre logo dans un document Word car il perdra en qualité quand nous essaierons de l'extraire.

Si vous n'avez pas de logo nous changerons simplement celui du modèle pour l'adapter au nom de votre organisme. Nous ne fournissons pas de design de logo pour notre offre de base mais notre designer graphique peut vous en proposer sur devis. Merci de nous indiquer tout commentaire pertinent sur votre logo dans cette section de votre feuille de profil.

Pages

Toutes les pages de votre site Internet peuvent être différentes: contenu différent bien entendu, mais vous pouvez même avoir de légères modifications de design/mise en page spécifiques si vous le désirez. Nous avons préparé un document Word spécialement conçu pour que vous puissiez nous décrire exactement ce que vous voulez sur chacune des pages de votre site.

Merci donc de bien vouloir télécharger le document détail de page et le placer dans le même dossier que votre feuille de profil. Si vous avez opté pour des fonctionnalités supplémentaires, nous avons préparé des documents dédiés pour chacune d'elle. Plus de détails dans la section Fonctionnalités supplémentaires plus bas sur cette page.

Merci de créer un document détail de page pour chacune des pages de votre site Internet. Une fois que vous l'avez téléchargé, dupliquez donc ce document et renommez chaque fichier de manière appropriée. Exemple:

"detail-de-page-A-Propos-monnomdedomaine.fr.doc" et/ou "detail-de-page-Accueil-monnomdedomaine.fr.doc"

Vous devez avoir autant de documents détail de page que d'éléments de menu définis dans la section "Navigation" (4.1) de votre page de profil. Lorsque vous aurez créé ces documents, vous pouvez commencer à travailler sur chacun d'eux en suivant les étapes ci-dessous.

4.3.1. Balise meta Titre

La balise meta titre est le titre de la page qui va apparaître dans les moteurs de recherche. Par exemple si on Google "Webmaster Issy-Les-Moulineaux", la balise meta titre est mise en évidence dans la capture d'écran ci-desssous.

Sur notre site Internet, la balise meta titre est "Webmaster et Agence Web Issy-Les-Moulineaux".

Choisir la bonne balise meta titre est important car cela aide votre classement dans les moteurs de recherche. Les règles de base:

• Votre balise meta titre ne doit pas excéder 55 caractères
• Mettez des mots-clés que les utilisateurs sont susceptibles de chercher (si votre page décrit des services de plombier sur Lyon, une bonne balise meta titre serait: "Plombier Lyon"). Si le nom de votre organisme rentre dans les 55 caractères mettez le, sinon ne le rajoutez pas.

Vous pouvez utiliser l'outil suivant (en anglais mais très facile d'utilisation) pour simuler le résultat de votre balise meta titre.

4.3.2. Balise meta description

La meta description de votre page est habituellement la description qui va apparaître sur les moteurs de recherche comme indiqué ci-dessous. Nous disons "habituellement" car la description qui s'affiche sur les moteurs de recherche ne correspond pas 100% du temps à la balise meta description. En effet la description des pages apparaissant dans le résultat des moteurs de recherche dépend en partie des mots clés recherchés par l'utilisateur.

La meta description est une brève description de votre page. C'est un critère important pour les moteurs de recherche, ne la négligez donc pas. Règles de base:

• Votre balise meta description ne doit pas excéder 155 caractères
• Mettez des mots-clés que les utilisateurs sont susceptibles de chercher. Si votre page décrit des services de plombier sur Lyon, une bonne balise meta description serait: "Plombiton Lyon vous fournit des services de plomberie professionnels sur Lyon et son agglomération: dépannage chaudière, chauffe-eau, toilettes, siphon ... ". 

Vous pouvez utiliser l'outil suivant (en anglais mais très facile d'utilisation) pour simuler le résultat de votre balise meta description.

4.3.3. Diaporama

S'il y a un diaporama sur votre page (habituellement la page d'accueil) ou si vous en voulez un sur une page, merci d'indiquer dans cette section les noms des fichiers image et les légendes/textes associés à chacune d'elles.

Mettez les images du diaporama dans le même dossier que votre feuille de profil et vos documents détail de page.

Pour votre diaporama, merci de nous fournir des images d'au moins 1600 px de large. Si la résolution est trop petite, les images vont être floues et votre site n'aura pas un rendu professionnel.

Si vous ne savez pas comment accéder à la résolution d'une image, veuillez suivre ces liens explicatifs: Windows ou Mac.

Votre site Internet a un look professionnel. Si vous sélectionnez des images "amateur" pour illustrer votre site, vos visiteurs vont perdre la perception de qualité qu'ils auraient du avoir. Nous vous recommendons donc FORTEMENT de nous envoyer des photos professionnelles. Si vous n'en avez pas, vous pouvez par exemple en acheter sur iStockPhoto.

4.3.4. Illustration(s)

Au sein même de vos pages, et même si ce n'est pas la page d'accueil, nous vous recommandons d'y ajouter des images/photos/illustrations "statiques" pour agrémenter votre contenu. Merci de nous indiquer le(s) nom(s) du/des fichier(s) image que nous devons utiliser pour cette page et éventuellement la légende/texte associée. Copiez le(s) fichier(s) image dans le même dossier que votre feuille de profil et vos documents détail de page sur votre ordinateur.

Merci de ne pas copier-coller vos images directement dans le document Word car elles perdront en qualité quand nous essaierons de les extraire.

Pour illustrer vos pages, merci de nous fournir des images de 400 px de large minimum. Si la résolution est trop petite, les images vont être floues et votre site n'aura pas un rendu professionnel.

Si vous ne savez pas comment accéder à la résolution d'une image, veuillez suivre ces liens explicatifs: Windows ou Mac.

Votre site Internet a un look professionnel. Si vous sélectionnez des images "amateur" pour illustrer votre site, vos visiteurs vont perdre la perception de qualité qu'ils auraient du avoir. Nous vous recommendons donc FORTEMENT de nous envoyer des photos professionnelles. Si vous n'en avez pas, vous pouvez par exemple en acheter sur iStockPhoto.

4.3.5. Modification du design/de la mise en page

Vous pouvez modifier la mise en page ou le design de la page si vous le désirez. Si vous avez donc des souhaits concernant la mise en page de CETTE page seulement, merci de nous l'indiquer dans la section 4.3.5 de votre document détail de page. Ajoutez-y tous les commentaires que vous pourrez avoir concernant cette page.

4.3.6. Contenu textuel

La partie évidente! Mettez dans cette section tout le texte que vous désirez voir apparaître dans votre page. N'appliquez pas de style exotique à votre texte car le rendu sera mauvais la plupart du temps sur votre site. Si vous désirez mettre en avant certains mots nous vous conseillons:

• Une taille différente pour les titres de paragraphes
• Gras
• Italique
• Souligné
• 1 couleur supplémentaire éventuellement si vous voulez vraiment mettre l'emphase sur quelques mots

Si vous avez besoin de créer un lien hypertexte (un simple lien vers un autre site ou vers une autre page de votre site) sur une portion de votre contenu, merci de le faire directement dans Word. Si vous ne savez pas comment créer un lien dans Word, mettez simplement entre crochet: [lien vers www.website.com] ou [lien vers la page de contact]. Aide pour créer un lien hypertexte sur Word.

A moins qu'il y ait une grosse faute de frappe que nous ne pouvons pas rater, nous ne corrigerons pas vos fautes de grammaire/orthographe/conjugaison. Nous allons juste copier/coller le contenu que vous fournissez. Soyez donc certain qu'il n'y ait pas de fautes dans cette section! Nous pouvons vous corriger vos fautes de frappe sur devis si vous ne vous sentez pas complètement à l'aise à l'écrit avec la langue française. Merci de nous contacter dans ce cas précis.

Quand vous avez fini de compléter tous les documents détail de page, et à moins que vous n'ayez choisi des fonctionnalités supplémentaires autre que "pages supplémentaires", vous avez accompli le plus dur. Félicitations! Fermez cette fenêtre et passez à l'étape suivante! Sinon ... lisez la suite!

Fonctionnalités supplémentaires

Chaque fonctionnalité supplémentaire que nous vous proposons pour ajouter de la dimension a votre site peut être personnalisée pour correspondre exactement à votre besoin. Nous avons préparé un document Word pour chacune d'entre elles. Merci de lire la documentation ci-dessous.

4.4.1. Pages supplémentaires (au delà de 10)

Rien de spécial à faire ici. Créez et compléter simplement plus de documents détail de page pour chaque page supplémentaire que vous désirez ajouter à votre site.

4.4.2. Avis & Témoignages

Merci de télécharger notre documents détail de la fonctionnalité Avis & Témoignages, renommez le de manière appropriée et suivez les instructions ci-dessous.

4.4.2.1. Emplacement

Précisez nous simplement où vous désirez que vos avis et témoignages s'affichent. Par exemple directement sur une page dédiée (élément de menu supplémentaire) ou sur le côté gauche ou droit d'une des pages, ou sur toutes les pages ... C'est vous qui décidez!

4.4.2.2. Divers

Merci d'indiquer ici tout commentaire pertinent sur la fonctionnalité Avis & Témoignages: si vous désirez ajouter du texte, une mise en page spéciale ...

4.4.3. Système multilingue (par langue) - chaque page dans une langue différente est comptée comme une page supplémentaire

Rien de spécial à faire ici. Indiquez nous simplement la structure de navigation appropriée pour chaque langue dans la section (4.1) de votre feuille de profil. Créez un document détail de page pour chaque page et pour chaque langue et renommez le fichier de manière à ce que nous puissions comprendre quelle langue est utilisée sur cette page.

4.4.4. Galerie Photo (autre que le diaporama de la page d'accueil) - limitée à 15 photos par galerie

Merci de télécharger le document détail de la fonctionnalité Galerie Photo pour chaque galerie/projets/évènements que vous voulez mettre en avant, placez le(s) dans le même dossier que tous les autres documents de votre site Internet, renommez le de manière appropriée et suivez les instructions ci-dessous.

4.4.4.1. Titre de la galerie

Merci d'indiquer dans cette section le titre que vous désirez donner à votre galerie.

4.4.4.2. Page

Merci d'indiquer ici sur quelle page de la structure de navigation (section 4.1 de votre feuille de profil) vous désirez que votre galerie photo apparaisse. Vous avez normalement déjà créé un document détail de page pour cette page.

4.4.4.3. Images à utiliser

Merci d'indiquer ici le nom des fichiers que vous désirez utiliser dans votre galerie.

Pour votre galerie, merci de fournir des photos de minimum 500 px de large. 

Si la résolution est trop petite, les images vont être floues et votre site n'aura pas un rendu professionnel.

Si vous ne savez pas comment accéder à la résolution d'une image, veuillez suivre ces liens explicatifs: Windows ou Mac.

Placez les images appropriées dans un sous-dossier de votre dossier de site web sur votre ordinateur et renommez ce sous-dossier avec le nom de votre galerie.

Votre site Internet a un look professionnel. Si vous sélectionnez des images "amateur" pour illustrer votre site, vos visiteurs vont perdre la perception de qualité qu'ils auraient du avoir. Nous vous recommendons donc FORTEMENT de nous envoyer des photos professionnelles. Si vous n'en avez pas, vous pouvez par exemple en acheter sur iStockPhoto.

4.4.4.4. Divers

Merci d'indiquer ici tout commentaire pertinent sur la fonctionnalité Galerie Photo: si vous désirez ajouter du texte, une mise en page spéciale ...

4.4.5. Formulaire de contact spécifique - limité à 20 champs

Merci de télécharger notre document détail du formulaire de contact pour chaque différent formulaire de contact que vous désirez ajouter sur votre site, placez le(s) dans le même dossier que tous les autres documents de votre site Internet, renommez le(s) de manière appropriée et suivez les instructions ci-dessous.

4.4.5.1. Titre du formulaire

Merci d'indiquer dans cette section le titre que vous désirez donner à votre formulaire.

4.4.5.2. Page

Merci d'indiquer ici sur quelle page de la structure de navigation (section 4.1 de votre feuille de profil) vous désirez que votre formulaire apparaisse. Vous avez normalement déjà créé un document détail de page pour cette page.

4.4.5.3. Champs

Merci d'indiquer dans cette section la liste des champs que vos visiteurs devront compléter. Si vous avez des champs avec des choix pré-entrés, merci de nous indiquer si les visiteurs peuvent choisir de multiples réponses ou si la réponse est limitée à un seul choix.

Merci de nous indiquer pour chaque champ s'il est obligatoire. Nous vous rappelons que vous êtes limité à 20 champs par formulaire de contact. Contactez-nous si vous en désirez plus.

Exemple de champs:

• Prénom (obligatoire)
• Nom (obligatoire)
• Email (obligatoire)
• Téléphone
• Le(s)quel(s) de nos services vous intéressent (obligatoire - les visiteurs peuvent choisir plusieurs options): Service 1, Service 2, Service 3
• Comment nous avez vous connu? (obligatoire - les visiteurs doivent choisir une option): Google, Bouche à oreille, Evènement professionnel, Facebook
• Attacher une pièce jointe
• Message/Commentaire

4.4.5.4. Emails

Merci d'indiquer dans cette section à quelle(s) adresse(s) email(s) les informations du formulaire doivent être envoyées. 

4.4.5.5. Divers

Merci d'indiquer ici tout commentaire pertinent sur la fonctionnalité Formulaire de contact: si vous désirez ajouter du texte, une mise en page spéciale ...

4.4.6. Possibilité pour vos visiteurs de commenter vos pages

Merci de télécharger notre document détail de la fonctionnalité Commentaires, renommez le de manière appropriée et suivez les instructions ci-dessous.

4.4.6.1. Pages

Merci d'indiquer ici sur quelle page de la structure de navigation (section 4.1 de votre feuille de profil) vous désirez que les commentaires soient possibles: vos visiteurs pourront alors poster des commentaires (modérables bien entendu par vous même avant d'être mis en ligne) sur les pages mentionnées de cette section et uniquement celles-là. Vous avez normalement déjà créé un document détail de page pour chacune de ces pages.

4.4.6.2. Divers

Il y a techniquement des dizaines de paramètres que nous pouvons modifier dans cette fonctionnalité. Afin d'éviter de vous saturer de possibilités techniques, nous garderons cette fonctionnalité à un niveau d'utilisation standard. Cependant vous pouvez nous soumettre dans cette section toute suggestion que vous pourriez avoir sur la fonctionnalité Commentaires et nous vous indiquerons si nous pouvons accéder à votre demande.

4.4.7. Carte(s) Google Map détaillée(s) (de vos emplacements de bureaux par exemple) - limitée(s) à 30 adresses par carte

Pour chaque carte Google Map que vous désirez ajouter à votre site, merci de télécharger notre document détail de la carte Google Map, renommez le de manière appropriée et suivez les instructions ci-dessous.

4.4.7.1. Titre de votre carte Google Map

Donnez un titre à votre Google Map (par exemple "Emplacements de nos magasins").

4.4.7.2. Pages

Merci d'indiquer ici sur quelle(s) page(s) de la structure de navigation (section 4.1 de votre feuille de profil) vous désirez que votre carte Google Map apparaisse. Vous avez normalement déjà créé un document détail de page pour chacune de ces pages.

4.4.7.3. Adresses

Listez ici les adresses/régions pour lesquelles vous voulez un marqueur sur la carte.

4.4.7.4. Divers

Merci d'indiquer ici tout commentaire supplémentaire sur la fonctionnalité Google Maps.

4.4.8. Forum Interactif

Merci de télécharger notre document détail fonctionnalité Forum, renommez le de manière appropriée et suivez les instructions ci-dessous.

4.4.8.1. Titre du Forum

Donnez un titre à votre forum. Par défaut nous l'appellerons "Forum".

4.4.8.2. Page

Merci d'indiquer ici sur quelle page de la structure de navigation (section 4.1 de votre feuille de profil) vous désirez que votre forum apparaisse. Vous avez normalement déjà créé un document détail de page pour cette page.

4.4.8.3. Divers

Merci d'indiquer ici tout commentaire pertinent sur la fonctionnalité Forum. Gardez à l'esprit que nous vous fournirons des tutoriels vidéo détaillés qui vous expliqueront tout: comment modérer vos posts, créer des catégories et sous-catégories, comment créer des nouveaux sujets et bien plus encore.