DEV Community

Cover image for How to make your GitHub project pop on social media
Sam
Sam

Posted on • Originally published at mizouzie.github.io

 

How to make your GitHub project pop on social media

Half the battle of progressing your open source project is getting it noticed and attracting contributors. So make the most of this simple trick.

The Problem

Working on an open source project is one of the best things a developer can do. The opportunities to learn and network are huge compared working on solo projects. The only way I can think of getting even more out of open source than contributing is to actually create and manage a project yourself. I tried this, early on in my career in tech and it was like strapping two great big rockets to my back. I started a project using NodeJS, which I was very inexperienced with at first, but within just a few months I had reviewed so many new things that I never would have seen if I just studied JavaScript by myself.

The project still exists today, it's the news scraper API you can find by clicking here to go to my projects page. Before you do go and check it out, I can tell you that the thing I was most successful with was attracting new contributors. For such a basic project, we ended up having over 30 contributors. I want to share with you one of the key factors I believe helped us to reach that number.

The Solution

To get attention, you need to draw eyes. I'm speaking particularly about drawing eyes on social media. When you share the project, GitHub will automatically make a generic image for the various platforms that looks just that... generic. It will have the title of the project and a small version of your user profile picture, besides that are some statistics about the repo that are just too small to really see on a phone screen so are kind of a waste in my opinion.

What you have the option to do, though, is add your own image to be used in the project repository's homepage meta tags. The tags are the ones highlighted below, og:image & twitter:image:

Screenshot of inspecting the homepage of a GitHub repo

What those meta tags do is preload the image from the url in the content attribute for social media platforms that use open graph and for twitter. The result is the huge thumbnail, like the first screenshot at the top of this article, instead of the boring auto-generated-über-generic thumbnail.

The Image

Being able to choose what image will appear on people's twitter feeds and facebook/LinkedIn walls put you at an advantage, so seize it by choosing an eye-catching image.

  • Use bright colours
  • Have short, clear text
  • Tempt passers by to click here now
  • Try to keep the aspect ratio close to 1200 pixels x 627 pixels (1.91/1 ratio)

The How

When you have the right image you need to know where you can add it so that GitHub will store it and inject the url of the stored image into the landing pages <head>...</head> tags.

GitHub repo settings

Click on the Settings tab on the menu of your repository, and then scroll down tot he Social Preview section. Here you click on the Edit button to upload your image:

GitHub social preview section

The Point

That's it. Done.

Now, whenever a link to your repository is shared, a nice attractive image will fill the square and help to raise your click-rate. Be proud of your project, go show it off, go grab your next contributors by the eye-balls!

SHARE! SHARE! SHARE!

Top comments (6)

Collapse
 
chrisgreening profile image
Chris Greening

Yeahhh great article Sam, thank you for sharing! Haha I know exactly what you mean by feeling like you strapped "two great big rockets" to your back

I had a similar experience with boosting a small project of mine that gained some decent traction and I 100% attribute the success to tips like you mention above - all about building the brand and then promoting the heck out of it 🙌

Collapse
 
mizouzie profile image
Sam

Thanks Chris! The importance of the brand catches a lot of great developers out. Glad to hear someone had some success with it though!

Collapse
 
yet_anotherdev profile image
Lucas Barret

Thanks for your article! There are plenty of really good Open Source project out there.
BUT as a developper we often lake of marketing spirit. And it is quite important if you want to bring people on your projects.

Collapse
 
mizouzie profile image
Sam

Exactly! I know some incredible devs that just don't care about the showy part and then they miss out on a lot of great collaboration opportunities. Even though it feels like selling, all we're doing is showing people what the project is about, the trick is to catch their attention in the first place.

Collapse
 
vulcanwm profile image
Medea

nice post!

Collapse
 
mizouzie profile image
Sam

Thanks 🙏