Open johnlettman opened 10 months ago
Also noteworthy is the repetition of Canonical
in the social metadata for the homepage here:
<meta name="twitter:title" content="Canonical | Trusted open source for enterprises | Canonical">
<meta property="og:title" content="Canonical | Trusted open source for enterprises | Canonical">
It occurs here due to the title including the first Canonical |
portion:
https://github.com/canonical/canonical.com/blob/99034cd0d15c1d70290234dc2dc07c1f23c5438d/templates/base_index.html#L30-L31
In the case of the careers page, there should be this image:
However, it appears this templating isn't rendering: https://github.com/canonical/canonical.com/blob/99034cd0d15c1d70290234dc2dc07c1f23c5438d/templates/base_index.html#L53-L57
I believe this has been fixed?
@carkod no, we need designers to create banner images, so it was moved to backlog
Advanced apologies for the nitpicking issue.
Summary
Canonical currently uses a subset of both Twitter and OpenGraph social metadata across the site:
However, the metadata lacks information regarding the image when rendering a social media card linking to the site. As a result, Canonical links appear with an image pulled from background elements or with a "missing image" placeholder.
This may cause a slightly negative perception of the link or downplay its visibility in the social media timeline, especially in the case of adverts to open positions, blog posts, or information about Canonical, its services, and its products.
Process
Expected result
Links to Canonical should be rendered with contextual previews, whether they are product logos, names of the page next to the Canonical logo, or static compositions in the Canonical theme.
Suggestion actions
The rendered HTML should include the following tags:
In my opinion, the homepage should take precedence, with product pages probably following behind. All of these display with a variation of the following background element and appear broken:
Screenshot
Canonical pages
LinkedIn:
Twitter:
vs. OpenStack pages
LinkedIn:
Twitter:
Other views of the problem