Comment ajouter une image de réseau social à votre référentiel de projet Github

Partager des liens sans image sociale peut transformer un contenu puissant en un flop. Comment pouvons-nous tirer parti des médias sociaux de l'immobilier lorsque nous partageons notre travail acharné sur Github?

Voulez-vous passer avant le «quoi» et le «pourquoi»? Aller au «comment»!

Impact des images dans les médias sociaux

Tout flux de médias sociaux est une avalanche de contenu qui peut être difficile à digérer complètement. Lorsque vous glissez ou faites défiler les flux, vous rencontrerez du contenu textuel et une tonne de médias.

Et c'est pour une bonne raison! En parcourant l'exemple ci-dessus, qu'est-ce qui ressort? Pas le retweet de particules de poussière de CodePen à gauche, mais l'AWS au milieu, le nez de chien en haut à gauche et Al Pacino en haut à droite parmi les autres grands messages médiatiques.

Les images, les gifs et les vidéos sont un bon moyen de fournir un contenu accrocheur. En prime, ils prennent généralement beaucoup plus de place dans le flux, ce qui vous donne encore plus de chances de le voir.

Le strict minimum sur Github

Lorsque vous partagez vos projets Github sur les réseaux sociaux, l'option par défaut est assez fade. Prenons ce tweet comme exemple:

besoin d'importer des emojis depuis un autre espace de travail Slack? ne vous inquiétez pas, il y a maintenant un script! //t.co/cNKihZyCMP

- Colby Fayock (@colbyfayock) 8 février 2020

Github nous donne une simple carte de réseau social qui comprend notre avatar Github, le chemin de notre projet et la brève description en haut de la page.

Maintenant, c'est génial qu'ils montrent même une carte pour commencer et pour être juste, que montreraient-ils? Mais ce tweet va être ignoré assez facilement dans les flux des gens entre de grandes images brillantes.

Images de médias sociaux Github

Heureusement, Github nous offre un moyen simple et agréable d'ajouter une image à chaque dépôt qui peut aider le contenu que nous partageons à fonctionner un peu plus pour lui-même.

Avec un peu de travail créatif, nous pouvons télécharger une image qui profitera de l'espace sur les flux des gens et donnera à votre travail l'attention qu'il mérite.

Avant de plonger, il faut noter que vous devez avoir l'accès approprié pour pouvoir modifier les paramètres du référentiel afin de changer l'image. Si vous avez créé le repo, il y a de fortes chances que vous ayez cet accès.

Rechercher ou créer une image

Avant de télécharger une image, nous avons besoin d'une image en premier lieu. Vous pouvez suivre l'une des deux voies suivantes: trouver une image ou en créer une nouvelle.

Si vous souhaitez suivre la voie simple, vous pouvez rechercher gratuitement des images qui sont assez faciles à trouver sur le Web. Un de mes préférés est Unsplash, car vous trouverez généralement des images de haute qualité, mais il y en a une tonne d'autres que vous pouvez trouver avec une simple recherche. Cependant, l'ajout de photos est généralement mieux servi pour les articles de blog et les articles basés sur le contenu.

Les sites JAMstack font fureur en ce moment, et pour une bonne raison - ils sont rapides et il est assez facile de commencer à en créer un.

Si vous voulez en savoir plus, cet article de @colbyfayock vous montrera ce qu'est le JAMstack et comment plonger directement .//t.co/7NaiUUsAou

- freeCodeCamp.org (@freeCodeCamp) 19 février 2020

Le meilleur moyen est de créer le vôtre. L'avantage de créer une image est que vous pouvez la personnaliser avec du texte volumineux pour attirer une attention supplémentaire dans le flux.

Il existe une tonne d'outils gratuits qui vous permettent de créer une image en commençant par un modèle spécifique aux médias sociaux, vous n'avez donc pas besoin de dépenser de l'argent sur Photoshop pour y arriver.

La seule exigence pour votre image est que sa taille doit être d'au moins 640 × 320px. Si possible, efforcez-vous d'avoir au moins 1280 × 640px pour vous assurer que l'image s'affiche à haute résolution dans les flux.

Ajouter une image à votre dépôt Github

Une fois que nous avons notre image, il ne nous reste plus qu'à ajouter l'image à notre dépôt, ce qui est sans doute la partie la plus simple.

Tout d'abord, accédez aux paramètres de votre repo à l'aide de l'onglet de navigation vers le haut de la page. Pour rappel, vous devez pouvoir modifier les paramètres pour changer l'image.

Ensuite, faites défiler jusqu'à la section Aperçu social, où si vous n'avez actuellement pas de jeu d'images, vous trouverez un grand rectangle vide avec un bouton d'édition dans le coin inférieur gauche.

Cliquez sur le bouton Modifier, sélectionnez Télécharger une image, puis recherchez votre image sur votre ordinateur et sélectionnez le fichier.

Une fois sélectionné, votre fichier image sera téléchargé sur Github et défini comme votre image sociale!

Aperçu de votre nouvelle image

Lorsque vous avez terminé de télécharger votre image, vous pouvez accéder à votre plate-forme sociale préférée et l'essayer. Publier sur Twitter par exemple affichera désormais une belle grande image au lieu de votre petit avatar Github!

Lancez facilement une application de cartographie @reactjs avec ce démarreur @gatsbyjs //t.co/x0YJUuAzvz

- Colby Fayock (@colbyfayock) 20 février 2020

Comme vous pouvez le voir, ce tweet maximise l'espace disponible et fait passer le message sur le sujet du projet.

Quelques conseils lors de la création d'images

Texte large et simple

Il peut être facile de se laisser surprendre par la conception excessive d'un graphique ou de ne pas accorder suffisamment d'attention à la taille de la police. Assurez-vous d'utiliser de grosses lettres avec une police facile à lire, afin que lorsque quelqu'un passe devant votre message, il puisse le comprendre et pas simplement l'ignorer.

Ajouter un logo

Avez-vous un logo pour votre projet? Ou est-ce un plugin pour un outil spécifique? Essayez d'ajouter un logo pour donner immédiatement un contexte sur le sujet du projet!

Maximiser la résolution

Personne n'aime regarder des images de mauvaise qualité. Tirez parti de tous ces précieux pixels et téléchargez une image qui se traduira en haute qualité dans un flux. Github recommande particulièrement une taille d'image d'au moins 1280 × 640px.

Avez-vous d'autres astuces pour maximiser le partage sur les réseaux sociaux?

Partagez vos astuces préférées avec moi sur Twitter!

Suivez-moi pour plus de Javascript, UX et d'autres choses intéressantes!

  • ? Suis moi sur Twitter
  • ? ️ Abonnez-vous à mon Youtube
  • ✉️ Inscrivez-vous à ma newsletter