Nimbo knowledgebase

Nimbo > Knowledgebase > Third party connections > Sharing on social media

Sharing on social media

Sharing your website pages on social media - the internet version of word-of-mouth - is one of the most effective ways for businesses and individuals to spread awareness. If you have a blog or shop, those pages are already optimised to show relevant images and details, but for any other page in your site, you may want to customise how your shared links appear.

Link preview parts

We'll explain with Facebook's link preview, but Twitter and other social media platforms are fairly similar.

Image
If no image is explicitly defined, Facebook will automatically select an image from your page to show here (often your website logo).
URL
This is the address of the page you're sharing.
Title
Automatically uses your SEO Page Title.
Description
Automatically uses your SEO Page Description.

For Business plan and above, you can manage your SEO Page Title and Description via the Mass SEO update tool under Apps > SEO.
Otherwise, in the left menu go to Pages > click the green cog beside the page you want to manage > Page SEO > Update the PageTitle and Description fields.

If either of your SEO fields are empty for any page, the system will automatically be using:

your site-wide "Default page title" (left menu > Settings > SEO tab) for Page Title
the opening text after the initial page heading

You can override any of these system defaults with a little bit of code.

Customising the image

To explicitly set a sharing image, first you'll need this bit of code called a "meta tag":

Important: you must replace URL_OF_YOUR_IMAGE with the actual address of your image. For example, the URL of our demo website sharing image is https://cdn.nimbo.com.au/assets/c4ca4238a0b923820dcc/8975705e1164a8394aace60/uploads/demo-social-img.jpg

So for the demo website, the completed meta tag is:

If you need help with finding the URL of your image, see this article.

See below for where to add the code.

Customising the URL

You're unlikely to need to override the address of the page being shared, but if you do, follow this code format (replace the red section with your own page URL - see below for where to add the code):

Customising the Title

Replace the red section with your own title (see below for where to add the code):

Customising the Description

Replace the red section with your own description (see below for where to add the code):

Using multiple custom tags

Meta tags are totally independent of each other, so you can simply paste whichever ones you want to use one under the other, in any order. So our demo website tags all together would look like this:

Where to add the code

To set custom meta tags for all pages in your website (excepting the blog and shop pages), in the left menu go to Site settings > Custom code tab > paste your code in the Header code field > Save changes.

To set custom meta tags just for a single page, in the left menu go to Pages > green cog for the page you want > Custom Header Code > paste your code in the field > Save changes.

You can also use a combination of the above, to set a site-wide default and then customise it for specific pages here and there.

Checking your work

Facebook has a handy dedicated Sharing Debugger tool that lets you preview exactly how links will appear before you share them. Don't worry about any "missing properties" they may mention - these are optional, and so long as you're happy with how the preview looks, all is well.