Social share images not displaying for dynamic pages

Ask the community
,
1

Until very recently, the social share images worked on dynamic pages. Now they do not.

When testing dynamic pages on the LinkedIn post inspector, it returns the message: “Add an og:image tag to the page to have control over the content’s image on LinkedIn.”

So apparently the wix dynamic pages no longer have og:images.

Static pages continue to work fine.

Has anyone else encountered this, and is there a solution?

2

I have tried solving this issue using WixRouterResponse ( https://www.wix.com/corvid/reference/wix-router.WixRouterResponse.html ) but am not sure how to implement it.

Not being knowledgeable about this, I tried simply pasting code the one below into my dynamic page, but this doesn’t seem to work. Can someone help me with this?

export function myRouter_Router(request) {

let headOptions = {
“title”: “A page title”,
“description”: “A page description”,
“keywords”: “wix code example”,
“noIndex”: true ,
“metaTags”: {
“copyright”: “Wix.com”,
“Classification”: “Example”,
“og:title”: “The Rock”,
“og:image”: “http://ia.media-imdb.com/rock.jpg”
}
};

let response.head = headOptions;

}

3

Replying to myself again, in case it is helpful to other users. I spoke with tech support at wix and they were quite helpful. Here are the important points:

  • The site-wide social share image no longer works on dynamic pages.
  • Instead, for dynamic pages go to settings, google seo, and add the social image there from your database field.
  • Note that although I had previously tried that, I had still run into problems. At least some images uploaded by my users were, for some reason, not accepted by the social sites.
4

Hi , @dbaxter

When social share images don’t display on dynamic pages, it’s usually related to how Open Graph (OG) metadata is generated per collection item, rather than an issue with the social platform itself. Please review the following:

1. Dynamic page SEO settings

Firstly create and map a dedicated Image field for OG and populate it for every collection item.

Steps For Opening Dynamic page and SEO settings :

Open the Dynamic Page

  1. Go to Editor

  2. Navigate to your Dynamic Page (List or Item page)

Step 2: Open Page SEO Settings

  • Click the page name (top-left)

  • Select SEO Basics

  • Click Edit SEO Settings

Then ,

  • Add an Image field in the collection (e.g. OG Image)

  • Upload an image to this field for every item

  • Map Social Share Image on the dynamic page to this image field

  • Publish and re-scrape the page to confirm the OG image loads correctly

    Then,

  • Dynamic pages pull OG data from the connected collection

  • Ensure the og:image is mapped to an image field in the collection

  • Confirm the image field is populated for every items

2. Image requirements

  • Use a publicly accessible HTTPS image

  • Recommended minimum size: 1200 × 630 px

  • Avoid private, restricted, or temporary image URLs

3. Publishing and access

  • Make sure the dynamic page is published and publicly accessible

  • Pages set to no index or blocked access may not resolve OG metadata correctly

Hope this helps !