mirror of
https://github.com/terribleplan/next.js.git
synced 2024-01-19 02:48:18 +00:00
b8c9a1b574
This PR adds a basic example using [next-seo](https://www.npmjs.com/package/next-seo).
42 lines
1.2 KiB
JavaScript
42 lines
1.2 KiB
JavaScript
import React from 'react'
|
|
import NextSeo from 'next-seo'
|
|
import Link from 'next/link'
|
|
|
|
export default () => (
|
|
<div>
|
|
<NextSeo
|
|
config={{
|
|
title: 'Page Meta Title',
|
|
description: 'This will be the page meta description',
|
|
canonical: 'https://www.canonicalurl.ie/',
|
|
openGraph: {
|
|
url: 'https://www.canonicalurl.ie/',
|
|
title: 'Open Graph Title',
|
|
description: 'Open Graph Description',
|
|
images: [
|
|
{
|
|
url: 'https://www.example.ie/og-image-01.jpg',
|
|
width: 800,
|
|
height: 600,
|
|
alt: 'Og Image Alt'
|
|
},
|
|
{
|
|
url: 'https://www.example.ie/og-image-02.jpg',
|
|
width: 900,
|
|
height: 800,
|
|
alt: 'Og Image Alt Second'
|
|
},
|
|
{ url: 'https://www.example.ie/og-image-03.jpg' },
|
|
{ url: 'https://www.example.ie/og-image-04.jpg' }
|
|
]
|
|
}
|
|
}}
|
|
/>
|
|
<h1>SEO Added to Page</h1>
|
|
<p>Take a look at the head to see what has been added.</p>
|
|
<p>
|
|
Or checkout how <Link href='/jsonld'><a>JSON-LD</a></Link> (Structured Data) is added
|
|
</p>
|
|
</div>
|
|
)
|