Meta Tags Setup

Configure custom meta tags to control exactly how your touchpoints appear when shared on social media platforms. Upload branded images, craft compelling titles, and write engaging descriptions for professional social media presence.
Premium Feature: Custom meta tags are available for Premium tier users. Without premium access, touchpoints use default Li2.ai meta tags when shared.

Automatic Meta Tag Detection

Smart Auto-Fill: When Premium users create touchpoints, Li2.ai automatically fetches the destination URL’s existing meta title, meta description, and Open Graph image to pre-populate your meta tags. This saves time and provides a professional starting point for customization.
How Auto-Detection Works:
  • Meta Title: Automatically pulled from destination page’s <title> tag
  • Meta Description: Fetched from destination page’s meta description
  • OG Image: Retrieved from destination page’s Open Graph image
  • Smart Fallbacks: Uses best available content if primary meta tags aren’t found
Benefits:
  • Time Saving: No need to manually recreate existing page meta data
  • Professional Quality: Starts with the destination page’s optimized content
  • Easy Customization: Use auto-filled content as-is or customize further
  • Consistent Messaging: Maintains alignment between destination and social preview

Accessing Meta Tags

1

Navigate to touchpoint advanced settings

  1. Go to Touchpoints and select your touchpoint
  2. Click on the Advanced tab
  3. Find the Meta Tags section
  4. Toggle Meta Tags to ON to enable customization Configure Meta Tag Elements Pn
2

Start customizing

Once enabled, you’ll see three customization options:
  • Image: Upload custom social media preview image (may be auto-filled)
  • Title: Set custom title for social sharing (may be auto-filled)
  • Description: Write engaging description text (may be auto-filled) Accessing Meta Tags Pn
Plus a live preview showing how your content will appear when shared.
Auto-Filled Content: If your destination URL has existing meta tags, these fields may already contain the fetched content from your destination page. You can use this content as-is or customize it further.

Working with Auto-Filled Content

Understanding Auto-Detection

1

Automatic fetching during creation

When Premium users create a new touchpoint:
  1. Li2.ai analyzes the destination URL
  2. Extracts existing meta title, description, and Open Graph image
  3. Pre-populates meta tag fields with found content
  4. Provides immediate professional preview
2

Review and customize

Options with Auto-Filled Content:
  • Use As-Is: Keep the automatically fetched content
  • Customize: Modify titles, descriptions, or images for your campaign
  • Replace: Upload new images or completely rewrite content
  • Mix and Match: Keep some auto-filled elements, customize others

When Auto-Fill is Most Helpful


Custom Image Setup

Image Requirements

Technical Specs

Formats: JPG, PNG Size: 1200 x 628 pixels Quality: High resolution recommended

Design Tips

Branding: Include logo and brand colors Clarity: Simple design that works at small sizes Relevance: Image should relate to destination content

Uploading Your Image

1

Prepare your image

  • Create or select an image that’s exactly 1200 x 628 pixels
  • Use JPG or PNG format
  • Ensure high quality and clear branding
  • Keep file size reasonable for fast loading
2

Upload process

  1. In the Meta Tags section, find Image
  2. Click “Choose Files”
  3. Select your prepared image file
  4. Image uploads and appears in the preview immediately
  5. Verify appearance in the live preview panel

Title and Description Configuration

Writing Effective Titles

1

Configure your title

  1. In the Meta Tags section, find the Title text field
  2. Enter your custom title (or modify auto-filled content)
  3. Preview updates automatically as you type
  4. Keep title concise and compelling (50-60 characters optimal)

Writing Compelling Descriptions

1

Configure description

  1. In the Meta Tags section, find the Description text area
  2. Write engaging description text (or modify auto-filled content)
  3. View real-time preview as you write
  4. Aim for 120-160 characters for optimal display
Content Best Practices:
  • Benefit-focused: Highlight what users will gain
  • Action-oriented: Include clear calls-to-action
  • Brand consistent: Match your overall messaging
  • Platform appropriate: Professional for business, engaging for social

Live Preview System

Real-Time Updates: The preview panel shows exactly how your meta tags will appear when shared, updating instantly as you make changes.
Preview Elements:
  • Custom Image: Your uploaded or auto-filled image
  • Title: Your custom or auto-filled title
  • Description: Your custom or auto-filled description
  • URL: Your touchpoint short link

Using Preview for Optimization

1

Monitor changes in real-time

  • Make changes to any meta tag element
  • See immediate updates in the preview panel
  • Verify overall appearance and professional quality
  • Check that all elements work together effectively
2

Quality verification

Use the preview to ensure:
  • Image displays clearly and attractively
  • Title is compelling and complete
  • Description provides appropriate context
  • Overall appearance is professional and branded

Meta Tags Management

Saving and Updating


Troubleshooting



Need help with meta tags setup? Contact support → or visit your dashboard →