How can I add a page thumbnail to appear in sharable link | Community
Skip to main content
Omar_Fathy1
Omar_Fathy1
February 4, 2022
Solved

How can I add a page thumbnail to appear in sharable link

  • February 4, 2022
  • 2 replies
  • 1552 views

How can I add a page thumbnail to appear in sharable link on Linkedin?
My links appear with a different image that is not related to my pages.
So please help me to know how can I show the image in the page in the preview of the social sharable link.

This post is no longer active and is closed to new replies. Need help? Start a new post to ask your question.
Best answer by lukasz-m

If by publisher access you mean, the level of permissions in AEM your user have - then I would not expect that this kind of role will have access that will allow to do modifications on code level.

Just to be clear, first some changes (they are simple) on implementation level of you application needs to happen. Changes should be done to expose link to image you have configured in page properties level. Base on what you have wrote on you initial message - I understand this case is not currently supported, so appropriate amendments needs to be done.

2 replies

lukasz-m
Community Advisor
lukasz-mCommunity Advisor
Community Advisor
February 4, 2022

Hi @omar_fathy1, according to LinkedIn documentation you should use Open Graph Protocol (OGP) to expose your page metadata - here is link to official documentation [1]

From technical point of view, link to your page thumbnail should be exposed as og:image. You need to add below meta tag in head section of your page.

<meta property="og:image" content="${link.to.thumbnail}" />

[1] - https://www.linkedin.com/help/linkedin/answer/a521928/making-your-website-shareable-on-linkedin?lang=en

    Omar_Fathy1
    Omar_Fathy1Author
    February 4, 2022

    Can I do it with the publisher access?

      lukasz-m
      Community Advisor
      lukasz-mCommunity AdvisorAccepted solution
      Community Advisor
      February 5, 2022

      If by publisher access you mean, the level of permissions in AEM your user have - then I would not expect that this kind of role will have access that will allow to do modifications on code level.

      Just to be clear, first some changes (they are simple) on implementation level of you application needs to happen. Changes should be done to expose link to image you have configured in page properties level. Base on what you have wrote on you initial message - I understand this case is not currently supported, so appropriate amendments needs to be done.

        Sanjay_Bangar
        Community Advisor
        Sanjay_BangarCommunity Advisor
        Community Advisor
        February 5, 2022

        Hi @omar_fathy1 ,

               You need to use open graph in page component . You can add below code in your head.html or content.html

        You can do it on publisher as well if you have access.

         

        <meta property="og:image" content="${pageproperties.imagelink}" />

         

        Kr,

        Sanjay

          Terms & ConditionsAccessibility statement

          Loading footer...