Details

    • Type: Improvement
    • Status: Done (View Workflow)
    • Priority: Major
    • Resolution: Fixed
    • Component/s: design
    • Labels:
      None
    • Similar Issues:

      Description

      When people post links to jenkins.io blogs to social media like Facebook, Reddit, or Twitter, an image in that page gets picked up as the thumbnail image.

      All too often, the "fork me on github" ribbon gets picked up for this purpose, yet that's undesirable. I believe there's some metadata we can put on our HTML so that at least it picks up our butler logo. Obviously, if a post has a better more meaningful image (such as a screenshot), that should be picked up.

      I'm going to attach the screenshot from my Facebook.

        Attachments

          Activity

          Hide
          brody Brody Maclean added a comment - - edited

          The Open Graph description has been hardcoded across the entire site. R. Tyler Croy 
          It looks like OG:image's (used by Facebook, LinkedIn) are being included, but there is no fall back when there's no image.
          The twitter:image's aren't implemented though.

          Blog post with image
          https://developers.facebook.com/tools/debug/sharing/?q=https%3A%2F%2Fjenkins.io%2Fblog%2F2017%2F03%2F21%2Ftoulousejam-pipeline-workshop%2F

          Blog post without image (no fall back)
          https://developers.facebook.com/tools/debug/sharing/?q=https%3A%2F%2Fjenkins.io%2Fblog%2F2017%2F03%2F20%2Fsecurity-updates%2F

          Needs to be fixed

          Blue Ocean Landing Page

          • twitter:title
          • twitter:description
          • og:title
          • og:description

          Jenkins.io

          • og:description
          • twitter:image
          • og:image (fallback)

           

          Show
          brody Brody Maclean added a comment - - edited The Open Graph description has been hardcoded across the entire site. R. Tyler Croy   It looks like OG:image's (used by Facebook, LinkedIn) are being included, but there is no fall back when there's no image. The twitter:image's aren't implemented though. Blog post with image https://developers.facebook.com/tools/debug/sharing/?q=https%3A%2F%2Fjenkins.io%2Fblog%2F2017%2F03%2F21%2Ftoulousejam-pipeline-workshop%2F Blog post without image (no fall back) https://developers.facebook.com/tools/debug/sharing/?q=https%3A%2F%2Fjenkins.io%2Fblog%2F2017%2F03%2F20%2Fsecurity-updates%2F — Needs to be fixed Blue Ocean Landing Page twitter:title twitter:description og:title og:description Jenkins.io og:description twitter:image og:image (fallback)  
          Hide
          rtyler R. Tyler Croy added a comment -

          I believe, with Brody Maclean's help,. we've fixed this

          Show
          rtyler R. Tyler Croy added a comment - I believe, with Brody Maclean 's help,. we've fixed this

            People

            • Assignee:
              varadhya Vijeth Aradhya
              Reporter:
              kohsuke Kohsuke Kawaguchi
            • Votes:
              0 Vote for this issue
              Watchers:
              3 Start watching this issue

              Dates

              • Created:
                Updated:
                Resolved: