Skip to main content

Advanced Social Media Sharing: Using Meta Tags

Erin-J Jarvis avatar
Written by Erin-J Jarvis
Updated over a week ago

Enhancing how your website appears when shared on social medial platforms like Facebook, X (Twitter), and LinkedIn can be crucial for engagement and visibility. Social media meta tags allow you to control the title, description, image, and other elements displayed in previews when the website page is shared.

What Are Social Media Meta Tags?

Social media meta tags are snippets of HTML code placed in the <head> section of your web page. They provide structured data to social media platforms, enabling them to generate previews when others share your content.

Where Can I Add Meta Tags?

These meta tags can be added to all pages in Novi that contain SEO information, including:

  • Homepage

  • Static pages

  • Blog articles and categories

  • Directories

  • Members

  • Events and event landing pages

  • Ecommerce categories and product landing pages

Adding Facebook and LinkedIn Meta Tags to Your Pages

To customize the appearance of your content when it's shared using meta tags for Facebook and LinkedIn, toggle on the Advanced Facebook & LinkedIn Sharing.

Meta Tag Settings

  1. Title

    1. The title that will be shown when the content is shared on Facebook and LinkedIn.

    2. Suggested 60-70 characters

  2. Description

    1. A brief description of the content displayed on Facebook and LinkedIn

    2. Limited to 200 characters

  3. Featured Image

    1. The image that will display with the post; if left empty, the social media site will automatically select an image from the page content.

    2. Supports .jpg, .jpeg, .png, .gif

    3. Recommended minimum dimensions are 1200x630 pixels

Adding X (Twitter) Meta Tags to Your Pages

To customize the appearance of your content when it's share using meta tags for X (Twitter), toggle on the Advanced X (Twitter) Sharing.

Meta Tag Settings

  1. X (Twitter Card Type)

    1. Select either a Summary or a Summary with Large Image card type from the drop down

  2. Title

    1. The title that will be shown when the content is shared on X (Twitter)

    2. Suggested 60-70 characters

  3. Description

    1. A brief description of the content displayed on X (Twitter)

    2. Limited to 200 characters

  4. Featured Image

    1. The image that will display with the post; if left empty, X (Twitter) will automatically select an image from the page content.

    2. Supports .jpg, .jpeg, .png, .gif

    3. Recommended minimum dimensions are 1200x675 pixels

How to Clear Link Preview Cache:

When you share a link in social media, platforms like LinkedIn, Facebook, and X (Twitter) cache (store) the preview data, such as the title, image, and description, to load it faster next time. If you update your website’s meta tags after sharing the link, the changes might not appear right away because the old preview is still cached. Each platform has tools to clear or refresh this cached data manually.

  • Facebook: Use the Sharing Debugger

    • Paste your URL and click “Debug”

    • Then click “Scrape Again”

  • LinkedIn: Use the Post Inspector

    • Enter your URL

    • It will automatically refresh the preview cache

  • Twitter: Use the Card Validator

    • Paste your URL

    • Click “Preview card” to force an update

Did this answer your question?