Set home page social preview image as default for all pages
rufuspollock opened this issue · comments
Configure the SEO stuff so that the social preview image (og:image
i think) defaults to:
- frontmatter
image
attribute if set - the default social preview image (the one for the home page which is set in
siteConfig.js
Acceptance
Currently e.g. yields nothing whilst https://socialsharepreview.com/?url=https://web3.lifeitself.us/ works.
Also this one which should have a frontmatter image shows nothing.
- https://socialsharepreview.com/?url=https://web3.lifeitself.us/guide and any other page without frontmatter image) shows the default social preview (i.e. one of the home page) Done see tasks below
- https://socialsharepreview.com/?url=https://web3.lifeitself.us/notes/are-crypto-tokens-securities and other deep dive pages (which should have a frontmatter image ...) show that image Done see tasks below
Tasks
- All other Pages without frontmatter
image
shows default social preview of homepage (siteconfig) - Deep dive pages -
- pages with frontmatter
image
for social preview - pages without frontmatter
image
but withyoutube
shows youtube thumbnail image- src for image is
https://img.youtube.com/vi/<youtube-video-id>/maxresdefault.jpg
- src for image is
- defaults to homepage image if no frontmatter
image
and/oryoutube
is set
- pages with frontmatter
@khalilcodes you have marked as closed but https://socialsharepreview.com/?url=https://web3.lifeitself.us/notes/are-crypto-tokens-securities and there is no image showing up. Does it work for you?
Also as a comment: the done on acceptance criteria can be for the acceptance criteria. E.g. here the tasks are about implmentation whereas acceptance were about outcomes - so referencing the tasks does not make as much sense. The acceptance criteria done would be something like "Working. See preview link" (or even pasting a screenshot).
@rufuspollock it's working on my end. Not sure, maybe socialshare sometimes doesn't detect as it didn't show up on first try ...
Also checked it on twitter too ...
Thanks for the comment, I will update the acceptance with these screenshots if solved.
@khalilcodes great - so let's assume it works! (Worth noting things like you tried it in both places in acceptance (next time) -- v useful info).