archive/rsnext
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

docs: opengraph / twitter image needs absolute URL (#59985)

Browse source
This commit is contained in:
Lee Robinson 2023-12-27 22:48:56 -06:00 committed by GitHub
parent 9e37c327a4
commit 548a07ff6b
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 5 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
docs/02-app/02-api-reference/04-functions/generate-metadata.mdx
View file

@ -479,12 +479,12 @@ export const metadata = {
siteName: 'Next.js', siteName: 'Next.js',
images: [ images: [
{ {
url: 'https://nextjs.org/og.png', url: 'https://nextjs.org/og.png', // Must be an absolute URL
width: 800, width: 800,
height: 600, height: 600,
}, },
{ {
url: 'https://nextjs.org/og-alt.png', url: 'https://nextjs.org/og-alt.png', // Must be an absolute URL
width: 1800, width: 1800,
height: 1600, height: 1600,
alt: 'My custom alt', alt: 'My custom alt',
@ -658,6 +658,8 @@ export const metadata = {
### `twitter` ### `twitter`
The Twitter specification is (surprisingly) used for more than just X (formerly known as Twitter).
Learn more about the [Twitter Card markup reference](https://developer.twitter.com/en/docs/twitter-for-websites/cards/overview/markup). Learn more about the [Twitter Card markup reference](https://developer.twitter.com/en/docs/twitter-for-websites/cards/overview/markup).
```jsx filename="layout.js | page.js" ```jsx filename="layout.js | page.js"
@ -669,7 +671,7 @@ export const metadata = {
siteId: '1467726470533754880', siteId: '1467726470533754880',
creator: '@nextjs', creator: '@nextjs',
creatorId: '1467726470533754880', creatorId: '1467726470533754880',
images: ['https://nextjs.org/og.png'], images: ['https://nextjs.org/og.png'], // Must be an absolute URL
}, },
} }
``` ```