How to Customize Landing Page Previews?

[IreneSch]

Hi everyone!

I’m encountering an issue with dummy code displaying when sharing a landing page link on platforms like LinkedIn. I can’t seem to locate where this code is pulling from or how to customize what displays to users when sharing. Has anyone else faced this, and could you advise on where to update or control this preview information? Any tips would be greatly appreciated!

[Michael_Florin]

Hello Irene,

what LinkedIn - or other tools that create landing page previews - usually grab from a page is in the page's head section. I assume you have that dummy text somewhere in the page's title, description or some similar entity. If you shared your landing page's URL we could tell you more.

Details on how you define what LinkedIn actually shows: https://ogp.me/ or https://developers.facebook.com/docs/sharing/webmasters/

[IreneSch · Accepted solution]

Thank you @Michael_Florin 

I've gone over it with the Marketo support team, and they guided us on the coding side to work with out developers to fix it, so you are indeed correct.

Thank you-

[Dave_Roberts]

To add on here, once you do add the OG tags (Open Graph) to the head of your pages, what you've had in there previously may be cached in the different social networks. Each one has a different process to refresh the cache, but here's a link to a tool for LinkedIn that I've used in the past to work around "old" data being shared in the preview after you update the OG tags: https://www.linkedin.com/post-inspector/

Within Marketo, you can add the OG tags by going in to edit a Guided Landing Page, clicking "Landing Page Actions" dropdown in the top left corner and selecting "Edit Page Metatags". There's an input in that dialog box to add Custom HEAD HTML where you can input as many of the OG tags as you'd like to update the sharing settings. The ogp.me link that Michael shared is an excellent resource for getting the basic syntax for the different tags to get you started.