Social Sharing Preview Image + Title

nature-of-code / noc-book-2

Nature of Code with p5.js and Notion workflow / build system.

https://natureofcode.com

762 stars 52 forks source link

Social Sharing Preview Image + Title #938

Open shiffman opened 3 weeks ago

shiffman commented 3 weeks ago

When a link is shared, each page should include a preview image and the title. Right now, the homepage, for example, has no preview (should use the book mock-up) and the title "Examples":

See https://thecodingtrain.com for an example system.

jasongao97 commented 3 weeks ago

I added the description of the first 150 characters for each chapter. Would it be preferable for the preview images to be the same as the opening figures for the chapters, or should they all simply feature the book mock-up?

shiffman commented 3 weeks ago

I think either the physical book mock-up or a nice example screenshot? Don't feel strongly about this, but I think the chapter opening images will be confusing as the primary shared element.

jasongao97 commented 3 weeks ago

I think either the physical book mock-up or a nice example screenshot? Don't feel strongly about this, but I think the chapter opening images will be confusing as the primary shared element.

Got it, that makes sense! I'll start with the mock-up first and then explore if there are any better options.

shiffman commented 2 weeks ago

Re-opening, looks like the social sharing image doesn't work on twitter?

https://twitter.com/pierre_nel/status/1785347109987762275

It is working in Discord though maybe I should write a short few sentences for each chapter for text to include?