github/TheGame
1
1
Fork 0
mirror of https://github.com/MetaFam/TheGame.git synced 2026-04-24 03:00:09 -04:00
Code Issues Packages Projects Releases Wiki Activity

Change the default share image for OpenGraph and Twitter cards

Browse Source 
Add the new image in packages/web/public/assets

Update the default canonical URL to match current pattern i.e. metagame.wtf instead of my.metagame.wtf

Bit of commenting around usage of HeadComponent
This commit is contained in:
HHH-GH
2022-12-02 08:26:49 +08:00
committed by vidvidvid
parent 2eb17d0b4f
commit e284cc676b
2 changed files with 14 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
packages/web/components/Seo.tsx
View File

@@ -10,10 +10,23 @@ export type HeadMetaProps = {
};
export const HeadComponent: React.FC<HeadMetaProps> = ({
/**
* Defaults for the site meta tags and shares via Open Graph tags, and Twitter cards
* Can/should be customised per page
* e.g.
* <HeadComponent
title="MetaGame Seeds Page"
description="..."
url="https://metagame.wtf/seeds"
/>
* The share image is in `/packages/web/public/assets`, so new images are available
* for testing locally or on deployments without having to mess about with host names
* ref https://nextjs.org/docs/basic-features/static-file-serving
*/
title = 'MetaGame',
description = 'MetaGame is a Massive Online Coordination Game! MetaGame is any approach to a game that transcends or operates outside of the prescribed rules of the game, uses external factors to affect the game, or goes beyond the supposed limits or environment set by the game.',
url = 'https://metagame.wtf/',
img = 'https://metagame.wtf/_next/image?url=%2Fassets%2Flogo.png&w=1920&q=75',
img = '/assets/MG-share-image_octopus-in-space.jpg',
cardStyle = 'summary',
}) => (
<Head>

BIN
packages/web/public/assets/MG-share-image_octopus-in-space.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 109 KiB