FORMATEUR DIGITAL WEB INDÉPENDANT

À propos de Google My Business

Google My Business est un outil gratuit et simple d'utilisation, qui permet aux entreprises et aux organisations de gérer leur présence en ligne sur Google, notamment dans la recherche Google et sur Maps. En faisant valider et en modifiant les informations relatives à votre établissement, vous pouvez à la fois aider les internautes à vous trouver sur Google, mais aussi leur parler de votre activité.

  • Gérez la façon dont les informations relatives à votre établissement s'affichent sur Google, notamment dans la recherche Google et sur Maps, grâce à l'outil gratuit Google My Business.
  • Interagissez avec vos clients, qu'ils soient anciens ou nouveaux, et parlez-leur de votre activité

Avantages de Google My Business

Gérer vos informations

06-Make your listing awesome

Gérez les informations présentées aux utilisateurs de Google lorsqu'ils recherchent votre établissement ou les produits et services que vous proposez. Les établissements qui font valider leurs informations sur Google My Business sont deux fois plus susceptibles d'être considérés comme fiables par les consommateurs. Lorsque les internautes trouvent votre établissement sur Google Maps et dans la recherche Google, assurez-vous qu'ils ont accès à toutes les informations utiles (horaires d'ouverture, site Web, adresse postale, etc.).

Interagir avec les clients

13-Respond to reviews

Consultez les avis laissés par vos clients au sujet de votre établissement et répondez-y. Publiez des photos illustrant les produits ou services que vous proposez. Les établissements qui ajoutent des photos à leurs fiches enregistrent 42 % de demandes d'itinéraires en plus sur Google Maps et 35 % de clics en plus vers leur site Web que les autres.

Analyser et développer votre présence en ligne

02-Control Your Business Info

Obtenez des informations détaillées sur la méthode de recherche utilisée par les internautes pour trouver votre établissement et sur l'origine de vos visiteurs. L'outil vous fournit toute une série de statistiques utiles. Vous pouvez ainsi connaître le nombre de personnes vous ayant appelé directement à partir du numéro de téléphone affiché dans les résultats de recherche à proximité, dans la recherche Google et sur Maps. Vous avez également la possibilité de créer facilement des campagnes AdWords Express pour vous faire connaître et effectuer le suivi de leurs performances.

L'utilisation de l'outil est simple et gratuite.

Application mobile

11-GMB app

Vous pouvez également télécharger l'application mobile Google My Business pour accéder à votre compte et mettre à jour les informations sur votre établissement, où que vous soyez.

La possibilité d’avoir des avis certifiés accentue votre référencement
Google business est la fiche locale de votre entreprise gérée par Google, cette fiche est gratuite elle permet une jolie visibilité si les internautes tapent le nom de votre société.

Image 086 

Pour créer votre fiche d’entreprise, allez sur « Google business », connectez vous ou créez votre fiche d’entreprise.

S'inscrire et vérifier les informations relatives à votre établissement

S'inscrire à Google My Business

Procédez comme suit pour vous inscrire :

  1. Accédez à google.com/business, puis cliquez sur Commencer dans l'angle supérieur droit de la page.
  2. Connectez-vous à votre compte Google ou créez-en un si vous n'utilisez pas déjà les services Google.
  3. Saisissez le nom de votre établissement et cliquez sur Suivant.
    1. Remarque : Vous pouvez également sélectionner l'une des suggestions qui s'affichent lors de la saisie.
  4. Saisissez l'adresse de l'établissement et cliquez sur Suivant. Vous serez peut-être invité à positionner un repère à l'emplacement de votre établissement sur une carte.
    1. Si vous gérez un établissement desservant des zones spécifiques, suivez ces étapes supplémentaires :
      1. Cochez la case Je fournis des biens et des services à mes clients. Cochez éventuellement la case Masquer mon adresse (ce n'est pas un magasin) N'afficher que la région.
      2. Cliquez sur Suivant.
      3. Sélectionnez une option de zone desservie et cliquez sur Suivant.
  5. Recherchez et sélectionnez une catégorie d'activité, puis cliquez sur Suivant.
  6. Saisissez le numéro de téléphone ou l'URL du site Web de votre établissement.
  7. Pour terminer l'inscription, validez votre association à cet établissement en cliquant sur Continuer.
  8. Sélectionnez une option de validation. 
    1. Pour effectuer la validation à un autre moment, sélectionnez Essayer une autre méthode et cliquez sur Plus tard. Si vous n'êtes pas autorisé à gérer l'établissement, recherchez la personne détenant cette autorisation dans votre organisation, puis continuez le processus d'inscription.

Remarque : Si une page vous indique "Cette fiche a déjà été revendiquée", cliquez sur Revendiquer la propriété et suivez les instructions afin d'indiquer que vous êtes le propriétaire de l'établissement. En savoir plus sur la demande de propriété

Vérifier les informations relatives à votre établissement

Quelles que soient les informations affichées, vous devez vérifier que les informations relatives à votre établissement sont correctes. Il est crucial qu'à l'issue de cette vérification, toutes les informations puissent être présentées directement aux clients dans les produits Google.

Pour modifier les informations incorrectes, procédez comme suit :

  1. Cliquez sur Plus tard.
  2. Si vous gérez plus d'un établissement, ouvrez le menu Menu et cliquez sur Gérer les établissements. Ensuite, sélectionnez l'établissement que vous souhaitez modifier.
  3. Dans le menu situé à gauche de l'écran, cliquez sur Infos.
  4. Cliquez sur Modifier Modifier à côté de chacune des sections que vous souhaitez corriger et saisissez les informations requises.

Maintenant que vous avez créé ou revendiqué votre fiche, vous devez faire valider votre établissement. Une fois la validation effectuée, les informations relatives à votre établissement pourront s'afficher dans les produits Google.

Image 087

Vous devrez saisir :

• Une adresse valide

• Des coordonnées (mail et téléphone)

• Ajoutez des images

• Remplissez le maximum de champs

 

Vous devrez ensuite valider votre fiche par téléphone ou mail (cela dépend du type d’entreprise que vous avez déclarée) sinon par courrier.

Par courrier vous recevrez dans votre boite aux lettres un code que vous devrez saisir dans votre espace Google business.

 

Valider votre établissement

Commencer la validation

La validation contribue à garantir l'exactitude des informations relatives à votre établissement sur Google. Les établissements validés sont deux fois plus susceptibles d'être considérés comme fiables par les utilisateurs1.

La validation empêche également d'autres personnes de se prétendre les représentants de votre entreprise. Tant que vous n'aurez pas terminé le processus de validation, vous ne pourrez pas modifier les informations sur votre établissement qui s'affichent dans les produits Google.

Pour la plupart des entreprises, la validation consiste à solliciter un courrier de validation de la part de Google, à le recevoir et à le lire.

04-Get verified

Si vous êtes directement passé à la validation une fois votre inscription effectuée, le message Courrier postal s'affiche dans l'angle supérieur gauche de la page, par-dessus la carte sur laquelle figure le repère correspondant à votre établissement.

  1. Si les informations relatives à votre établissement sont correctes, cliquez sur Courrier postal. Veillez à ne pas cliquer sur Faire valider plus tard en dessous.
  2. Saisissez le nom de la personne à laquelle le courrier de validation doit être adressé. (Ce champ est facultatif. Vous pouvez ne pas le renseigner.) Nous enverrons le courrier à l'adresse de l'établissement fournie.
  3. Cliquez sur Envoyer un courrier.

Vous avez peut-être effectué l'inscription de votre établissement sur Google My Business, sans passer ensuite au processus de validation. Dans ce cas :

  1. Connectez-vous sur la page google.com/business. Votre tableau de bord Google My Business s'affiche.
  2. Recherchez la bannière rouge en haut de la page, puis cliquez sur le bouton Valider à droite.
  3. Le message Courrier postal s'affiche dans l'angle supérieur gauche de la page, par-dessus la carte qui contient le repère correspondant à votre établissement. Vérifiez que les informations sur votre établissement sont correctes, puis cliquez sur Courrier postal. Veillez à ne pas cliquer sur Faire valider plus tard en dessous.
  4. Saisissez le nom de la personne à laquelle le courrier de validation doit être adressé. (Ce champ est facultatif. Vous pouvez ne pas le renseigner.) Nous enverrons le courrier à l'adresse de l'établissement fournie.
  5. Cliquez sur Envoyer un courrier.

Attendre la réception du courrier

Quelques semaines plus tard (selon votre situation géographique), vous recevrez à l'adresse de votre établissement un courrier de validation provenant de Google. Celui-ci contiendra un code de validation unique que vous devrez saisir dans Google My Business pour confirmer que votre établissement se trouve bien à l'adresse indiquée.

En attendant de recevoir ce courrier, vous pouvez commencer à poser les bases de votre réussite en ligne :

  • Visitez votre site Web comme si vous étiez un client qui l'a trouvé sur Google. Profitez-en pour retoucher votre site ou mettre à jour ce qui doit l'être.
  • Prenez des photos de votre établissement, des produits et des services qu'il propose, afin d'agrémenter au mieux votre fiche Google My Business. Vous pouvez même montrer l'intérieur de votre établissement grâce à Business View.

Finaliser la validation

Une fois que vous avez reçu la carte postale de validation, revenez sur la page google.com/business. Connectez-vous et cliquez sur Faire valider dans le menu (ou sur le bouton Valider). Ensuite, suivez les instructions pour saisir le code de validation reçu dans le courrier.

Félicitations ! Vous avez validé votre établissement et pouvez désormais modifier les informations qui s'y rapportent, répondre aux avis et ajouter des photos.

Quelques semaines peuvent s'écouler avant que les informations sur votre établissement ne s'affichent sur Google. Une fois que celles-ci sont en ligne, examinez votre fiche. Recherchez simplement le nom de votre établissement et la ville dans la recherche Google ou sur Google Maps, puis regardez les résultats obtenus.

Si ce qui s'affiche ne vous convient pas, nous vous conseillons de lire le guide suivant de cette série pour savoir comment vous pouvez améliorer votre fiche. Sachez que les résultats de recherche varient pour diverses raisons et que ce que vous voyez peut être différent de ce que voit un autre utilisateur. En savoir plus sur le classement des résultats locaux sur Google

Vous voulez aller plus loin ? Consultez le guide suivant de notre série pour découvrir comment vous pouvez améliorer les informations en ligne de votre établissement.

 

Conseil : vous pouvez maintenant saisir des événements dans Google business. Une fois créé liez le à une des pages de votre site.

Pour info: vous pouvez créer aussi un site dans Google business

Image 088

 

Voir comment votre établissement s'affiche sur Google

Les informations qui sont affichées sur Google proviennent de différentes sources. Elles sont destinées à fournir aux clients les données les plus complètes et les plus récentes possible sur un établissement. En savoir plus sur la façon dont Google utilise les informations relatives aux établissements

Validez les informations sur votre établissement pour qu'elles puissent être publiées sur Google Maps. Pour consulter la version en ligne de ces informations, procédez comme suit :

  1. Connectez-vous à Google My Business.
  2. Si vous avez deux fiches ou plus, passez à la vue Fiche  et cliquez sur Gérer l'établissement pour l'établissement concerné.

  3. Cliquez sur Infos dans le menu.
  4. Sous "Votre établissement est visible sur Google", vous verrez des liens vous permettant d'afficher votre fiche dans la recherche Google, Google Maps ou Google+. Cliquez sur l'un de ces liens pour découvrir comment votre établissement s'affiche sur le service correspondant.
  5. Améliorer votre classement local sur Google

    Les résultats locaux s'affichent lorsqu'un utilisateur recherche un établissement ou un lieu à proximité de l'endroit où il se trouve. Ils sont visibles à différents endroits de Maps et de la recherche Google. Par exemple, vous obtiendrez probablement des résultats locaux si vous saisissez la recherche "restaurant italien" sur votre appareil mobile. Google s'efforcera de vous présenter les types de restaurants situés à proximité qui vous intéressent. Dans l'image ci-dessous, Google utilise les résultats locaux pour proposer différentes options.

    Vous pouvez améliorer le classement local de votre établissement grâce à Google My Business.

    Vous ne trouvez pas votre établissement ? Fournissez des informations plus pertinentes.

    Vous constatez que votre établissement ne s'affiche pas lorsque vous effectuez des recherches sur vos produits ou services dans votre zone géographique ? Pour optimiser la fréquence à laquelle il est présenté à vos clients potentiels dans les résultats de recherche à proximité, suivez la procédure ci-dessous dans Google My Business. Si vous fournissez et mettez à jour des informations relatives à votre établissement dans Google My Business, vous pouvez améliorer votre classement local sur Google, ainsi que votre présence sur Maps et les pages de recherche.


    Les résultats locaux favorisent les résultats les plus pertinents pour chaque recherche. Plus les établissements comportent des informations complètes et précises, plus ils ont de chance de s'afficher pour certaines requêtes. Assurez-vous d'avoir saisi toutes les informations sur votre établissement dans Google My Business pour que vos clients potentiels disposent de tous les renseignements possibles sur vos produits ou services, votre position géographique et vos horaires d'ouverture. Par exemple, indiquez votre adresse postale, votre numéro de téléphone et la catégorie de votre activité. De plus, veillez à actualiser ces informations lorsque la situation de l'établissement évolue. Découvrez comment modifier les informations relatives à votre établissement.

    Valider vos établissements

    Validez vos établissements pour avoir toutes les chances de les présenter aux utilisateurs des produits Google comme Maps et les pages de recherche

    Indiquer des horaires précis

    Nous vous recommandons de saisir et de mettre à jour vos informations à ce sujet, y compris les horaires d'ouverture exceptionnels pour les congés ou les jours fériés. Vos clients potentiels peuvent ainsi connaître vos disponibilités et se rendre en toute confiance dans votre établissement sans craindre qu'il ne soit fermé. Découvrez comment modifier les horaires.

    Gérer les avis et y répondre

    Échangez avec les utilisateurs en répondant aux commentaires qu'ils publient concernant votre établissement. Le fait de répondre aux avis montre que vous valorisez vos clients et les commentaires qu'ils font sur votre établissement. Les avis positifs et de qualité laissés par les utilisateurs contribuent également à l'amélioration de la visibilité et augmentent la probabilité que des clients potentiels se rendent dans votre établissement. Encouragez les clients à laisser des commentaires en créant un lien sur lequel ils peuvent cliquer pour rédiger des avis. 

    Ajouter des photos

    Insérez des photos dans votre fiche pour présenter vos produits ou services, et pour raconter l'histoire de votre établissement. Des photos représentatives et attrayantes peuvent convaincre un client potentiel que vous êtes en mesure de lui fournir ce qu'il recherche.

    Méthode utilisée par Google pour déterminer le classement local

    Les résultats locaux s'appuient principalement sur des critères de pertinence, de distance et d'importance. Nous associons ces différents paramètres pour essayer de vous proposer les meilleurs résultats de recherche possible. Les algorithmes Google peuvent, par exemple, décider qu'un établissement qui n'est pourtant pas le plus proche peut mieux vous convenir qu'un autre situé juste à côté de là où vous vous trouvez. Il obtiendra alors une meilleure position dans les résultats locaux.

    Pertinence

    La pertinence définit dans quelle mesure une fiche d'établissement correspond à la requête saisie par l'utilisateur. Des informations complètes et détaillées nous aident à mieux comprendre votre établissement et à afficher votre fiche lors des recherches pertinentes.

    Distance

    Comme son nom l'indique, la distance correspond à l'éloignement entre les établissements figurant dans les résultats et le lieu indiqué dans la recherche. Si l'utilisateur ne précise pas de lieu dans sa recherche, nous calculons la distance en nous appuyant sur les informations dont nous disposons concernant sa position.

    Importance

    L'importance correspond au niveau de popularité d'un établissement. Certains lieux ont plus d'importance dans le monde réel que sur Internet, et les résultats de recherche tiennent compte de ce paramètre pour déterminer le classement local. Ainsi, des musées célèbres, des hôtels prestigieux ou des enseignes particulièrement connues sont susceptibles de bénéficier d'un niveau d'importance élevé dans les résultats d'une recherche à proximité.

    L'importance dépend également des informations disponibles sur l'ensemble du Web au sujet d'un établissement (liens, articles, annuaires, etc.). Le nombre d'avis Google et les notes correspondantes sont pris en compte dans le classement des recherches à proximité. Plus un établissement enregistre d'avis positifs, plus il a de chance de figurer en bonne place dans le classement local. Votre position dans les résultats Web est également prise en compte. Par conséquent, nous vous recommandons de suivre les bonnes pratiques en matière de SEO pour votre référencement local.

    Il n'est pas possible d'effectuer de demande ni de payer pour obtenir un meilleur classement local sur Google. Nous mettons tout en œuvre pour que les détails de l'algorithme de recherche restent confidentiels, afin que le système de classement soit aussi juste que possible pour tous.

    Modifier des images Street View incorrectes pour votre établissement

    Google Maps permet aux utilisateurs de voir votre établissement sur Street View s'il est disponible. Parfois, ces images ne sont pas pertinentes. Vous pouvez modifier le repère sur la carte correspondant à votre établissement afin de l'associer à différentes images Street View ou ajouter vos propres images Street View en utilisant l'application du même nom.

    Modifier des images Street View incorrectes

    Pour modifier des images Street View incorrectes pour votre établissement, procédez comme suit :

    1. Connectez-vous à Google My Business.
    2. Pour un seul établissement :
      • À partir de la vue sous forme de fiche, choisissez l'établissement que vous souhaitez gérer et cliquez sur Gérer l'établissement. Si vos établissements s'affichent sous forme de liste, cliquez sur l'icône Mosaïque  située au-dessus de la liste, sur la droite. 
      • Cliquez sur Infos dans le menu.
    3. Pour plusieurs établissements :
      • À partir de la vue sous forme de liste, sélectionnez les établissements que vous souhaitez gérer. Si vos établissements s'affichent sous forme de mosaïque, cliquez sur l'icône Liste  située au-dessus de vos établissements, sur la droite. 
      • Cliquez sur l'icône en forme de crayon  dans l'angle supérieur droit de la page. 
    4. Cliquez sur le champ  Adresse, puis vérifiez que votre adresse est correcte dans la fenêtre qui s'affiche.
    5. Une carte avec un repère rouge représentant le point central de l'emplacement de votre établissement s'affiche sur le côté droit de la fenêtre. Faites glisser le repère sur l'emplacement de votre établissement et utilisez les boutons + et -en bas à droite de l'écran pour effectuer un zoom avant ou arrière.
    6. Une fois que vous êtes sûr d'avoir placé le repère précisément au milieu de votre établissement, cliquez sur Appliquerdans l'angle inférieur droit de la page.

    Vous ne pouvez pas prévisualiser les nouvelles images Street View depuis Google My Business, mais vous pouvez revenir dans Google Maps et voir comment la modification a affecté les images.

    Ajouter de nouvelles images Street View

    Vous pouvez aussi ajouter vos propres images Street View à l'aide de l'application Street View, ou engager un photographe professionnel de confiance afin qu'il prenne des photos de votre établissement qui apparaîtront sur Street View et permettront aux clients de le découvrir de l'intérieur. N'oubliez pas d'ajouter vos propres photos à votre fiche d'établissement pour aider les clients à vous trouver.

    Créer un post sur Google

    Dans Google My Business, une fonctionnalité vous permet de publier des informations sur vos événements, produits et services directement dans la recherche Google et sur Maps. En créant des posts, vous pouvez présenter votre contenu aux utilisateurs au moment opportun, lorsqu'ils trouvent votre fiche d'établissement sur Google. 

    Créer un post

    Sur un ordinateur

    1. Connectez-vous à Google My Business. Si vous avez deux établissements ou plus, cliquez sur Gérer l'établissement au niveau de celui que vous souhaitez gérer.
    2. Cliquez sur Créer un post ou sur Posts dans le menu.
    3. Vous accédez alors à l'écran "Créer un post". Sélectionnez le type de post que vous souhaitez créer parmi les options proposées.
    4. Si vous le souhaitez, vous pouvez ajouter des photos, du texte, des événements et un bouton à votre post. Pour ce faire, cliquez sur chaque champ et saisissez les informations requises.
    5. Cliquez sur Aperçu pour afficher un aperçu de votre post.
    6. S'il vous convient, cliquez sur Publier en haut à droite de l'écran. Si vous souhaitez modifier votre post, cliquez sur Retour  en haut à gauche de l'écran pour continuer d'apporter des modifications à votre brouillon jusqu'à ce qu'il soit prêt à être publié.

    Sur un mobile

    1. Ouvrez l'application Google My Business.
    2. En bas à droite de l'écran, appuyez sur Créer , puis sur Posts  lorsque le bouton apparaît.
    3. Vous accédez alors à l'écran "Créer un post". Sélectionnez le type de post que vous souhaitez créer parmi les options proposées.
    4. Si vous le souhaitez, vous pouvez ajouter des photos, du texte, des événements et un bouton à votre post. Pour ce faire, appuyez sur chaque champ et saisissez les informations requises.
    5. Appuyez sur Aperçu pour afficher un aperçu de votre post.
    6. S'il vous convient, appuyez sur Publier en haut à droite de l'écran. Si vous souhaitez modifier votre post, appuyez sur Retour  en haut à gauche de l'écran pour continuer d'apporter des modifications à votre brouillon jusqu'à ce qu'il soit prêt à être publié.

     

    Sources: https://support.google.com/business/#topic=4539639

Gérer l’attribut titre du lien

Image 026

Écrivez de manière détaillée (non générique) les thèmes du lien que vous gérez

Cet attribut une fois saisi apparaîtra dans la balise «titre» de votre code source.

Attention : un titre différent par lien.

Affichage du titre du lien dans l’onglet de votre navigateur

Image 027

Pour le référencement naturel, cette balise est primordiale, elle est systématiquement indexée par les moteurs de recherche et présentée dans leurs résultats (toutefois il peut arriver que les moteurs donnent un titre différent si ils considèrent qu’il ne correspond pas au contenu de votre page ou si vous avez trop sur-optimisé cette balise), si elle n’est pas renseignée, elle reprend la balise «Title»

Gérer l’attribut : «Rel» du lien

Dans le cas de type de lien vers une URL, il existe un paramètre que je vous invite à gérer.

C’est une description facultative personnalisée pour l'attribut «title» du lien hypertexte du menu.

Image 028

Une fois réglé sur «Author» ce paramètre sera pris en compte pour les «Microdata» que nous allons voir plus loin dans ce chapitre.

Pour optimiser votre référencement, je vous invite à gérer la personnalisation du cache de votre site Joomla.
Petite explication : si le cache est activé, alors votre site se chargera plus rapidement. la vitesse de chargement d’une page est un critère important pour Google.
1- Cliquez sur System / configuration
2- Cliquez sur l'onglet "système"
Ci-dessous un exemple de paramétrage du cache de Joomla

Image 024

Cache : Activer le système de cache et déterminer son niveau.
Niveau 'Conservateur' : le plus bas système de cache
Niveau 'Progressif' (défaut) : le plus haut niveau de cache incluant celui des modules (inapproprié pour de très grands sites).
Gestion du cache : Choisissez la méthode de gestion du cache. La méthode native utilise des fichiers ; les répertoires 'cache' doivent être accessibles en écriture (CHMOD 777).
Durée du cache : La durée maximale, en minutes, de validité d'un fichier cache avant qu'il soit rafraîchi.

Bien maintenant que nous avons vu les éléments à prendre en compte pour le référencement de votre site en général, nous allons voir maintenant dans Joomla en particulier.
Le formulaire "configuration" présent dans Joomla est accessible en passant par le raccourci à gauche "configuration". Les informations que vous allez gérer dans ce formulaire vont vous permettre d'alimenter :
Pour votre page d'accueil la balise "titre" et description" traitées par Google.
Ce formulaire va permettre aussi de paramétrer la réécriture d'Url de votre site grâce aux alias que nous allons voir un peu plus loin dans cet ouvrage.

Image 021

Voici un exemple de résultat dans la "serp" pour gérer dans la partie "Configuration"

Image 022

1- Le nom du site correspond à la balise "Title"
2- La description à la balise "description »
3- La balise "meta keyword" n'est plus gérée par Google, vous n’êtes plus obligé de saisir ce champ.
4- indiquez ici si vous voulez que Google visite ou pas votre site.
Index, Follow : indexe le contenu et ses liens
No index, Follow : n'indexe pas le contenu mais ses liens
Index, No follow : indexe le contenu mais pas ses liens
No index, No follow : n'indexe ni le contenu ni ses liens
Conseil : je vous invite à mettre votre site «index follow» lorsque votre site est en ligne afin d’éviter les erreurs d’alias que Google aurait déjà indexé.

Image 023

1- Réécriture d'URL en clair (SEF) : Activer la réécriture des URL en clair en remplaçant l'URL contenant la requête de construction de la page par une URL construite d'après les alias de titre.
2- Réécriture au 'vol' des URL : Activer la réécriture en clair des URL sans l'utilisation de la chaîne 'index.php/'.
Avant toute activation, vous devez avoir renommé le fichier 'htaccess.txt' présent à la racine du site en '.htaccess'
3- Ajouter un suffixe aux URL : Ajouter à la fin de l'URL, le suffixe du type de document (html, pdf, xml, etc.).
Alias Unicode : Lors de l'utilisation du paramètre 'Translittération' (par défaut), l'alias est généré en minuscules avec des tirets remplaçant les espaces. Le paramètre 'Unicode' conserve les caractères originaux (accentués, cyrilliques, grec, idéogrammes, etc.)
4- Nom du site dans les titres : Ajouter le nom du site devant le titre des pages affichées dans la barre de titre du navigateur. Exemple : Mon Site - Nom de l'article.

Un petit mot sur les dénominations que se donnent les référenceurs professionnels :

  • – Les white hats (chapeaux blancs) sont ceux qui ne trichent pas et suivent à la lettre les recommandations de Google .

  • – Les black hats (chapeaux noirs) sont... tout le contraire ! Tout est bon, même (et surtout) ce qui est interdit par le moteur, pour mieux se positionner dans ses résultats.

La SEO, de l’anglais Search Engine Optimization, est un terme anglais qui définit des méthodes d’optimisation pour les moteurs de recherche. Si un site n’est pas connu et qu’il n’a aucun visiteur, il ne sert pas à grand chose. L’objectif de la SEO est donc de permettre à votre site de se faire connaître sur la toile.

Un blog est un très bon moyen de montrer à Google que vous avez un site de qualité ; en effet le nombre de pages et la fréquence de mise à jour est prise en compte.

En effet cela a plusieurs avantages:

- vous augmentez le nombre de pages de votre site
- cela permet d’avoir du contenu récent
- cela permet de pouvoir partager vos articles avec les réseaux sociaux
- cela permet de créer du storytelling
- cela permet de générer du flux rss
- cela permet de gérer les alias des articles de blog
-cela permet surtout d’augmenter vos possibilités de visibilité car Google va prendre en compte le titre de vos articles

Lorsque votre site est terminé, il est possible qu’il reste du contenu d’exemple, même s’il est dans la corbeille Google peut l’indexer, si vous ne voulez pas vider la corbeille alors archivez le.

Pensez à vider la corbeille des liens de menus et des articles

C’est quoi du flux rss, c’est la possibilité de partager des informations de votre blog vers un autre site ou un navigateur par exemple. Quand un site propose du flux rss il est symbolisé par l’icône :

Image 046

Vous pouvez l’installer dans votre navigateur via une extension ou directement dans votre site via votre template.

Pour déclencher le flux rss de votre site, il suffit juste de créer un blog.

Si quelqu’un s’est abonné à votre flux d’actualité alors Google considère que votre contenu est de qualité.

Un des critères importants que Google prend en compte c’est que votre site s’adapte aux smartphones (à priori c’est le cas de tous les sites récents).

Dans le doute vous pouvez vous servir de l’extension de Firefox «web developper»

 

Image 044 Image 045

Éléments tactiles de grande taille
Google prend en compte aussi la taille de vos boutons de navigation, pensez aux personnes qui ont des gros doigts quand ils naviguent sur un téléphone. Aujourd’hui on évite les menus avec des liens de sous-menus.

Allez encore une petite astuce pour optimiser votre référencement. Pour le mettre en place allez dans la gestion des modules créez ou activez le module, trouvez lui un emplacement dans votre template.

Image 043

Créer un Favicon dans son site fait évidemment plus professionnel. Toutefois ayez à l'esprit que cette opération permet de vous ajouter un point dans votre référencement auprès de Google et de Bing.
Vous n'avez pas de temps à perdre, alors nous allons aller au plus rapide. Je vous propose de télécharger un petit composant gratuit: Phocafavicon.
Pour télécharger ce composant , je vous invite de cliquer sur ce lien : http://www.phoca.cz/phocafavicon/
Une fois installé, cliquez sur composant et phoca download et cliquez sur l'icône “create Favicon”

Image 041

Insérez votre image, choisissez votre template et cliquez sur l'icône "Créer" et voila votre Favicon est en place.

Le résultat:

Image 042

Bon sinon, vous pouvez toujours changer celui d’origine (favicon.ico) par le vôtre en passant par filezilla.

Image 038

Si vous avez "Index.php" présent dans url de votre site, il est conseillé de le retirer pour optimiser votre référencement.
Voici la procédure:
Allez dans le formulaire "configuration" (le raccourci "configuration" se trouve sur votre gauche ou cliquez sur Système puis configuration)
Dans la partie "Paramètres SEO", mettez le réglage à "oui" dans le paramètre Réécriture au 'vol' des URL

Image 039

Via votre logiciel FTP (filezilla par exemple) renommez le fichier "htacces.txt" en ".htacess" , n'oubliez pas le point. Le fichier htaccess se trouve à la racine de votre site.

Image 040

Videz votre cache et ça devrait marcher.
Si ça ne marche pas, cela veut dire probablement que votre hébergement ne supporte pas l’opération.

Si votre projet est de faire votre site en plusieurs langues, l’idéal est d’avoir un site différent par langue afin de leur attribuer un nom de domaine adapté ainsi qu’une extension adaptée au pays exemple .fr, .com, .es etc.
et aussi de trouver un hébergement local à chacun.

Les microdatas permettent notamment aux moteurs de recherche d'appréhender des informations précises sur le contenu et le thème d'une page Web.
Les Microdatas dans HTML5 : après des expérimentations en matière de balisage sémantique fournies par les microformats, il est possible aujourd'hui de le mettre en place facilement grâce à “Google console”
Voici le principe:
Connectez vous au site : https://www.google.com/webmasters/markup-helper/?hl=fr
1 - Choisissez un thème par exemple "Article"
2- Sélectionnez l'onglet "HTML" et collez le html (code source) de votre page à optimiser, puis cliquez sur le bouton "Commencer le balisage"
Voir l'exemple ci-dessous

Image 036 

Là les choses sérieuses commencent :
Vous devez sélectionner les parties de votre page qui correspondent aux balises que vous devez déclarer

Image 037

Une fois réalisé, cliquez sur le bouton "Créer le html"
Copiez le code source généré et intégrez dans l'article de votre page.

Les images présentes dans une page sont un critère important pour sa prise en compte dans Google, pour cette raison n'hésitez pas à en ajouter, sous certaines conditions :
La taille des images doit être la plus proche (en pixel) que celle que vous avez insérée. (ne mettez pas une image qui fait 1000 pixels de large alors que la taille définitive doit être de 350). En résumé elle doit être la plus légère possible.
Vous devez privilégier le format JPG plutôt que le format Png, en effet le poids est plus léger dans ce format.
Le nom des images doit contenir des mots clés, par exemple "plombier-toulouse.jpg" évitez les accents et les espaces entre les mots.

Image 035

Saisissez la balise "alt" de vos images car elle est employée pour les malvoyants.

Optimisez vos images
Les images dans Joomla ne sont pas uniquement gérées dans les articles.
Elles le sont aussi dans les modules, slides, galerie, photos, template…
La bonne pratique c'est de commencer d’organiser correctement les photos ou images sur votre site afin de pouvoir gagner du temps lors de l’optimisation et de la gestion des images.
Concrètement commencez à organiser vos photos la partie “média” de Joomla.
Si les photos sont encore sur le disque dur de votre ordinateur et que votre site est en cours de réalisation, pensez à :
les renommer exemple: plombier-toulouse.jpg (pas de majuscule, pas d’espace entre les mots, enfin pas d’accent)
Réduisez la taille de vos photos le plus possible, en effet plus la taille de photo est proche de la taille réelle visible par l’internaute et plus Google considére votre site.
Réduisez le poids de votre photo en privilégiant le format jpg et en respectant un pourcentage de compression de 80%

Comme vous l’avez vu un peu plus haut, les balises H* sont importantes. Toutefois je vous invite à respecter quelques règles que nous allons encore revoir.

• Un titre H1 par page

• Une page peut avoir plusieurs balises H2

• Respectez l’ordre d’apparition H1, H2, H3 …

Les Balises h1 à h6, qu’est ce que c’est ?

Dans une page web, les titres introduisant le contenu dans l'HTML sont signalés par les balises h1, h2, h3, h4, h5 et h6 (h pour "heading" en anglais) et ont deux principales vocations :

préparer la lecture du paragraphe que ces titres précèdent en résumant son contenu. Ils aident ainsi les lecteurs à mieux comprendre ce qu’ils vont lire.

indiquer aux moteurs de recherche les informations les plus importantes que comportent votre page (l'algorithme de Google accorderait plus de poids aux mots clés et expressions que contiennent les titres qu'au reste du contenu)

Par ailleurs, concernant l’écriture des titres dans une page web, la norme HTML 4.01 nous dit que :

chaque document HTML peut contenir un ou plusieurs titres h1 à h6

chaque titre h1 à h6 nécessite obligatoirement une balise ouvrante <hn> et une balise fermante </hn>

il existe 6 niveaux de titrage possibles : h1, h2, h3, h4, h5 et h6. h1 étant un titre de premier niveau, h2 un titre de second niveau, h3, un titre de troisième niveau etc...

Les règles d’utilisation des balises h1 à h6.

Les pratiques autorisées :

Voici deux exemples d’utilisation des éléments h1, h2, h3, h4, h5, h6. Dans ces exemples, les balises sont correctement formées et seront bien interprétées par les moteurs de recherche.

EXEMPLE 1 : TITRE PARFAITEMENT HIÉRARCHISÉ.

<body>

<h1>Optimiser la balise meta description pour le SEO</h1>

Ici le contenu du paragraphe...

<h2>Quelles sont les balises essentielles pour le référencement?</h2>

Ici le contenu du paragraphe...

<h3>Qu’est ce que la balise méta description ?</h3>

Ici le contenu du paragraphe...

<h4>Quelles sont les règles de rédaction de la balise méta </h4>

Ici le contenu du paragraphe...

<h5>Quelles sont les erreurs à éviter ?</h5>

Ici le contenu du paragraphe...

<h6>La balise meta keyword est elle importante ?</h6>

Ici le contenu du paragraphe...

</body>

La page contient un titre principal (h1 et des sous titres moins importantes h2, h3, h4, h5 et h6). Cette utilisation n’est possible que si vous avez des contenu qui se hiérarchisent ainsi (titre, sous titre, sous-sous titre...).

Si le contenu de la page ne se hiérarchise pas ainsi, ne forcez pas car vous risqueriez de nuire à la lisibilité de votre contenu.

Si le contenu de votre page web ne permet pas une utilisation hiérarchique des titre h1, h2, h3, h4, h5, h6 optez plutôt pour l’exemple suivant.

EXEMPLE 2 : UN TITRE H1 ET PLUSIEURS SOUS TITRES DE MÊME IMPORTANCE (H2)

<body>

<h1>Optimiser la balise méta description pour le SEO</h1>

Ici le contenu du paragraphe...

<h2>Quelles sont les balises essentielles pour le référencement?</h2>

Ici le contenu du paragraphe...

<h2>Qu’est ce que la balise méta description ?</h2>

Ici le contenu du paragraphe...

<h2>Quelles sont les règles de rédaction de la balise méta</h2>

Ici le contenu du paragraphe...

<h2>Quelles sont les erreurs à éviter ?</h2>

Ici le contenu du paragraphe...

<h2>La balise meta keyword est elle importante ?</h2>

Ici le contenu du paragraphe...

</body>

Dans ce cas, il y a un titre principal (h1) et 5 sous titres de même importance (h2). Cette utilisation permet d’une part d'indiquer aux moteurs de recherche que les 5 sous-titres ont le même poids et d’autre part cela permet de conserver une bonne lisibilité de votre contenu.

La pratique pénalisante :

Voici maintenant un exemple d’utilisation des titres h1 à h6 qui risquerait de pénaliser votre site. Dans ce cas, on passe de la balise h1 à h3 puis h2 et à nouveau h3. Cette ordre de présentation n'est pas logique (on ne doit pas ouvrir un sous-sous chapitre avant d'avoir ouvert le sous-chapitre parent)

<body>

<h1>Optimiser la balise méta description pour le SEO</h1>

Ici le contenu du paragraphe...

<h3> Quelles sont les balises essentielles pour le référencement?</h3>

Ici le contenu du paragraphe...

<h2> Qu’est ce que la balise méta description ?</h2>

Ici le contenu du paragraphe...

<h3> Quelles sont les règles de rédaction de la balise méta</h3>

</body>

Notez que le niveau d’importance de la balise ouvrante doit être strictement le même que celui de la balise fermante. Voici un exemple de titre valide :

<h1>Les castors lapons</h1>

Le titre suivant n’est pas valide et risque même de déstructurer toute la mise en page du document html :

<h1>Les castors lapons</h2>

Les balises h1 à h6 sont-elles importantes ?

D’un point de vue référencement naturel, après la balise title, ce sont les balises h1 à h6 qui sont probablement les plus importantes de l’ensemble du contenu d’une page web. Lorsqu’elles sont bien rédigées, les titres h1 à h6 introduisent le contenu qui les suit. Ils fournissent donc les termes les plus pertinents pour identifier le contenu du paragraphe qui les suit.

Les balises h1 à h6 entre elles

Pour les moteurs de recherche (google, yahoo, bing), les balises H1 à H6 n’ont pas toutes le même poids.

D’un point de vue référencement, la balise h1 est la plus importante parmi tous les autres titres. Plus on augmente de niveau de titre (h2, h3, h4, h5 et h6), moins son contenu sera considéré comme important par les moteurs de recherche.

Le contenu d’une balise h1 sera donc plus important que celui d’une balise h2, lui-même plus important qu’une balise h3 et ainsi de suite jusqu’à h6. Les efforts d’optimisation devront donc se concentrer en priorité sur les titres en h1, puis en h2, etc.

Les balises h1 à h6 et les autres balises & tags HTML

Pour les moteurs de recherche, après la balise TITLE d’une page web (titre de la fenêtre du navigateur), les balises h1 à h6 (titres et sous-titres du texte de la page) sont probablement les balises HTML les plus importantes. Elles sont donc incontournables dans l’optimisation d’une page web pour un meilleur référencement naturel.

Voici un exemple de Balises h1 à h6 mal optimisées :

<h1>Le sport</h1>

...

<h2>Quel sport ?</h2>

...

<h3>Où ?</h3>

...

Il faut choisir avec soin les mots-clés à partir desquels les utilisateurs peuvent trouver la page web.

<h1>L’importance de la pratique du sport </h1>

...

<h2>Quelle activité sportive choisir ?</h2>

...

<h3>Où pratiquer une activité sportive ?</h3>

...

Quelles sont les règles de rédaction des balises h1 à h6 ?

Le mot d’ordre : trouver le bon compromis entre le référencement naturel et les internautes :

Pour un bon référencement naturel, un titre doit contenir des mots-clés stratégiques sur lesquels vous souhaitez vous positionner dans les pages de résultats.

Mais il ne faut pas privilégier le référencent au détriment des internautes. Quel est l’utilité d’une page bien référence si les internautes n’y comprennent rien et la quittent aussi tôt arrivé ?

Il faut donc trouver le meilleur compromis entre un titre à destination des internautes et un titre à destination des moteurs de recherche. L’exercice est difficile. Il faut être fin rédacteur pour placer les bons mots-clés dans les titres.

Par exemple, le titre, « Découvrez les règles d’optimisation des balises h1 à h6 » peut convenir aux internautes et aux moteurs de recherche. Alors que si on souhaite un titre destinée uniquement aux moteurs de recherche, le titre suivant serait préférable : « Optimiser les balises h1, h2, h3, h4, h5 et h6 »

Quelle longueur pour les balises h1 à h6 ?

Il n’y a pas de règle pour la longueur des titres. Ils peuvent aussi bien être courts que longs. Il faut néanmoins surveiller la densité des mots-clés dans les titres. C’est un critère important. Cela peut justifier l’emploi plus récurrent de titres courts ou de longueur moyenne.

Image 034Pour contrôler votre page je vous invite à prendre l’outil «Webdevelopper» de Firefox ou un équivalent.

 

ésentation du projet du site

Exemple :

Le site réalisé présentera les laboratoires Plantaurel:

  • L'entreprise, sa philosophie

  • Ses services

  • Ses produits

  • ...

Le site sera conforme ( responsive) aux médias actuels, CAD : lisible sur Smartphones et tablettes.

Il sera évolutif et pourra intégrer une partie E-commerce.

L'analyse du contenu prendra en compte les normes des moteurs de recherche de type "Google", les informations contenues pourront être exploitées dans les divers réseaux sociaux professionnels.

Il sera possible d'exploiter les informations dans une Apps (application téléchargeable depuis Google play & Apple store). Il pourra être multi-langues.

Les outils, le contenu restera la propriété de l'entreprise " les laboratoires Plantaurel".

Les informations, la mise à jour du contenu du site pourront être gérées par les laboratoires Plantaurel qui détiendront tous les accès et droits de l'ensemble du site.

(Les Laboratoires pourront être indépendants s'ils le souhaitent)

La cible :

Les professionnels de la Dermocosmétologie (Laboratoires etc...)

Ce site permettra l'accès à ses clients ou prospects de bénéficier d'un accès privé.

Possibilité de télécharger des documents privés etc..

Nom de domaine

2 solutions, soit :

La société gestionnaire du nom de domaine actuel (http://www.laboratoires-plantaurel.com/) donne la possibilité de le récupérer

soit , il sera crée un nom de domaine équivalent.

Exemple:

http://www.laboratoires-plantaurel.fr/

http://www.laboratoires-du-plantaurel.com/

http://www.laboratoires-plantaurel-dermocosmetologie.com

il est possibile d'avoir plusieurs noms de domaine attachés à 1 site

(pour information un nom de domaine coûte 10€).

Hébergement

Hébergement gratuit ?

Hebergement pro ?

Hébergement mutualisé ?

Exemple :

Le site sera hébergé sur un serveur professionnel de type semi-dédié.

L'hébergeur prend en charge une sauvegarde journalière sur 15 jours glissants.

Une assistance téléphonique et mails est inclus dans le pack pour tout ce qui concerne les questions éventuelles d'hébergement, de sauvegarde, de nom de domaine etc...).

Outils préconisés pour la réalisation du site

Le logiciel Joomla associé à Hikashop ou virtuemart pour une évolution vers un e-commerce.

Joomla vous permettra de saisir en ligne vos pages, leur contenu, d'effectuer vos modifications , de télécharger vos photos etc...et vous procure une autonomie complète.

Pourquoi Joomla (ou wordpress):

Ce CMS a gagné les Owards du meilleur logiciel libre du monde depuis 5 ans, il est évolutif, conforme aux référencements et normes Google. Il existe des milliers d'extensions possibles à installer en fonction des besoins, des métiers ( galerie photo, droits d'accès, paniers, vidéo, ...).

Adapté à votre métier et aux besoins futurs d'évolutions de l'entreprise.

 

 Arborescence

Menu horizontal

Accueil

Thème 1

Thème 2

Thème 1

Contact

autant d'onglets que de rubriques et selon le nombre, il est possible d'avoir des sous menus.

Menu vertical gauche ou droit

Autre thème 1

Autre thème 2

Autre thème 3

Autre thème 4

Autre thème 5

Menu horizontal bas de page

Mentions légales

Accès clients

Texte pied de page : Copyright & mentions légales

Maquette du site

Exemple :

Image 043

 

Couleurs

*Exemple de base de couleurs

Image 044

 

Fond : #fffff

Feuille : #fffff

Menu: #fffff

 

Polices : Tahoma et verdanna

Typo: : arial tahoma verdana...

 

Favicon (favicon.ico)

Image 045

 

Logo

 

Image 046

 

Mots-clefs métiers

Cible : professionnelle

Laboratoires

Marque de la dermocométologie

Laboratoires du Plantaurel

Syndets

Savon noir

Base Pain surgras

Etc...

Acces privé ou public

Le visiteur pourrat accéder à un acces prvié dédié pour télécharger ses documents

Flux et partage d’informations

Afin d'être conforme aux moteurs de recherche actuels, il est conseillé de créer un blog (différent de Forum) professionnel, il permettra le partage d’informations vers les réseaux sociaux et autres sites.

1 info par semaine conseillé.

Réseaux sociaux Entreprises

Un lien sera fait vers :

https://www.facebook.com

https://plus.google.com/https://www.linkedin.com

Exemple d'extensions du site :

Formulaire de contact avec Captcha

Like Box Facebook

E-commerce Hikashop

Gestionnaire de téléchargement de documents

Sécurité

Mise à jour du htacces

Protection du compte de connexion

Mise en place d’un Capcha pour le formulaire de contact

Blog

Avantage d'un Blog : un blog permet d'augmenter le nombre de page sur un site, critère de qualité pour le référencement Google, de plus, il très utile lorsque le nombre de rubrique est limité.

Séo & Référencement Google et autres moteurs

Installation d’un siteMap (carte du site) Mise en place de la réécriture d’URL

Optimisation et description des images (taille, nom, format et description)

Optimisation du contenu par page (langage Google)

Ajout du bouton Google plus, Facebook etc

Liste des pages (ou articles)

Nombre de pages à définir (15 pages minimum conseillé pour être référencés naturellement ).

exemple de page :

Accueil

Entreprise

Nos services

Nos produits

Notre savoir faire

Nos références

Galerie photo

Blog

Contact

Mentions légales

etc

Les rôles de chacun

  • Contenu Anglais et Français (texte) fourni par le client

  • Photographies de qualité fournis (possibilité de faire intervenir un photographe en option)

  • Logo fourni en HD

formation pour la prise en main de l'alimentation du site

  • 1/2 journée sur Toulouse ou sur site (frais de déplacement en sus)

Maintenance

  • maintenance et correctifs (ne concerne pas le refonte du site) inclus pendant 1 an.

Référencement

  • 1er et 2ème niveau inclus (attention, un site doit être alimenté, mis à jour régulièrement pour que le référencement soit optimum)

Sécurité et sauvegarde

  • l'hébergeur fourni une sauvegarde journalière sur 15 jours glissants

  • Le propriétaire du site a accès à un outil automatique de sauvegarde supplémentaire qu'il devra effectuer.

 

Image 034

 

Un tiers deux tiers
Le nombre d'or 2 tiers 1 tiers ; le nombre d’or est une règle à respecter si vous voulez mette en avant une information, le personnage ci-dessous est positionné à un tiers de la largeur de l’image.

 

Image 035 

Le cadrage
​ Le « cadrage » peut être l'action de choisir ce qui entre dans les limites du cadre de l'image en photographie ou en cinéma et vidéo ou le résultat de cette opération4, l'un des éléments de définition d'un plan. En audiovisuel, le cadreur est responsable du cadrage, qui est presque toujours définitif. En photographie, on le modifie après la prise de vue par « recadrage » pour mettre en évidence un sujet.


Image 036

La réalisation d'une image photographique sur un sujet donné se décompose en choix d'un format d'image parmi ceux offerts par les fabricants d'appareils photos et de pellicules, en choix de l'orientation, horizontale ou verticale, en détermination d'un point de vue et d'un angle de vue. En photographie, on peut revenir partiellement sur certaines de ces décisions au tirage ou à la post-production numérique. Ces opérations qui répartissent les éléments du sujet à l'intérieur du cadre constituent la composition picturale des images photographiques.
Coupez le haut de la tête pour faire ressortir les informations essentielles

Image 040

 

E-commerce : le cerveau reconstruit les informations manquantes et suscite l’intérêt

 

Image 037

 

Photographiez les profils horizontalement

Le format vertical est le format des pros

 

Image 039

Le sourire n'est pas une obligation

 

 Image 041

Ne photographiez pas un portrait les épaules en face de l'appareil

 

Image 042

 

Le sens de l'information
Le sens de la photo : pensez à avoir une photo dont le sens part vers la droite et la gauche.

Préparez la page de couverture

 

 

 

Mettez une bannière qui reflète votre entreprise, attention au droits à l’image, si vous récupérez des photos sur la toile.

Voici un lien pour obtenir des images de couvertures : http://facebook.couverture.free.fr/

 

Ce qu'il ne faut pas  faire

Ne pas avoir une image de profil, les pages sans photos de profil ne suggère pas l’intérêt des internautes

Avoir une image trop exotique

Image 033

Le design plat ou flat design est un style de design d'interface graphique caractérisé par son minimalisme. Il se base sur l'emploi de formes simples, d'aplats de couleurs vives et de jeux de typographie.
Ce style s'inspire notamment du style typographique international1.
Il peut présenter plusieurs atouts :
il facilite la conception d'interfaces s'adaptant à la surface d'affichage (sites Web adaptatifs) ;
son usage d'aplats de couleurs permet de meilleurs taux de compression ; et,
il se prête bien aux images vectorielles, qui rejoignent ces avantages (changement de taille sans perte de qualité + légèreté des fichiers).

Site responsive

Image 031
Plus personne ne doute aujourd'hui que l'usage des smartphones est en train d'exploser. De plus en plus de personnes visitent aujourd'hui des sites web depuis leur navigateur mobile. Sur le Site du Zéro, déjà plus de 5% des visiteurs viennent depuis un appareil mobile. Ils étaient la moitié (2,5%) un an plus tôt.
Et pour Google
https://search.google.com/test/mobile-friendly?hl=fr

 

Image 032

La couleur et le genre

 

Le sexe de vos visiteurs a une influence sur leurs préférences en terme de couleurs. Quand vous réfléchissez à la palette de couleurs de votre site, gardez à l’esprit ce qui suit :

Les femmes ont tendance à aimer le bleu, le violet, le vert et le rouge, mais pas le orange, le marron, le gris ni le jaune. quelles sont les bonnes couleurs pour un public féminin ?

Les hommes ont tendance à aimer le bleu, le vert, le noir et le rouge, mais pas le marron, le orange, le jaune ni le violet. quelles sont les bonnes couleurs pour un public masculin ? En ce qui concerne les nuances, les hommes préfèrent en général les nuances foncées (le mélange d’une couleur avec du noir), tandis que les femmes préfèrent les nuances claires (le mélange d’une couleur avec du blanc). Les hommes ont aussi tendance à préférer les couleurs vives, tandis que les femmes préfèrent les couleurs douces. Attention, bien que tirées de recherches scientifiques (ici et là) ces informations ne sont pas des règles universelles et ne seront pas adaptées à tous les contextes.

 

La règle des trois couleurs est un commandement sacré.

Image 027

Ne dépassez pas trois couleurs pour un site, toutefois il existe des cas particuliers dans le cas des teintes. le noir et le blanc sont des teintes alors que le rouge, le bleue sont des couleurs.

Image 028

Symbolique des couleurs

Le noir et le blanc ne sont pas considérés comme des couleurs. Ils sont très peu présents dans la nature à l’état pur. On peut donc facilement les associer avec n’importe quelle couleur.

Le gris, très neutre, s’accorde aussi avec beaucoup de couleurs.
Privilégier toujours les couleurs plus sombres pour le bas.Un site intéressant pour aller plus loin sur les couleurs : http://www.code-couleur.com/

Tableau récapitulatif sur la symbolique des couleurs

ROUGE

BLEU

VERT

JAUNE

BLANC

Force
Passion
Puissance
Interdiction
Danger
Virilité
Courage
Action
Force

Paix
Vertu
Immatérialité
Méditation
Sagesse
Rêverie
Confiance
Bonté
Calme
Sécurité
Foi
Féminité

Espérance
Nature
Immortalité
Repos
Foi
Jeunesse 
Fécondité
Satisfaction
Calme

Science
Conscience Idéalisme
Action
Luminosité
Orgueil
Jalousie
Calme
Sécurité

Pureté
Innocence
Chasteté
Richesse
Silence

OR/ARGENT

ORANGÉ

VIOLET

GRIS

NOIR

Immortalité
Richesse 
Gloire (or)
Respect (argent)
Dignité (argent)

Energie
Ambition
Enthousiasme
Imagination
Richesse
Honneur

Politesse
Jalousie
Mystère
Spiritualité
Mélancolie 
Tristesse
Modestie
Religion 
Inconscient
Secret
Ténèbres
Mort
Piété
Noblesse

Sobriété
Tristesse
Modernisme
Peur
Monotonie

Mort
Deuil
Nuit
Mystère
Monotonie
Tristesse
Détresse
Angoisse
Noblesse
Distinction
Élégance
Silence

Symbolique des couleurs par civilisations

 

ROUGE

BLEU

VERT

JAUNE

BLANC

Chine

Joie
Mariage

Paradis
Légèreté

Dynastie Ming
Paradis
Légèreté

Naissance
Santé
Force

Mort
Pureté

Egypte

Mort
Méchanceté
Désert

Vertu
Vérité
Fidélité
Immortalité

Fertilité
Force
Islam

Joie
Prospérité

Joie
Fête

Etats-unis

Danger

Masculinité

Sécurité

Lâcheté

Pureté

France

Anarchisme
Communisme

Liberté
Paix
Royauté

Criminalité

Temporalité

Monarchie
Neutralité

Inde

Vie
Créativité

...

Prospérité
Fertilité

Succès

Mort
Pureté

Japon

Colère
Danger

Méchanceté
Bassesse

Futur
Jeunesse
Énergie

Grâce
Noblesse

Mort

Source : CRIM formation - Ecole polytechnique de Montréal

 

 

Les outils et palettes de couleurs à votre disposition

 

La signification de vos couleurs n’est pas tout, il faut aussi choisir des couleurs qui vont bien ensemble. Si vous avez besoin d’aide pour choisir ces combinaisons de couleurs, plusieurs outils sont à votre disposition :

  • Kuler - Cet outil très bien conçu permet de choisir des couleurs accordées selon plusieurs règles différentes.
  • ColourLovers - Ce site vous propose des palettes de couleurs déjà composées et prêtes à l’emploi !
  • 0 to 255 - Vous avez identifié votre couleur principale mais avez besoin de couleurs complémentaires ? Ce site peut vous aider !
  • Colrd - Ce site vous propose de nombreuses palettes de couleurs basées à chaque fois sur des images.
  • Multicolr Search Lab - Indiquez les couleurs de votre site, ce moteur de recherche malin se charge de trouver les images qui correspondent. Attention : vérifiez bien que vous avez le droit d’utiliser les images que vous trouvez avant de le faire.

Association des couleurs

 

Se servir du site "Colourlover" pour associer des couleurs

Vous pouvez aussi vous servir du site " www.colourlovers.com" pour vous aider à choisir les couleurs de vos interfaces.

Connectez vous sur ce site, cliquez sur la loupe du moteur de recherche interne, dans le formulaire ci-dessous saisissez un code couleur ou un mot-cles , le site vous fera des propositions de couleurs.

Image 029

 

5 combinaisons de couleurs à ne jamais utiliser sur votre site

 

Quand vous sélectionnez les couleurs composant votre palettes, souvenez-vous aussi que certaines combinaisons sont à éviter sur vos pages. Voilà les principales d’entre elles :

 

Jaune et vert

 

Même si la combinaison de ces deux couleurs attire l’attention, surtout dans leurs déclinaisons les plus vives, elle est aussi très énervante et souvent illisible. Ces teintes sont de plus trop proches pour être utilisées côte à côte.

 

Vert et Rouge

 

Utilisable à la limite pour des décorations de noël, ces couleurs ne doivent pas être associées sur internet. Elles détonnent et rendent tout texte difficile à lire. Le contraste élevé provoqué par cette association de couleurs semble faire vibrer textes et images, ce qui fatigue rapidement les yeux.

  

Violet et Vert

 

Assez percutant pour capter l’attention de tout le monde, mais trop dur à lire et fatiguant pour les yeux, comme le vert et le rouge précédemment.

 
Rouge sur Noir
 

Parfait pour un film sur les vampires, à éviter dans toutes autres situations. Du texte rouge sur un fond noir est très difficile à lire. En règle générale, il est préférable d’éviter d’utiliser un texte coloré sur un fond noir.

  

Bleu et Rouge

 

Deux couleurs primaires qui n’ont rien à faire ensemble sur un site internet. Utilisées ensemble, elles provoquent la sensation de vibration évoquée précédemment, et rendent tout texte quasi impossible à lire.

 

 

Ne dépassez pas trois polices différentes sur un site, exemple une pour le titre du site, une pour le titre des pages, une pour le texte

https://www.google.com/fonts est l'adresse d'un site qui peut vous rendre service. Il suffit de choisir une police de copier le code et de le mettre dans le fichier CSS de votre site.

 Image 023

Exemple de code généré par Google font à insérer dans votre site

 Image 024

Image 025

 

Astuce : Comment reconnaître la police d'une image

Sur ce site vous pouvez uploader une image, elle reconnaitra la police dessinée sur cette image.
https://www.myfonts.com/WhatTheFont/

 

Image 026

 

Analyser et fabriquer l'arborescence de votre site

Voilà des outils intéressants qui vont vous permettre de réaliser l'arborescence de votre site, ainsi vous pourrez le faire valider par votre client.

 

 

MindMup 2

MindMup est une application en ligne de Mind-Mapping (cartes mentales) libre et gratuitecomme ses concurrents Framindmap ou Freemind. MindMup dispose d'une interface trés dépouillée, avec des menus uniquement en anglais à ce jour.  Des extensions en option permettent de personnaliser la barre de menu.
Le principal atout de MindMup est son mode collaboratif. Chaque carte peut être ouverte et partagée sur Dropbox ou Google Drive. Il est également possible d'importer un fichier Freemind dans l'interface. MindMup est plus particulièrement à l'aise en mode collaboratif avec Google Drive. En effet il est possible de partager en temps réél son travail via la commande "Collaboration" puis "Invite collaborators". Un simple saisie d'adresse électronique du collaborateur permet de lui envoyer une invitation...
 Principales fonctions :
 Partage : vous pouvez accéder à vos données n'importe où, à partir de n'importe quel appareil via le stockage en nuage gratuit et public pour Mindmaps. Il est possible d'enregistrer les cartes mentales privées sur Google Drive , avec accès détaillé et le contrôle de partage. l'inscription n'est pas nécéssaire.
 Productif : l'interface utilisateur s'adapte automatiquement aux écrans tactiles ou ordinateurs de bureau / systèmes d'ordinateurs portables. Sur les ordinateurs de bureau, toutes les opérations de carte ont des raccourcis clavier . Sur les appareils mobiles, les barres d'outils s'adaptent et les boutons deviennent plus grands. Il est possible de masquer tous les menus et barres d'outils pour tirer le meilleur parti de votre écran.
 Opensource : MindMup est libre, opensource, sans publicité ou spam. L'outil Freemind mindmap import/export permet aux utilisateurs d'importer et exporter des cartes.

 

 

 

 

Write Map   (gratuit pour trois plans de site)

 

 

Les règles de base de votre IHM et graphisme web

La règle du nombre d'informations :
Ne dépassez pas 19 informations par interface, en effet c'est le nombre maximum que le cerveau peut enregistrer à la fois.

 

Prévoir le contenu de votre site

 

Les images

Pour les images de vos articles

Les images présentes dans une page est un critère pris en compte dans Google, pour cette raison n'hésitez pas à en ajouter dans certaines conditions :

La taille des images doit être la plus proche (en pixel) que celle que vous avez insérée. (ne mettez pas une image qui fait 1000 pixels de large alors que la taille définitive doit être de 350). En résumé elle doit être la plus légère possible.

Vous devez privilégier le format JPG plutôt que le format Png, en effet le poids est plus léger dans ce format.

Le nom des images doit contenir des mots clés, par exemple "plombier-toulouse.jpg" évitez les accents et les espaces entre les mots
Saisissez la balise "alt" de vos images car elle est employée pour les malvoyants.

Les images: règles de nommage

Dans un site Internet La page « mentions légales »du site doit contenir au moins: 

La raison sociale
Le siège social
Un numéro de téléphone
Le nom du directeur de la publication et/ou du responsable de la rédaction
Et s’il y a lieu, le capital social et le numéro d’inscription au registre du commerce et des sociétés (RCS).

 

Le cas d’un site Internet édité par une personne physique La page « mentions légales » du site doit contenir au moins :

Nom Prénoms
Adresse du domicile
Numéro de téléphone
Le cas échéant, il faut ajouter le numéro d’inscription au registre du commerce et des sociétés (RCS) ou au répertoire des métiers.
«Il est néanmoins possible de garder son anonymat, dès lors que les coordonnées exactes de l’éditeur ont été transmises de façon correcte à l’hébergeur.
C’est alors l’hébergeur qui sera tenu de communiquer les information sur l’éditeur, mais uniquement dans le cadre d’une procédure judiciaire.»

Le cas d’une boutique de vente en ligne

Les modules sont des extensions utilisées pour le rendu des pages. Ces modules peuvent également être comparés à des “boites” disposées autour d'un composant. Les menus, la fonctionnalité de recherche ou la connexion au site sont par exemple affichés par des modules. Il est possible d'afficher de nombreuses choses avec un module. Il est également possible de publier son propre code HTML grâce au module Contenu personnalisé.

Les modules se placent sur les différentes positions du template, peuvent être affichés sur certaines pages et pas d'autres (grâce notamment à l'assignement de menu ou aux langues) et peuvent être affichés à certains utilisateurs mais pas à d'autres (grâce au niveaux d'accès).

 Pour installer Joomla 3.5, il faut préparer vos access, c'est à dire:

  • Les codes "ftp" pour déposer Joomla sur votre hebergement
  • Les codes de la base de données de votre hebergeur
  • Un nom de domaine ou l'url d'acces a votre site
  •  Allez télécharger la dernière version de Joomla sur le site : https://www.joomla.fr/ 



  • Une fois téléchargé, creez un dossier dédié sur votre ordinateur, déposez l'archive et dézippé la.

    dezipper joomla



  • Ouvrez le logiciel "Filezilla" ou un autre paramétrez les code d'acces "ftp" fournis par votre hébergeur et déposez l'ensemble des fichiers que vous avez dézippé à la racine de votre site.

    transfert ftp joomla

  • Ouvrez l'url de votre site, renseignez le formulaire avec les codes de la base de données fournis par votre hebergeur:

    install joomla 1

    Etape : - Configuration
    1 – Choisissez la langue souhaitée pour effectuer l’installation.
    2 – Saisissez le nom de votre site.
    3 – Saisissez une description de votre site, utile pour le référencement (ce paramètre pourra être rempli après l’installation de Joomla!).
    4 – Saisissez votre e-mail
    5 – Saisissez votre identifiant. Par défaut cet identifiant est “admin”, si vous installez Joomla! sur un serveur distant, il est grandement conseillé d’utiliser un autre identifiant (voir le chapitre sécurité). Si vous installez Joomla! en local, vous pouvez laisser “admin”.
    6 – Saisissez et confirmez votre mot de passe (voir le chapitre sécurité).
    7 – Vous pouvez choisir de verrouiller l’accès au public une fois l’installation terminée.

    install joomla 2

Etape : - Base de données
A cette étape, Joomla! va créer la base de données. vous devez créer cette base de données au préalable, il vous suffit ensuite d’entrer les identifiants fournis par votre hébergeur.
1 – Le type de base de données. 
2 – Identifiants de la base de données 
3 – Joomla! génère aléatoirement un préfixe de table (de 5 caractères), vous pouvez le modifier si vous le souhaitez.
4 – Si vous avez une ancienne installation de Joomla!, sur la même base, vous pouvez choisir de sauvegarder ou de supprimer les tables de cette installation

install joomla 3 1

install joomla 3 2

install joomla 3 3 

Etape : - Vue d’ensemble
1 – Choisissez d’installer ou non les données d’exemple de Joomla!.
2 – Vous pouvez choisir d’envoyer les données de configuration de cette installation par mail. 

install joomla 4

install joomla 5

  • Supprimez le dossier "installation"
  • Votre site est prêt pour l'aventure.

Il y a des dizaines de plugins de sauvegarde pour WordPress, alors pourquoi avoir choisi BackWPup ?

Il permet l’envoi des sauvegardes sur un serveur ftp 

Il permet d’automatiser mes sauvegardes 

Son interface est en français, c’est toujours plus pratique 4. Il est gratuit

Définition

Ue extension (ou Plugin)est un petit programme qui va permettre à WordPress d’étendre ses fonctionnalités et d’enrichir ses options de base (galerie photo, formulaire de contact, aide au référencement, réseaux sociaux...).

Installer une Extension

Cliquez à gauche sur « Extensions « Ajouter »



Image 002


Choisissez dans la liste l'extension de votre choix et cliquez sur « Installer maintenant »



Image 003

L'extension est maintenant installée.

Paramétrage de l'Extension

WordPress a rajouté un nouveau menu à gauche, soit dans l'arborescence principale, soit dans le menu « Réglages » (tout dépend de l'Extension »

Le paramétrage dépend ensuite de l'Extension.

Informations

André Debaisieux

Consultant formateur Web

06.30.00.91.44

andre.debaisieux@gmail.com

Communication

facebook  linkedin.fw youtube

 

 

Membres

labe qualité region occitanie  datadock  certification cqp