8 Best Practices for Your Blog and Social Media Graphics

Looking for tips on how to design blog graphics that get shit-tons of clicks on social media? This post is for you! • graphic design tips | graphic design tutorials | visual marketing | how to promote your blog on pinterest | how to promote your blog on instagram | pinterest tips for bloggers | instagram tips for bloggers #visualmarketing #pinteresttips #instagramtips #pinterestmarketing #instagrammarketing #socialmediagraphics #bloggraphics #bloggingtips #graphicdesigntips

Are your social media graphics not getting many repins or likes on Pinterest, Instagram, etc.?

I know, it sucks. You put so much effort into designing your visuals only for them to get overshadowed by stunning graphics from other bloggers. 😫

You know how important visual content is these days. But you’re so creatively-challenged when it comes to designing graphics that grab people’s attention. 🤷‍

The easiest way to create graphics for your blog is to slap the title of your blog post on a pretty background and call it a day. But that’s not enough if you want to stand out from your competitors and be recognisable from your visuals.

Click to tweet: Find out the 8 things your blog graphics need to get more shares on social media!

So how exactly do you create fabulous blog graphics that get shit-tons of clicks on social media? 🤔

1. Appropriate size

First, you gotta make sure that you’re designing your graphics in appropriate sizes, depending on the social media platform(s) you use.

I recommend creating your social media graphics in at least 3 different sizes:

  • Portrait (for Pinterest)
  • Landscape (for Facebook, Twitter, Google+, LinkedIn)
  • Square (for Instagram)
Social media graphic sizes

Here are the exact dimensions that I personally use:

  • 960 x 1440 (Portrait)
  • 1280 x 960 (Landscape)
  • 1080 x 1080 (Square)

2. Attention-grabbing headline

Coming up with great titles for your blog posts is super important. Because even if you aren’t a pro designer, you can still entice people to click on your graphics through captivating headlines.

Check out this blog post from CoSchedule to learn how to write headlines that get more shares.

You could also create multiple graphics for the same blog post, except with different headlines!

Here are 2 different graphics I made for this blog post:

3. Consistent visual brand

This is your chance to get creative with your visuals!

Establish a distinctive visual style/aesthetic to make your graphics easily recognisable and give your visuals a cohesive feel.

This could mean applying the same filter on all photos, using illustrations only, or only using photos featuring women.

Take my graphics, for example: I only use greyscale photos, and I apply the same set of textures on all of them.

I also designed my Pinterest graphics to give them the feel of comic book and pulp magazine covers.

Figure out an aesthetic that best suits your blog!
(This blog post could help you out.)

4. Large and readable text

Did you know that 80% of Pinterest users access Pinterest through a mobile device? (Source: OmnicoreAgency.com)

That means your text should be large enough for users to read when they’re scrolling through their Pinterest feeds on mobile. The same applies to Instagram and other social media platforms.

To further ensure readability, make sure there’s a high contrast between your background and font colour, and that your background is uncluttered.

If you’re using a cluttered/busy background, place an overlay on your background before inserting your text.

Overlay examples for cluttered/busy background

5. Clear visual hierarchy

With visual hierarchy, you can guide viewers’ eyes through information in your design, in order of importance. This is accomplished through strategic placement of visual elements.

A few ways to create visual hierarchy:

  • Size up elements you want to draw attention to (e.g. headlines).
  • Use contrast (in colour, shape, texture, etc.) to highlight important areas.
  • Position visual elements in a logical manner (e.g. top to bottom/left to right, in order of importance).

No visual hierarchy vs. with visual hierarchy:

No visual hierarchy vs. with visual hierarchy

Notice how the graphic on the right is soooo much easier to read than the left? That’s what clear visual hierarchy does. 😉

6. Watermark

A watermark is a logo placed on your visuals to mark them as your own (and to discourage others from stealing your work!).

RachelTanMQ.com watermark

For ideas on how to create your watermark, check out this blog post from The Branded Solopreneur!

7. Reusable templates

Save time and ensure consistency in your visuals by creating templates for your blog and social media graphics. It could be as simple as making a copy of a design you’ve already created!

RachelTanMQ.com blog post graphics template in Affinity Designer

Above is the template I use for all my blog post graphics. All I have to do is make a copy of the file, then change the text and background photo.

8. Optimisation

After you’re done designing your graphic, it’s time to optimise it for the web.

Here are 3 things you should do:

Use a descriptive file name.

Google can’t “read” images (at least not for now), so you should name your file appropriately to help search engines understand what your graphic is about.

Reduce file size.

Don’t forget to do this before uploading your graphic on the web, so that it won’t take a long time to load. Use TinyPNG to easily compress images without sacrificing quality!

Write an informative alt text/social media message.

Use relevant keywords when possible, but try not to stuff keywords into your text (or you might be perceived as spam)!


To recap, here are the 8 best practices for your blog and social media graphics:

  1. Appropriate size
  2. Attention-grabbing headline
  3. Consistent visual brand
  4. Large and readable text
  5. Clear visual hierarchy
  6. Watermark
  7. Reusable templates
  8. Optimisation

Still struggling with your graphics?

Grab my FREE ebook filled with practical tips and resources you can apply to your blog visuals!


Related Posts