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.
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,
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.
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)
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.
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:
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!