Skip to main content

How to add or edit social share images on any page or post

Social sharing meta images (Open Graph & Twitter Images) can be added to your site in a couple of different ways. You can set a default global image that will be used for your entire website however you can override this image on each individual page or blog post, giving every page its own unique and related image.

Global Share Image

Step 1

Login to the CMS.

Step 2

In the tree menu, go to 'Global'.

Step 3

From the grid of options, go to 'Settings'.

Global settings in uSkinned for Umbraco.

Step 4

From the General tab, locate the label 'Default social share image'.

Step 5

Using the Media picker option, locate the image from your Media section or upload a new one. 

Please note, you should upload an image that is 1200 pixels by 630 pixels.

Default global social sharing image in uSkinned for Umbraco.

Step 6

In the bottom right corner, Save and publish.

Social sharing image assigned in uSkinned for Umbraco.


Page or Blog Post Share Image

Step 1

Login to the CMS.

Step 2

In the tree menu, go to any page or blog post.

Step 3

On the page or blog post, go to the 'SEO & Share' tab.

SEO & Share options in uSkinned for Umbraco.

Step 4

Locate the label 'Social share image'.

Step 5

Using the Media picker option, locate the image from your Media section or upload a new one. 

Please note, you should upload an image that is 1200 pixels by 630 pixels.

Step 6

In the bottom right corner, Save and publish the page or blog post.

Unique social sharing image for every page in uSkinned for Umbraco.

#h5yr