How to make image highlighted when sharing web page in social media

Hi All, is there a way to easily define the:
title
description
image

that will feature when sharing a public page on social media?


I created a page (with a define page title) but if I attempt to share it on social media seems to focus on a weird image and the text of a modal that is triggered by a button.

Solution

Hi André, 

You need to add meta tags to allow the site where you are sharing to know how to fetch the information. 

Found this: https://yourblogworks.com/social-share-image/

Other sites may use different protocols than Open Graph. 

To add meta information to your page you can use some functions from HTTPRequeatHandler espace. 

Hope this helps. 

Cheers 

Solution

Eduardo, Thanks Meta Tags were exactly what I was looking for... I have a follow up question though:

Is there a function that adds a "property" instead of a "name" to a tag it seems that Open Graph uses the property, do you know if that makes any difference what so ever? 

https://developers.facebook.com/docs/sharing/webmasters#basic

I found a few forge applications that do not seem to be compatible anymore but they rely on an extension to add the property tag.


Hi, 

I think the easiest way to add dynamically is to use AddPostProcessingFilter, like Remco is showing here: https://www.outsystems.com/forums/discussion/20179/add-html-to-head-tag/

Hope this helps. 

Eduardo, I decided to publish my first app on the forge to solve this. Thanks for the help:

https://www.outsystems.com/forge/component-overview/6733/social-sharing-tags