Growth Hack : Gagnez des Backlinks gratuits avec Github + Netlify (DA 93) 👀

< Revenir Ă  la liste complĂšte des Growth Hacks

Comment réaliser ce Growth Hack et que peut-il vous apporter ?

Vous allez apprendre à déployer un site gratuit en quelques minutes avec Netifly en ciblant vos mots clés cibles pour les renvoyer vers vos pages les plus stratégiques.

RĂ©sultats attendus de ce Growth Hack

  • Type de tactique marketing : crĂ©ation de backlinks pour votre SEO
  • RĂ©sultat escomptĂ© : Augmentation du nombre de backlinks avec un site web bĂ©nĂ©ficiant de l'autoritĂ© de Netifly.

Pourquoi réaliser ce Growth Hack ?

Vous ĂȘtes en galĂšre de backlinks ? Vous n'avez pas le temps ou le budget de rĂ©aliser des campagnes de Netlinking ? 

Ce Growth Hack est fait pour vous. 

À vrai dire en analysant les backlinks de plusieurs sites US et Français je me suis rendu que certains profitaient de l'autoritĂ© de sites presque "vides" qui arrivent pourtant sur la premiĂšre page des rĂ©sultats de Google. Je me suis donc lancĂ© Ă  partir de rien sur la rĂ©alisation de ce hack pour comprendre comme le mettre en place, voici le rĂ©sultat pour vous. 

À l'aide de ce Growth Hack vous allez ainsi pouvoir crĂ©er un soutien Ă  votre stratĂ©gie SEO en crĂ©ant de nombreuses pages ciblant vos pages clĂ©s sur des mots clĂ©s ciblĂ©s. 

Comment réaliser ce Growth Hack ?

Sans rentrer dans le détail, le code de votre page web sera stocké sur GitHub puis déployer sur le Web à l'aide de Netifly.

1) Ouvrir un compte sur GitHub

La premiÚre étape consiste donc à se rendre sur GitHub afin de préparer l'espace qui accueillera le code de notre page web.

Growth Hack Backlink - Accueil Github
  • Entre votre adresse email
Growth Hack Backlink - Ouverture compte Github

Laissez vous guider sur la crĂ©ation de votre compte qui prendra quelques secondes Ă  se faire mĂȘme si vous ne l'avez jamais utilisĂ©. 

Une fois réalisé, nous allons nous intéresser à Netlify, l'outil qui va nous permettre de déployer ce code sur le web gratuitement. 

2) Ouvrez un compte sur Netlifly

Comme Ă©voquĂ© prĂ©cĂ©demment, l'intĂ©rĂȘt de ce growth hack va ĂȘtre d'utiliser un code source d'une page web sur Github et de dĂ©ployer sur un espace web gratuit Ă  l'aide de Netlif.

Ce mĂȘme espace web dispose d'une autoritĂ© de domaine Ă©levĂ©e, celle de Netlify. Étant donnĂ© que nous disposons du contrĂŽle du code, il est ainsi possible pour nous d'avoir le champ libre pour utiliser n'importe quel type de lien qui pointe vers notre site web. Dans notre cas des backlinks dofollow !
Growth Hack Backlink - Accueil Netlify
  • Suivez la procĂ©dure,
  • Nous allons choisir l'inscription et la connexion avec le compte GitHub que vous venez de crĂ©er :
Growth Hack Backlink - Inscription Netlify
  • Entrez-votre mot de passe GitHub pour finaliser l'inscription
Growth Hack Backlink - Inscription Netlify par Github

3) Création d'un site web dans Netlify

Une fois connecté, vous arrivez sur l'interface de Netlify il est temps maintenant de créer notre site web

  • Pour faire cela, vous allez cliquer sur le bouton "Add a New site"
Growth Hack Backlink - Interface Netlify

À cette Ă©tape vous avez plusieurs choix disponibles pour dĂ©marrer votre projet :

  • Dans l'optique de faire rapidement ce hack, nous allons dĂ©marrer par un modĂšle disponible
  • Cliquez sur "Start from a template"
Growth Hack Backlink - Nouveau modĂšle

Choisissez maintenant le template que vous voulez utiliser:

  • Dans cet exemple je vais utiliser le template le plus simple, c-Ă -d le premier Ă©lĂ©ment appelĂ© "Next.js Starter"
Growth Hack Backlink - SĂ©lection template
  • Nommez le nom du dĂ©pĂŽt oĂč seront stockĂ©s vos fichiers (Repository Name)
Laissez la visibilité de votre repository en public ou non, cela n'a pas tellement d'importance (Repository visibility). 
Dans mon cas je vais le faire pour que vous puissiez voir, recopier et vous inspirer de mon code source.
  • Appuyez maintenant sur le bouton "Deploy site"
Growth Hack Backlink - DĂ©ploiement site Netlify
  • Une fois dĂ©ployĂ© vous allez pouvoir accĂ©der Ă  la page suivante qui vous donne l'accĂšs Ă  l'adresse de votre site web et au code de votre site web sur GitHub
Growth Hack Backlink - AccĂšs Github par Netlify

Jetons un coup d'oeil Ă  l'apparence de notre site web actuel :

Comme vous le voyez ce site est pour l'instant vide ou trĂšs minimaliste.

Nous allons utiliser cette page web qui dispose d'une score d'autorité important pour créer des (liens retours ou "backlinks") vers notre site web
Growth Hack Backlink - Site Web Netlify Générique

4) Modification du code du site web dans Github

À cette Ă©tape, nous allons modifier dans Github le code de notre site web pour crĂ©er nos backlinks

  • Cliquez sur Github dans l'interface de Netlify comme vu prĂ©cĂ©demment dans 3)
  • ArrivĂ© sur Github, cliquez sur pages comme ci-dessous pour accĂ©der au dossier
Growth Hack Backlink - Fichiers Github
  • Ensuite Ouvrez le fichier Index.js
Growth Hack Backlink - Fichier Index Github
À cette Ă©tape vous allez modifier le code de ce site pour qu'il ressemble Ă  quelque chose et surtout pour y insĂ©rer vos magnifiques backlinks. 

Vous allez Ă©diter le fichier en cliquant sur l'icĂŽne comme dans l'image ci-dessous :

Growth Hack Backlink - Edit Fichier Index Github
Ok mais quoi mettre dans le fichier ? 

Tout d'abord voici un exemple de mon fichier créé pour ce Growth Hack que vous pouvez regarder ET recopier pour vous inspirer : Code du site web sur GitHub

Growth Hack Backlink - Contenu Fichier Index Github

Voici le résultat de la page web créée à partir de ce code. 

Vous pouvez retrouver ce site web trĂšs sommaire Ă  l'adresse suivante : Adresse du site web

Growth Hack Backlink - site web Netlify Let's grow

5) Créer le template de mon site web et le publier

Beaucoup d'entre vous vont me dire qu'ils n'ont jamais écris une ligne de code informatique et qu'à partir de là ils seront bloqués. 
Ne vous inquiétez pas j'ai la solution pour vous !
Vous avez déjà rédigé un document Word ? C'est pas plus compliqué que cela !

Nous allons utiliser un growth hack qui consiste Ă  Ă©crire le texte au format "Word" et exporter le code au format "HTML" en une fraction de secondes.

  • Rendez-vous sur le site : https://html-cleaner.com/
  • Écrivez votre texte comme dans n'importe quel outil de traitement de texte.
PS : Il est possible aussi directement dans Google Doc, d'exporter votre code HTML mais je ne l'ai volontaire pas fait car le rendu est plus compliquĂ© que dans l'exemple. Si vous souhaitez tout de mĂȘme le faire, il faudra utiliser le mĂȘme outil (HTML cleaner) pour le "nettoyer" de toutes les choses inutiles avant de l'utiliser. 
  • Obtenez le code HTML de votre production sur la droite de l'Ă©cran que vous n'avez plus qu'Ă  copier.
Growth Hack Backlink - Création contenu HTML
NOTE : Veillez à utiliser dans ces backlinks, les mots clés qui correspondent aux titres de vos pages cibles. Exemple : les mots clés "Growth Hacks" de ma page Netlify pointent vers la page "Growth Hacks" de mon site web

Utilisez le code copié à l'intérieur des balises <main> et </main> comme dans l'exemple ci-dessous:

Growth Hack Backlink - Insertion contenu HTML

Maintenant, il est temps de publier votre site web. 

  • Pour rĂ©aliser cette action, c'est trĂšs simple, il ne suffit qu'appuyer sur le bouton "Commit changes"
NOTE : Si vous souhaitez faire Ă©voluer votre code rĂ©guliĂšrement ou que vous souhaitez travailler Ă  plusieurs dessus, je vous conseille d'y ajouter des informations lors du commit pour mieux suivre son Ă©volution et comprendre facilement vos modifications mĂȘme en y retournant des mois aprĂšs
Growth Hack Backlink - Commit code Github

Le déploiement vers Netlify se fait automatiquement mais vous pouvez toujours effectuer quelques actions de contrÎle afin de voir si tout s'est bien passé :

  • Regarder dans GitHub que le commit s'est bien effectuĂ© (Latest commit XXXXX now)
Growth Hack Backlink - Commit now
FenĂȘtre de Github

‍

  • Dans Netlify, vous retrouverez l'indication "Published" comme ci-dessous
Growth Hack Backlink - Commit code Netlify

5) Accédez à votre site web

Dans Netlify, cliquez sur "Preview deploy" pour accéder à l'adresse de vote site web qui contient de jolis backlinks vers vote site web !

Growth Hack Backlink - Preview deploy
NOTE : Si vous souhaitez crĂ©ez plusieurs sites web comme celui-ci faites attention de ne pas rĂ©aliser toujours un contenu identique pour Ă©viter les pĂ©nalitĂ©s des moteurs de recherche sur ces mĂȘmes sites. 

Il peut ĂȘtre intĂ©ressant Ă©galement de crĂ©er plusieurs sites diffĂ©rents sur une mĂȘme thĂ©matiques et de crĂ©er des backlinks entre ces sites web. 

đŸ”č Lien Utile pour ce Growth Hack

>> Cliquez ici <<
photo stephen mesnildrey
Funnel→ Acquisition
validation icon
Difficulté :
2
/3
validation icon
Durée: 
Moyenne
Moyenne
non définie
validation icon
Gratuit :
non
oui
Merci !
Veuillez patienter quelques secondes et actualiser la page.
Une erreur est survenue ...
Avez-vous déjà voté pour cet outil ?