Customize Thumbnail Preview when Sharing Pages (Facebook or Twitter)

Customize Thumbnail Preview when Sharing Pages (Facebook or Twitter)

Whenever you share a page of your site on Facebook or Twitter, the social platform will pull data from your page to populate a preview within the platform. You aren't required to update the data as it is populated automatically for you, but if you wish to customize it, follow the steps in this article.

1. Click on the Content tab in the gray navigation bar, and click into the page you wish to customize.

2. In the right-hand sidebar, select the SEO & Sharing header to open the panel.

SEO_Social_Media_copy.png

3. Use the icon tabs to view a special panel for each of the social media platforms. Select which social media platform you wish to customize for, then input your custom data into the fields provided to you.

SEO_Social_Media_copy.gif​

4. After you are finished updating the fields, select the green Publish button to make it all live on your site.

Example of a shared page on Facebook

851562_1376970469205025_523101852_n.png

Example of a shared page on Twitter

Screen_Shot_2017-11-21_at_2.06.31_PM.png

Facebook title: Unless you customize this field, your SEO page title is used.

Facebook description: Without an SEO description customized, the first block on your page containing text will be used here.

Facebook image: By default, the site logo image is first to be chosen if you do not upload an image here. 

JPG, GIF or PNG. Minimum 200 x 200 px, but at least 1200 x 630 pixels is recommended. 8MB max size. See Facebook's documentation for more details and recommendations.

Facebook App ID: Use this field if you are tracking analytics information with Facebook or if you have a Facebook App.

Twitter title: Unless you customize this field, your SEO page title is used.

Twitter description: Without an SEO description customized, the first block on your page containing text will be used here.

Twitter image: By default, the site logo image is first to be chosen if you do not upload an image here. 

JPG, GIF or PNG. Minimum 300 x 157 px, maximum 4096 x 4096 px and 5MB in size. 2:1 aspect ratio recommended. See Twitter's documentation for more details and recommendations.

 

    • Related Articles

    • Add a Logo or Image to Footer

      If you are looking to add an image to your website's footer - such as the logo of your company, awards you have received, or any professional organizations you belong to - you can do so by following the steps below. Add a new image Making further ...

    • Add Social Icons to Your Navigation

      You can add social icons to your site’s navigation bar by adding a new Navigation Item page. To begin: 1. Select Content in the gray navigation bar, and then the green Add New Pages button. 2. Select the Navigation Item and click Add. This page will ...

    • Add Social Icons to Footer/Stylize Icons

      You can add social icons to your footer so that visitors have easy access to all your social media outlets. To do this: 1. Select the Content tab in the gray navigation bar, and then select Footer on the right-hand side of your pages, under Global ...

    • Duplicate Blog Posts

      When you post a new blog on your website, you can repurpose an existing blog post's styling, formatting, and layout by using the Duplicate feature. Step 1: Duplicate the Post There are two ways to duplicate a blog post: On the main blog page On the ...

    • Add a Link to an Image

      1. Upload an image to your Image or Image Gallery block. 2. Next to the uploaded image, select the Hyperlink icon. 3. Click the field inside the Link box. A list of all of your web pages will appear, choose one or enter an external URL. 4. Select the ...