datopian / datahub

🌀 Rapidly build rich data portals using a modern frontend framework
https://www.portaljs.org
MIT License
2.19k stars 326 forks source link

Fix meta tags for thumbnail image display #1197

Closed popovayoana closed 2 months ago

popovayoana commented 3 months ago

Description

Thumbnail images for links shared from https://datahub.io/ and its subpages (e.g., https://datahub.io/blog, https://datahub.io/docs etc) are not displaying correctly when shared. This is tested on social media (LinkedIn, Twitter) and Google Chat. We need to ensure that the appropriate meta tags are correctly implemented on our web pages to support proper thumbnail display on any platform.

Expected Behavior

When a link from https://datahub.io/, any of its subpages (e.g., https://datahub.io/docs, https://datahub.io/opensource), including all blog pages (e.g., https://datahub.io/blog/how-to-configure-datahub-cloud-site), is shared on any platform, the corresponding thumbnail image should display correctly. The thumbnail image should be visually appealing and representative of the content of the linked page.

Image specs:

Verify the image meets the following requirements:

Screenshots

Linkedin

datahub.io image

datahub.io/blog image

Twitter

image

Gchat

image

olayway commented 3 months ago

When a link from https://datahub.io/, any of its subpages (e.g., https://datahub.io/docs, https://datahub.io/opensource), including all blog pages (e.g., https://datahub.io/blog/how-to-configure-datahub-cloud-site), is shared on any platform, the corresponding thumbnail image should display correctly. The thumbnail image should be visually appealing and representative of the content of the linked page.

@popovayoana I don't think including separate thumbnails for /blog and /docs is a good idea. These pages are not representative enough, and even if they were, they still refer to the same product - and that product imo should be shown on the thumbnail. But I think we do want to have separate thumbnails for /enterprise and /opensource.

olayway commented 2 months ago

Fixed

rufuspollock commented 2 months ago

@olayway any details on what the actual solution was?