Open Graph tags: complete implementation on Wix

When someone shares a link to your Wix site on Facebook, LinkedIn, WhatsApp or Slack, the preview that appears is controlled by Open Graph (OG) tags. A compelling preview with a clear title, description and eye-catching image can increase click-through rates by 200-300% compared to a missing or poorly configured preview. This lesson covers the full OG implementation on Wix.

The Essential Open Graph Tags

• og:title - the title shown in the social preview (can differ from your SEO title tag)
• og:description - the description shown below the title (can differ from meta description)
• og:image - the image displayed in the social preview (this is the most impactful element)
• og:url - the canonical URL of the page
• og:type - the type of content (website, article, product)
• og:site_name - your website or brand name

Setting OG Tags in Wix

How to configure Open Graph on Wix

• Open any page in the Wix editor
• Click the page menu (three dots) and select SEO (Google)
• Scroll to the Social Share section
• Set a custom title for social sharing (can be more engaging than your SEO title)
• Write a social-optimised description (more conversational, with a call to action)
• Upload a dedicated social share image (1200x630 pixels for optimal display)

The Perfect Social Share Image

The og:image is the most impactful OG tag because humans process images before text. The optimal dimensions are 1200x630 pixels. Use high-contrast colours, large readable text overlay, and your brand logo. Avoid small text that becomes illegible at thumbnail size. Create a custom social image for every important page, not just your homepage.

Testing Your Open Graph Tags

Use the Facebook Sharing Debugger (developers.facebook.com/tools/debug) to test any URL. It shows exactly what OG tags are detected and what the preview will look like. If you have updated your OG tags but Facebook still shows the old preview, click "Scrape Again" to force a refresh of the cached data.

Complete How-To Guide

This step-by-step guide walks you through implementing Open Graph tags on every important page of your Wix site so your content looks professional and compelling when shared on any social platform.

How to implement Open Graph tags across your Wix site

• Step 1: Make a list of every key page on your Wix site that could be shared on social media, including the homepage, service pages, blog posts, portfolio pages and contact page.
• Step 2: Open your Wix Editor, click on your homepage, then click the three-dot page menu and select SEO (Google) to access the social share settings.
• Step 3: In the Social Share section, enter a custom og:title that is engaging and conversational. For your homepage, use something like "We Help Small Businesses Rank on Google" rather than your SEO title.
• Step 4: Write a custom og:description of 60-100 characters that includes a call to action or curiosity hook. This text appears below the title in social previews.
• Step 5: Create a custom social share image at exactly 1200x630 pixels using Canva or Figma. Include your page title as large readable text, your brand logo in a corner, and a high-contrast background colour.
• Step 6: Upload the social share image in the Wix SEO panel under the Social Share image field. Ensure the file is under 5MB and in JPG or PNG format.
• Step 7: Repeat steps 2-6 for every service page and key landing page on your site. Each page should have its own unique og:title, og:description and og:image.
• Step 8: For Wix Blog posts, set the social share settings within the blog post editor. The featured image is often used as the OG image, but you can override it with a custom social image.
• Step 9: Publish all your changes and copy the URL of your homepage.
• Step 10: Go to the Facebook Sharing Debugger at developers.facebook.com/tools/debug, paste your URL and click Debug. Verify that the correct title, description and image appear.
• Step 11: If the preview shows old or incorrect information, click Scrape Again to force Facebook to refresh its cache of your page.
• Step 12: Test each key page URL in the debugger. Fix any pages where the image is missing, the title is truncated, or the description is pulling from the wrong source.
• Step 13: Share a test link in a private WhatsApp or Slack message to yourself to verify the preview looks correct in messaging apps, which also use OG tags.
• Step 14: Set a calendar reminder to review and update your OG tags quarterly, especially when you change page content, update branding or run new campaigns.