Getting your site ready for Pinterest

Published: Jun 8, 2015 by C.S. Rhymes

You may have heard of another social network called Pinterest, but what is it and what do you need to do to optimise your site for it?

Getting ready for Pinterest

Pinterest is a social network that is focused on images. Pinterest allows users to Pin images they like to collections, called boards. Users can favourite and repin other users pinned images onto their own pin boards.

This sounds great for users of the service, but what is in it for web developers?

Well, quite simply, everytime someone pins an image from your site, it creates a link back to your site. The more people that repin the image, the more links are created back to your site. Users can also comment on their pins and give you useful information on what they think of your images and products. But there is work to be done to get the most out of your images on Pinterest.

But there is work to be done to get the most out of your images on Pinterest

Where to start?

The best place to start is to create your own account on Pinterest. Although this is not completely necessary it means that you can get to understand how the service works and you can create your own boards with images from your site. One of the best ways to start users repinning your images is to start by pinning them yourself. Try and find people with similar interests and follow them as they might start to follow you back.

But before you get to carried away with the pinning, make sure you have optimised your images on your site.

Meta Tags

Starting with the basics, make sure your images have alt text and ensure your pages have relevant title tags. Pinterest uses these meta tags as the defaut captions for the images when they are shared. This makes it easier for your visitors to share the images as they won’t have to change the text.

Rich Pins

If you want to take it up a level, then you can add specific meta tags to your pages to help Pinterest understand more about what your images are for. You can provide extra information for the following types of pins:

  • Product
  • Recipe
  • Movie
  • Article
  • Place

Rather than me going through and listing all of the different tags you need to add for each of the different types of rich pins its best to take a look at the Pinterest developers website.

Last but not least

The last thing you need is to make sure your images are good quality. You want to ensure that the images are good but still a reasonable file size for the web otherwise your site will be really slow to load. I normally ensure my images are above 500px wide. If the images are too small then they will look really grainy on pinterest as you cannot control what size they are displayed on the Pinterest website.

Oh yeah, don’t forget the Pinit button

Just to make it easier for your visitors to pin images, why not add a Pinit button to your pages. You can either add Pinterest’s own button by following their instructions, or you can use another service such as AddThis.

Share

Latest Posts

Mocking window.location in Jest
Mocking window.location in Jest

Recently I had to write some tests for a piece of JavaScript code that used window.location. This left me trying to figure out how to mock the window.location so that I could pass in dummy data and ensure that the data I got back was what was expected. Here was how I managed to solve the issue.

Considerations for Incremental Static Regeneration in Next.js
Considerations for Incremental Static Regeneration in Next.js

Next.js offers a feature called Incremental Static Regeneration (ISR) that allows you to generate a static page when the page is first visited, rather than generating a static copy at build time. This is a really handy feature as it allows you to reduce your build time, but still benefit from having a cache of a page generated so future visitors will have a faster response time.

Mocking axios in Jest tests with Typescript
Mocking axios in Jest tests with Typescript

Recently I wanted to write a test for a React component that uses axios to retrieve information from an API. To do this I had to mock jest, but I ran into some issues with the types as I was using typescript. This article explains how I managed to get it to work.

How NOT to make a website

How NOT to make a Website

By C.S. Rhymes

From £8.99

Nigel's Intranet Adventure

Nigel's Intranet Adventure

By C.S. Rhymes

From £2.69