Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Add Backstage logo to the Open Graph Image metadata of backstage.io

See original GitHub issue

Feature Suggestion

When we share https://backstage.io over social media like Twitter, it is good that the card they generate for the link has useful information.

Currently Twitter does not get any image to use for backstage.io

Possible Implementation

~Add an og:image metadata to the website and use the backstage logo. I think we already have og:title and og:description, but I might be wrong.~

Use png instead of svg here.

Context

Use https://cards-dev.twitter.com/validator to validate results.

Issue Analytics

State:
Created 3 years ago
Comments:10 (10 by maintainers)

Top GitHub Comments

1reaction

iamrajivcommented, Aug 30, 2020

@OrkoHunter means all the .svg images will be converted to .png then we will update the microsite/siteConfig.js.

1reaction

OrkoHuntercommented, Aug 20, 2020

Open Graph protocol does not support SVG 😮 😮 😮

https://indieweb.org/The-Open-Graph-protocol#Does_not_support_SVG_images https://stackoverflow.com/questions/21636503/use-svg-as-ogimage

We’ll then have to set a png image to og:image and twitterImage. 💯

Top Results From Across the Web

Add Backstage logo to the Open Graph Image metadata of ...

Add an og:image metadata to the website and use the backstage logo. I think we already have og:title and og:description , but I...

Architecture overview · Backstage Software Catalog and ...

Core - Base functionality built by core developers in the open source project. App - The app is an instance of a Backstage...

Backstage - Datadog Docs

Add the Datadog plugin widget to your Backstage Overview tab. ... apiVersion: backstage.io/v1alpha1 kind: Component metadata: name: sample-service ...

The Open Graph protocol

To turn your web pages into graph objects, you need to add basic metadata to ... <meta property="og:image" content="https://example.com/ogp.jpg" /> <meta ...

Opengraph link previews in Jekyll - markdown - Stack Overflow

Showing rich text previews of your Jekyll site elsewhere. Is there a way to generate a "preview card" with text/image preview according to ......