1
0
Fork 0
mirror of https://github.com/terribleplan/next.js.git synced 2024-01-19 02:48:18 +00:00
next.js/examples/with-next-seo/pages/index.js
Gary Meehan b8c9a1b574 Add next-seo example (#6088)
This PR adds a basic example using [next-seo](https://www.npmjs.com/package/next-seo).
2019-01-19 13:07:13 +01:00

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>
)