Apprendre à créer et mettre en marché des sites web

Nous créons des guides, videos, et plus afin de vous montrer comment optimiser la présence web de vos clients.

Publié par Sébastien Giroux le 7 mai 2014

Transcription du vidéo

Bonjour tout le monde. Aujourd’hui ce que je vais faire, je vais vous montrer comment prendre un site web actuel et comment le recréer et dans Ekomobi. C’est vraiment, une des meilleures façons d’apprendre comment à utiliser Ekomobi, c’est de prendre un site web actuel et de le recréer.

Dans mon cas, je vais prendre le site web de la Classique Charlebois Trépanier, qui est une œuvre de charité pour laquelle je suis impliqué, et je vais refaire le site web dans Ekomobi. Donc la première chose que j’ai faite, j’ai extrait des photos de ce site web là. Donc, on voit ici qu’il y a le logo, il y a le golfeur et il y a la photo en bas des partenaires. Donc, j’ai tout mis ça dans un répertoire et puis j’ai aussi extraire le five icons. Donc avec ça, je devrais être capable de créer mon site Ekomobi qui devrait ressembler pas mal à ce site-là.

Donc ce que je vais faire, dans le tuteur Ekomobi, je vais me créer un nouveau site. Première chose que je vais faire, je vais m’assurer d’être dans la bonne langue. Donc, la langue par défaut est en français, donc vu que ça doit être en français, c’est excellent. Je vais travailler comme ça. Par la suite, je vais créer quelques pages pour la navigation. De cette façon, lorsque je vais créer les « Call to Action » dans page, je vais pouvoir les lier directement, donc ça va m’éviter du travail, d’être toujours obligé d’aller modifier les « Call to Action » par la suite. Donc, je vais créer une page pour les inscriptions. Je vais créer également une page pour les partenaires. Ça devrait être assez pour l’instant. Donc, je vais mettre deux « Call to Action » sur ma page.

Par la suite, je vais aller configurer mon thème, je vais aller m’assurer que les couleurs matchent ce que j’avais dans l’autre site. Donc le menu, je vais le laisser comme ça. Je vais me faire un site de 940 pixels de large. C’est beaucoup plus facile dans un cas comme ça, quand on n’a pas beaucoup de photos. Je vais cacher le footer. Et puis vu que je vais probablement avoir des sous-pages, je vais ajouter les sous-menus dans les pages.

Par la suite, je vais aller choisir les couleurs pour mon thème. Donc pour ce faire, j’aime utiliser un color picker qui est directement intégré dans Chrome. Donc dans ce cas-là, j’utilise celui ici qui est le Awesome Color Picker qui m’ajoute un petit color picker dans Chrome qui va très, très bien lorsqu’on veut créer des sites Internet. Donc ce que je vais faire, première chose c’est que je vais copier la couleur qui est ici. Parfait, donc j’ai copié cette couleur-là qui va être utilisée un peu partout dans le site. Donc, je vais la mettre ici en couleur de background. Je vais la mettre dans la barre de menu également. Dans le background de mon en-tête.

Et puis la petite ligne qui est en dessous du menu, je vais la mettre le jaune qu’on a ici et également les différents boutons. Donc, je vais choisir cette couleur-là ici. Avec mon color picker, je vais retourner dans mon « Admin ». Donc les boutons, je vais aller changer la couleur de mes boutons. Excellent, parfait. Et pour ce qui est du footer et du bloc, bien je vais la mettre de cette couleur-là ici qui est le gris un petit peu plus pâle que l’on a également ici. Donc, je vais la choisir avec mon color picker encore. Et je vais faire la même chose pour le footer.

Maintenant ce que je vais faire, je vais m’occuper de ma typographie. Donc vu que le site va être foncé, je vais mettre la typo d’un blanc parfait. Même chose pour les titres. Donc, ça va être en blanc. Et je vais choisir comme police, Raleway ici. Parfait, c’est ce qui configure mon thème. Donc, je vais sauvegarder la page. Donc, on voit que le site est déjà pas mal de la bonne couleur.

Ce que je vais maintenant faire, ce que je vais commencer par uploader le logo. Donc avec qu’est-ce que j’ai préparé. Je vais sur mon « Bureau ». Je vais choisir mon logo. Je vais mettre un numéro de téléphone avec un petit icône blanc. Je vais choisir celui-là. OK toujours important lorsqu’on met le numéro de téléphone, c’est de mettre le 1 en avant. Donc lorsque les gens vont utiliser leur cellulaire et puis que c’est une longue distance, ça va le signaler automatiquement. Donc, c’est un petit truc que je voulais vous donner ici. Donc je vais ajouter le numéro de téléphone. Parfait. Excellent, donc si je regarde la page maintenant ce que ça a l’air, donc ça commence à avoir du bon sens.

Et puis ce que je vais faire maintenant, je vais créer le header de mon nouveau site. Pour ce faire, je vais vous montrer un petit truc. Je vais mettre une photo en background pour mon image, donc je vais effacer les autres blocs pour l’instant. Et puis, je vais effacer cette colonne-là. Puis dans ma colonne de droite, je vais juste mettre un texte assez simple, puis je vais dire quelque chose comme « Aider la sclérose en plaques ». Donc je vais regarder quel était leur logo ici et puis je vais copier ce bout de texte là. Encore là, j’utilise un petit plug-in dans Chrome qui permet de copier le texte sans avoir le HTML avec, ce qui est très, très utile lorsqu’on veut copier du texte sans avoir du HTML avec. Donc l’extension, je l’ai ici. C’est le « Copy Plain Text ». Ça enlève tout le formatage qu’il pourrait y avoir sur une page web et ça permet de faire une copie qui est beaucoup plus facile. Donc je vais aller ici, je vais copier mon texte, je vais le centrer, et puis je vais le mettre en titre H1. Excellent, donc j’ai ma page là.

Et puis en dessous, je vais m’ajouter un bouton qui va me permettre de devenir partenaire. Donc, je vais écrire mon texte : « Devenez partenaire ». Et puis je vais ajouter un lien sur ce bouton-là qui va pointer vers ma page Partenaires que je pourrais créer par la suite. Ce que je vais mettre, c’est que je vais vouloir lui ajouter des classes qui vont me permettre de transformer ce bouton-là en bouton. Donc je vais juste, pour l’instant, aller chercher le lien de mon bouton. Donc, je vais juste rafraîchir ma page. La page partenaire est ici, donc je vais copier ce lien-là dans mon URL. Et puis, on voit maintenant que j’ai mon bouton « Aider la sclérose en plaques », un bouton « Partenaires » qui va pointer au bon endroit.

Et ce que je vais pour ce bloc-là, je vais enlever les marges et puis je vais mettre une image en background qui va être à l’arrière de mon bloc. Donc, je vais venir ici en dans le background, je vais choisir un fichier. Donc là, je vais mettre mon petit golfeur. Puis, je vais positionner en haut à gauche de mon bloc. C’est là que je vais le mettre. Puis je vais faire « sauvegardez ». Donc, on voit que mon golfeur est ici, mais je veux probablement que le bloc prenne plus de place. Donc ce que je vais faire, je vais aller ajouter du padding à mon bloc. Donc, je vais ajouter 45 en haut et en bas. On a besoin de peut-être un petit peu plus. Je vais ajouter à 60. Donc, je pense que ça devrait être bon pour l’instant. Et puis je vais m’assurer que la couleur du background est la même couleur que la photo. Dans ce cas-ci, on va mettre un noir. Donc, je vais choisir le noir ici. Et puis, je vais m’assurer que la section va prendre toute la largeur de la page. Donc, j’ai maintenant mon bonhomme avec le texte par-dessus. Donc si je regarde le résultat, si je retourne à la page d’accueil, excellent. Donc, je pense que ça me fait un bel en‑tête, je pouvoir maintenant continuer à faire mon site web.

Donc, je vais décider… ici je vais ajouter un bloc de texte de la même… je vais utiliser la couleur de background par défaut. Donc, je vais mettre mon bloc de texte et puis je vais aller chercher l’invitation du comité organisateur. Donc ici, j’ai l’invitation. Encore là, je vais le copier sans aucun formatage et puis je vais le mettre dans le bloc. Et puis encore là, je vais le centrer et puis je vais le mettre en titre H1. Et je vais aller ajouter du padding autour de mon bloc. Donc, je vais enlever la marge et puis je vais essayer de garder toujours le même padding entre mes différents blocs. Donc, je vais toujours essayer de mettre 30-30 entre chacun des blocs pour espacer le tout correctement. Donc, je n’aime pas trop, trop le résultat, donc je vais venir ici, puis cette phrase-là je vais la transformer en sous-header. Ça devrait aider pas mal. OK, donc c’est bien.

Par la suite, je vais mettre peut-être un petit peu plus d’informations concernant la journée de golf. Ce que je vais faire, je vais ajouter encore là un autre bloc de texte, juste en dessous ici. À la bonne place. Et puis pour distinguer de la section précédente, ce que je vais faire, je vais changer la couleur de background, puis je vais utiliser une autre des couleurs qui est associée au site. Donc, je vais utiliser la couleur qui est ici. Donc encore là, je vais utiliser mon color picker et puis je vais changer la couleur de cette section-là. OK, je vais venir coller l’information. Parfait. Et puis je vais la mettre la largeur du bloc. Parfait, mon bloc est ici. Je vais aller ajuster les marges encore là pour ce bloc-là. Comme je vous disais, je vais mettre 30-30 pour chacun des blocs pour les espacer correctement. Et puis là, je peux venir mettre le titre par exemple de cette section-là. Donc ce que je vais faire, je vais mettre le déroulement de la journée. Donc, on voit ici, une des choses que je faire, l’information qui est ici, je vais la réorganiser pour que ce soit bien en mobile.

Donc, une des choses en mobile, ce qui va arriver c’est que la colonne de droite va se retrouver en dessous de la colonne de gauche. J’ai comme l’impression que l’information concernant l’heure du tournoi est plus importante, donc on va la mettre à gauche. Comme ça, elle va se retrouver en premier en mobile. Donc je vais venir… pour tout de suite, je vais faire le titre. Copier/coller au bon endroit. Déroulement de la journée, encore là je vais le centrer, je vais lui mettre encore là un paragraphe de titre 1. Et pour mettre le reste, je vais utiliser un deux colonnes. Encore là, je vais mettre la même couleur que le reste. Et je vais l’appliquer pour la largeur au complet. Donc, ce qui me fait mon bloc ici. Donc, je vais aller copier le texte. C’est toujours à peu près le même principe. Je vais le copier sans aucun formatage, puis je vais le mettre dans la colonne de gauche. Donc, je vais réorganiser le tout.

Puis ce que je vais faire, pour les titres, je vais les mettre en H3. Toujours important d’utiliser les titres qui sont déjà définis. Comme ça, on va s’assurer que le tout va bien apparaître sur le mobile. Je vais m’assurer que l’espacement est le même partout. Excellent. Et puis, je peux faire la même chose pour la colonne de droite. Donc, je vais juste terminer ça. Encore là, pour mes différentes sections, je vais ajouter des titres de niveau 3. Parfait. Donc, je vois maintenant que le résultat est quand même assez balancé. Donc, c’est le look que je vais avoir. Je prévisualise mon site, OK, ça commence à avoir l’air de ça. Ça commence à avoir pas mal de bon sens.

Donc là, ce que je voudrais faire probablement, c’est ajouter un « Call to Action » pour inciter les gens à venir s’inscrire au tournoi. Donc, je vais amener mon bloc « Call to Action » ici. Encore là, même principe. Je vais choisir la même couleur que l’autre. Donc, je vais amener la marge ici qui est sur celui-là, puis je vais lui ajouter… je vais laisser faire le padding, je vais le mettre directement dans le « Call to Action ». Donc encore là, je vais choisir la même couleur que tout le reste du site. Je vais l’appliquer à la largeur au complet. Parfait. Puis je vais ajouter du padding autour de mon bouton. Donc si c’est un « Call to Action », je vais en mettre un petit peu plus. Je vais mettre… je vais enlever la marge en bas et je vais mettre du padding, je vais lui mettre disons 40 pixels autour du bouton pour qu’il soit vraiment bien centré et apparaisse bien dans la page. Donc ce que je vais faire, pour les gens qui vont cliquer sur ce bouton-là, on pourrait utiliser comme titre « Inscrivez-vous à la journée de golf », et puis je vais le rediriger à la page d’inscription que j’ai créée ici, et puis je vais juste le centrer à ce moment-ci, centrer mon bouton. Donc, j’aime pas mal le résultat. Donc excellent, ça commence à bien aller.

Ce que je vais faire maintenant, je vais juste ajouter une section en bas qui va nous permettre d’aller chercher des commanditaires. Donc, je vais utiliser le même principe, mais cette fois-là, je vais changer la couleur pour, encore là, séparer ma section. Je vais décider de la laisser noire. Donc, je vais aller voir sur le site actuel, il doit y avoir probablement de l’information concernant mes partenaires. « Devenez partenaire », parfait, c'est exactement le texte que j’ai besoin, donc je vais le copier. Je vais le centrer. Je vais en profiter pour le corriger. Puis je vais lui mettre un titre de type H1. Et puis comme les autres, je vais lui ajouter un padding de 30 pixels sur chacun des côtés. Et puis, même principe, je vais mettre un « Call to Action » pour inciter les gens à devenir partenaire.

Donc, je vais aller, il y a probablement du texte que je pourrais utiliser. « Cinq niveaux de commandites ». C’est excellent pour moi, pour mettre à côté de mon « Call to Action ». Vous voyez que lorsque les textes sont déjà faits, ça va quand même assez rapidement créer un site Internet. Et puis, je vais aller configurer mon bloc. Donc, « Devenez partenaire » et puis je vais envoyer vers la page Partenaire. Donc en créant les pages avant, dans la navigation avant, ça va être beaucoup plus facile par la suite de créer les différents items dans la page. Encore là, je vais mettre un pas digne de zéro et puis, autour de mon « Call to Action », je vais mettre 45 pixels pour bien séparer. Donc, je vais aller voir le résultat. Donc, on voit maintenant, j’ai la page Partenaire. On voit ici, il y a probablement trop d’espace. Donc, je vais aller enlever le padding que j’avais mis ici en haut, puis je vais garder juste le padding que j’avais pour mon « Partenaires ». Parfait, c’est mieux comme ça. Donc excellent, maintenant on voit, dans la page accueil, « Déroulement de la journée », « Devenez partenaire ».

Je pense que ce que je vais ajouter maintenant, c’est à peu près juste l’équivalent qu’on a ici, les partenaires platine. Donc pour compléter la page. Donc pour ce faire, je vais ajouter une photo à la fin pour les partenaires. Donc, j’ai utilisé ici mon une outil photo et je vais changer la photo et je vais utiliser la photo partenaire qu’on a déjà. Puis un des problèmes lorsqu’on fait surtout des sites web de commandites ou ainsi de suite, souvent ce qui va arriver, les logos on dirait qu’ils ont déjà un fond ou ainsi de suite et c’est difficile à intégrer. Donc ce que j’ai fait dans ce cas-là, c’est que j’ai utilisé Photoshop. Je les ai tous mis sur un fond blanc. Donc au moins, ils sont tous pareils. Et ce que je vais faire, c’est que je vais me créer une section autour qui va être tout en blanc et ça va bien apparaître dans le site.

Donc, je vais me mettre un titre entre les deux. « Partenaires ». Encore là, même principe, je vais le centrer. Donc « Partenaires » est centré. Je vais ajouter du padding en haut, donc un padding de 30. Et ce que je vais faire, c’est que je vais changer la couleur de cette typo-là. Par défaut, la typo de ce site-là est blanche. Ce que je vais faire, je vais la mettre noire et je vais changer le background, la couleur du background de mon site pour le mettre blanc. Et je vais l’appliquer à la largeur. Donc, on a le « Partenaires », je vais aller enlever la marge qui est en bas et je vais appliquer le même principe pour ce bloc-là. Background blanc, je mets le la largeur de la page. Excellent, j’aime bien le résultat. Donc on voit ici, il y a un petit peu de noir à la fin. Ce que je vais faire, je vais aller enlever la marge qui est en bas de ce bloc-là. Donc maintenant, si je rafraîchis la page, donc on voit que la page est terminée. J’aime pas mal le look. Je vais pouvoir maintenant la terminer. Je vais pouvoir créer les autres pages et ainsi de suite, mais je pense que c’est un bon début.

Et ce qui est intéressant maintenant, c’est que si je teste cette page-là en mobile, c’est une des beautés de Ekomobi, c’est que tout devrait être bon. Parfait, on voit que le site web est parfait en mobile, donc je suis très content. Ça va bien aller et je vais pouvoir maintenant continuer à créer le site Internet.

Donc, c’est ce qui complète cette formation sur comment créer rapidement une page accueil pour un site Internet. Si vous avez des questions, n’hésitez pas à me contacter à support@ekomobi.com. Ça me fera plaisir de vous aider à créer votre premier site Internet. Merci beaucoup et bonne journée

Publié par Sébastien Giroux le 14 mai 2014

Transcription du vidéo

Bonjour tout le monde. Aujourd’hui, je vais vous montrer comment intégrer, Google Analytics à votre site web. Donc pour intégrer Google Analytics, ce que vous devez faire premièrement, c’est aller sur le site web officiel Google Analytics, donc sur Google.com/Analytics. Ensuite vous devez vous enregistrer avec un compte Google. Ce que je vous recommande, c’est d’utiliser votre propre compte. Par la suite, vous pourrez ajouter le client pour qu’il puisse lui‑même gérer et voir lui-même ses statistiques Google Analytics. Donc ici, je vais m’enregistrer avec mon compte Gmail. Donc je suis ici.

Donc, j’arrive dans l’interface de l’administration Google Analytics. On voit que j’ai déjà deux comptes; j’ai un compte pour Ekomobi, donc les données statistiques d’Ekomobi, ainsi qu’un compte pour mon blogue personnel. Donc maintenant, je vais ajouter un nouveau client. Je vais venir ici dans « Administration ». Dans mes comptes ici, je vais choisir « Créer un nouveau compte ». Je vais choisir « Classic Analytics ». Les deux sont supportés par Ekomobi. Si vous décidez d’utiliser « Universal Analytics », vous allez devoir nous envoyer un courriel à support@ekomobi.com pour qu’on puisse l’activer pour votre compte. Si vous utilisez « Classic Analytics », c’est déjà intégré, ça devrait être dans votre compte actuel. Donc, je choisis « Classic Analytics ». Le nom du compte; dans ce cas-là, le client ça va être Philip Ratte.

Et puis, chacun des comptes peut avoir plusieurs sites web associés. Donc dans ce cas-là, le client a seulement un site, donc son site web de compagnie. Donc je vais mettre… j’aime utiliser le URL du site, je trouve que ça fait plus clair, donc www.prcpa.ca. Et je vais copier ce champ-là dans l’URL du site à cet endroit-là. Et puis, je vais choisir la bonne zone pour le temps, comme ça les rapports vont être avec la même zone, le même temps que moi j’utilise ici. Donc on est dans la zone avancée de l’Est. Donc, je vais faire ça. Et puis, je vais cliquer ici poru aller chercher mon ID de tracking. Donc, je dois accepter les termes et conditions de Google. Donc, le compte maintenant a été créé. Google vient de nous donner un bout de code. Vous n’avez pas besoin d’utiliser ça avec Ekomobi. Tout ce que vous avez besoin, c’est le tracking qui est ici, le numéro ici, le UA. Donc, vous copiez ce champ-là au complet, et puis vous pouvez sauvegarder ce site-là, et aller configurer Ekomobi pour pouvoir voir les statistiques sur ce site-là.

Ce que je vais faire maintenant, donc si je retourne ici dans Google Analytics, on voit que le compte est ajouté et je peux aller voir les statistiques pour le client. Ce que je vais faire pour l’instant, c’est allé ici en temps réel, donc ça va me montrer les visiteurs en temps réel. Comme de raison, il n’y a pas de visiteur présentement puisque je n’ai pas ajouté le code au site web du client. Donc je vais aller dans l’Ekomobi et puis dans l’onglet « Options » ici, vous allez voir le champ Google Analytics. Je vais coller le numéro que j’ai copié tantôt et je vais faire « Sauvegarder ». Donc maintenant, ce compte-là est associé à ce compte Google Analytics là. Je vais aller faire quelques visites sur le site du client. Donc la page « Notre cabinet », « Carrières ». Et si je reviens dans Google Analytics, je devrais voir que les deux pages ont été visitées. Excellent, ça va très bien. Donc mon code est bien intégré et les statistiques maintenant seront compilées pour ce site-là.

Par contre, une des choses que je voudrais faire, je ne voudrais pas avoir dans mes tableaux, dans mes statistiques, les visites que je fais moi‑même parce que je vais y aller souvent pour administrer le site pour y faire référence. Je ne voudrais pas que ça mêle mes statistiques, donc je vais retourner dans l’administration du site et puis je vais ajouter un filtre pour exclure mon adresse IP, donc pour s’assurer que je n’apparais pas dans les statistiques de Google Analytics.

Donc je vais venir ici dans les filtres et je vais créer un nouveau filtre. Donc présentement, je suis à la maison, donc je vais acheter un filtre « Maison Seb », par exemple, à cet endroit-là. Et je vais lui dire d’exclure le trafic pour cette adresse IP ici. Et pour connaître l’adresse IP, j’aime utiliser un site qui s’appelle WhatIsMyIP.com. Donc tout ce que vous avez à faire, c’est de taper cette adresse là dans le navigateur, ça va vous donner votre adresse  IP. Donc, 24, 200. Je reviens dans Google Analytics. Donc je vais entrer l’adresse IP 24, 200. Et puis, je vais aller chercher le reste ici. 79, 118. Et je vais décider d’exclure le trafic pour tout mon site web à cet endroit-là, donc je vais faire « sauvegarder ». Donc maintenant, je filtre qui va s’exclure les données, dans Google Analytics, de ma propre maison.

Donc si je continue, par exemple si je voir la page « Nous joindre » à cet endroit-là, et puis que je vais dans Google Analytics, j’entre dans mes données, temps réel, on voit que la page « Nous joindre » n’est pas apparue. Donc à partir de maintenant, les données, lorsque je vais visiter le site web moi-même, ça n’apparaîtra pas dans Google Analytics. Donc on ne verra pas de données à ce niveau-là.

Une dernière chose que je voulais vous montrer. C’est lorsque vous êtes prêt et que vous voulez redonner le contrôle au client pour son site Internet, vous pouvez venir ici dans « Gestion des utilisateurs », vous pouvez entrer l’adresse du compte Google du client et puis lui donner tous les droits, dont le droit d’enlever des utilisateurs, donc il pourra vous enlever lorsqu’il décidera de pouvoir gérer le tout lui-même.

Donc, c’est ce qui complète cette capsule sur l’intégration de Google Analytics. Si vous avez des questions, n’hésitez pas à nous contacter à support@ekomobi.com ou à nous appeler.

Je vous remercie, bonne journée.

Publié par Sébastien Giroux le 21 mai 2014

Transcription du vidéo

Bonjour tout le monde. Aujourd’hui, je vais vous montrer comment associer votre site web avec un compte Google, avec les outils pour webmaster de Google. Donc pour ce faire, vous devez aller sur l’adresse www.Google.com/webmasters/tools et puis vous devez vous enregistrer avec un compte Google. Comme d’habitude, je vous recommande d’utiliser votre propre compte Google et, par la suite, de transférer la propriété de compte à votre client. Donc, je vais l’enregistrer ici.

Et puis là, on voit qu’on est dans l’interface d’administration des outils pour webmaster. Donc, on voit que j’ai quatre sites présentement, dont le site d’Ekomobi. Donc ce que je vais faire, c’est que je vais ajouter un cinquième site ici qui va être le site de mon client. Donc, je tape l’adresse de son site web. Voici. Je clique « continuer ». Puis là, Google va me demander de vérifier que je suis vraiment le propriétaire de ce site-là. Donc, il y a deux façons. C’est soit de le lier avec un compte Google Analytics.

Donc si Google Analytics a déjà été installé sur le site du client, je vous recommande d’utiliser cette méthode-là. Sinon, vous pouvez venir ici dans le tag HTML et prendre comme ici et l’installer directement dans Ekomobi. Donc je vais aller copier le code et je vais aller le mettre dans Ekomobi. Donc, je fais un copier du code. Ensuite, je vais dans mon éditeur HTML, donc dans l’onglet « Options ». Je vais descendre ici dans les outils pour webmaster, je vais copier le lien et je vais faire « sauvegarder ».

Donc maintenant, le site va être lié, Google va être capable de certifier que je suis le propriétaire de ce site-là. Je vais faire « vérifier ». Parfait, les deux ont été vérifiés. Donc c’est excellent. Donc je viens à cet endroit-là. Donc maintenant, j’ai de l’information sur les requêtes pour ce site-là. Donc vu qu’il vient d’être mis en ligne, je n’ai pas d’information par rapport aux requêtes qui ont été faites pour ce site-là, ce qui est normal.

L’autre chose aussi, c’est que Google maintenant va pouvoir m’envoyer des messages par rapport à mon site Internet. Donc si jamais Google trouve un virus ou un spam sur mon site Internet, il va m’avertir à cet endroit-ci. Donc, c’est la meilleure façon pour que Google puisse vous contacter si jamais il y a un problème avec votre site Internet, c’est de lier votre site web avec les outils pour webmaster.

La dernière chose que je veux faire, je veux montrer comment lier maintenant votre Google Analytics avec les outils pour webmaster. Donc encore là, je vais m’enregistrer dans Google Analytics. Et puis là, je vois qu’on n’a le site web du client qui a été lié avec Google Analytics dernièrement, donc je vais venir ici dans le site web et puis je vais aller dans les « Acquisitions », « Utilisation des engins de recherche » (on est dans les Requêtes) et puis on voit maintenant qu’il veut partager l’information entre les outils webmaster et Google Analytics. Donc, je vais cliquer ici pour le faire. Et puis, je vais venir ici en bas. On voit que les liens vers les webmasters tools sont ici, donc je peux venir associer ce compte Google Analytics avec ce compte webmaster. Je fais « sauvegarder ». Donc maintenant, les deux sont liés.

Et puis, si je retourne dans mes statistiques pour ce site-là, dans mes « Acquisitions », « Optimisation du référencement », on voit maintenant que l’information que j’avais dans mes outils pour webmaster est maintenant aussi disponible dans Google Analytics. Donc théoriquement, je ne devrais plus avoir besoin d’aller dans les outils pour webmaster.

Dernière note, lorsque vous avez terminé de « setupé » tout, c’est important de s’assurer que le propriétaire du site est également propriétaire du compte. Donc ce que je peux faire, c’est que je peux venir voir tous mes sites Internet. Je reclique ici sur les « outils », et je viens sur « prcpa.ca ». Je peux faire « Gérer le site » et je peux ajouter ou enlever des utilisateurs. Par exemple ici, c’est ici que je voudrais ajouter un nouveau propriétaire pour le site ou ajouter d’autres utilisateurs qui pourraient avoir accès aux différents rapports.

Donc, c’est ce qui complète cette capsule sur comment intégrer votre site web avec les outils pour webmaster. Si vous avez des questions concernant ceux-ci, je vous invite à me contacter à support@ekomobi.com. Merci beaucoup et bonne journée.

Publié par Sébastien Giroux le 28 mai 2014

Transcription du vidéo

Bonjour tout le monde. Aujourd’hui ce que je vais faire, je vais vous montrer comment identifier les concepts pour optimiser votre site Internet, pour avoir plus de visiteurs des engins de recherche. La théorie est que pour chacun des concepts, vous devriez créer au moins une page optimisée pour ce concept-là et puis Google va la trouver, va l’ajouter à son index et va vous envoyer des visiteurs par la suite.

Donc la technique que j’aime beaucoup, c’est d’utiliser nos pages existantes et d’essayer d’identifier, à partir des requêtes que l’on reçoit, des concepts, des mots-clés supplémentaires à optimiser. Donc une façon que j’aime beaucoup travailler, c’est d’aller dans mon Google Analytics et puis d’aller dans l’onglet « Acquisition/Search Engine Optimization/Queries ». Ce que ça va faire, c’est que ça va montrer, pour toutes les requêtes, quelles sont les requêtes qui m’envoient des visiteurs. Alors, on voit par exemple que mon site web est apparu plus de 1000 fois pour la requête « Responsive website builder ». Ils m’ont envoyé 250 visiteurs, donc c’est très bon. Donc ce que je veux faire maintenant, c’est trouver d’autres mots-clés pour lesquels mon site web pourrait bien sortir.

Donc ce que je vais faire, c’est que je vais spécifier ma recherche pour trouver d’autres mots‑clés. Donc, je vais commencer par ici par montrer plus de 10 lignes, donc je vais aller à 500 lignes à ce moment-là, et puis je vais faire une recherche avancée pour aller identifier ces critères-là. Donc la première chose que je vais faire, c’est que je vais exclure toutes les requêtes qui contiennent ma marque de commerce, donc Ekomobi. Et puis, je vais également exclure le mot-clé « responsive » parce que je suis déjà très bien optimisé pour ce mot-clé-là. Donc, je vais exclure « responsive », donc il ne me suggérera pas des requêtes qui contiennent le mot-clé « responsive ». Et puis, afin d’avoir un rapport qui est un peu plus intéressant, ce que je vais faire, je vais ajouter une autre dimension à mon tableau. Je vais prendre les requêtes pour lesquelles j’ai déjà reçu au moins un clic, donc au moins un visiteur, donc je sais que mon site web est pertinent à ce niveau-là.

Et puis où est-ce que ça devient intéressant, c’est que je vais ajouter les mots-clés qui se trouvent en position sur les engins de recherche entre 10 et 20. Donc, l’idée est que je vais essayer de prendre les mots-clés qui sont sur la deuxième page des engins de recherche, donc en position 10 et plus, et je vais essayer d’optimiser une page pour ces mots-clés-là pour les apporter sur la première page. Parce qu’on sait que la majorité des gens vont cliquer sur un résultat sur la première page. Donc si je réussis à amener mon site de la deuxième à la première page, je vais avoir beaucoup plus de visiteurs sur mon site Internet.

Donc, je vais prendre la position moyenne plus haut que 9 et puis je vais aussi, juste pour avoir des mots-clés un peu plus pertinents, juste des expressions que le nombre d’impressions sur les engins de recherche de mon site web est plus grand que 50. Je vais regarder ce que ça donne. Je vais appliquer le résultat. Donc, on voit ici que j’ai une série de mots-clés qui ont quand même un nombre d’impressions intéressant pour mon site web et puis où est-ce que je classe sur la deuxième page. Donc, on voit ici tout de suite un pattern qui émerge. Donc, on voit pour les mots-clés « mobile website software » et « mobiles website builder software », je suis en général entre la 14e et 17e position de mon site web est apparu plus de 700 fois. Donc, si je réussissais à amener cette page-là, une page contenant ces mots-clés-là, sur la première page, probablement que j’apparaîtrai beaucoup plus souvent et j’aurais un nombre beaucoup plus élevé de mots-clés.

Donc ce que je vais faire, c’est que je vais faire une recherche par rapport à « mobile website », voir le nombre de recherches que je peux avoir. Donc ce que je vais faire, je vais copier ces mots-clés-là et puis je vais aller dans un autre outil s’appelle Übersuggest.com et puis je vais faire une recherche de mots-clés reliés. Donc, ça va me suggérer encore plus de mots-clés que je pourrais utiliser pour mon site Internet. Donc, je vais taper « mobile website ». Dans ce cas-ci, je vise les gens anglophones aux États-Unis partout sur le web, donc je vais lui demander de me donner une suggestion. Et puis là à ce que j’arrive, c’est que ça me donne des suggestions pour des mots-clés.

Donc, je vais ajouter à ma liste les mots-clés qui pourraient être intéressants dans ce cas-là, dont des mots-clés reliés. Donc, « website builder » en est un. Parfait, je vais ajouter « builder ». « Creator » qui serait une autre variante de ce mot-clé là. « Builder software » qui pourrait intéressant. « Builder white label », « creator ». « Converter » pourrait être peut-être intéressant dans le cas d’Ekomobi. Et puis de cette façon-là, en passant à travers le reste des mots-clés, ça va me donner une idée de tous les mots-clés que les gens tapent pour ce type de requête là.

Donc, c’est sûr que pour votre site à vous, vous pourrez passer à travers la liste. Ce que ça fait, c’est que ça me donne une liste de mots-clés à cet endroit si que je vais utiliser pour faire une recherche un peu plus complète de mots-clés. Donc, je vais aller chercher la liste et je vais aller voir les compétiteurs pour ces mots-clés là. Donc, je vais copier la liste ici en l’utilisant la commande C ou CTRL C et je vais aller voir sans l’outil AdWords de Google et je vais lui demander de me donner des idées pour ces mots-clés-là et un estimé du trafic.

Donc, je suis maintenant dans Google AdWords et je vais aller dans les outils. Donc « Keyword Planner ». Et je vais faire « Search for new keyword and ad group » à cet endroit-ci et je vais coller la liste de mots-clés que j’ai identifiés. Donc, la liste de mots-clés est toute ici, parfait, excellent. Et puis, je vais m’assurer qu’à ce moment-là, je vais choisir Partout, dans toutes les langues sur Google, et je vais m’assurer que, dans mes options, je choisis les bonnes options. Donc, si vous avez déjà des campagnes qui roulent dans Google AdWords, vous voulez mettre ça à off pour vous assurer que ça va bien. Donc c’est excellent ici, dans mes options. Je vais aller chercher des idées. Excellent, donc ça me donne un paquet d’idées si je regarde dans les « Keyword Ideas ». Donc ça va me donner une idée du nombre de recherches que les gens font sur Adwords. Et puis donc là, ça va me permettre de choisir les mots-clés qui sont les plus appropriés pour mon site Internet.

Donc, on voit ici que si j’ai à choisir entre optimiser pour le mot-clé « website builder » ou « website creator », il y a beaucoup plus de recherches mensuelles pour « website builder ». Donc, on voit que c’est 3600 versus 590. Donc si par exemple je fais une page qui est optimisée pour « mobile website builder software », qui contient aussi le mot-clé « mobile website builder », je devrais pouvoir aller chercher à peu près 4000 visiteurs à ce niveau-là. Donc, ça ne sert à rien d’optimiser pour « mobile website editor » parce qu’il n’y a presque pas personne qui fait cette recherche-là. Donc le concept que je vais utiliser, ça va à être « mobile website builder software » qui pourrait me permettre d’aller chercher environ 4000 recherches à tous les mois, ce qui devrait m’envoyer un certain nombre de visiteurs.

Donc, c’est la façon que je fais pour optimiser pour les engins de recherche, donc je fais une recherche de mots-clés. Et puis par la suite, ce que je fais, c’est que je crée une page web spécialisée pour ce mot-clé-là et je l’ajoute à mon site Internet. Donc, dans un autre vidéo, je vais vous expliquer comment faire ça.

Si vous avez des questions, n’hésitez pas à nous contacter à support@ekomobi.com ou à nous appeler. Donc je vous remercie et je vous souhaite une bonne journée. Merci beaucoup.

Publié par Sebastien Giroux le 11 juin 2014