Uploaded image for project: 'Jenkins Website'
  1. Jenkins Website
  2. WEBSITE-282

Thumbnail image metadata is missing

    XMLWordPrintable

    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
          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
          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)  

            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: