1.7.3 • Published 2 years ago
@limeyfy/next-seo v1.7.3
Next Better SEO
Maintaining good seo in next is not easy in itself. You can always use head to help you but understanding all the meta tags and so on can be hard. Therefore I made a npm package to help with easily maintaining good seo.
Getting started
npm i --save @limeyfy/next-seo
// or
yarn add @limeyfy/next-seo
Example
import '../common/styles/globals.scss'
import type { AppProps } from 'next/app'
import { BetterHead } from '@limeyfy/next-seo'
function MyApp({ Component, pageProps }: AppProps) {
return (
<>
<BetterHead
title='Title'
subTitle='Limeyfy'
/>
<Component {...pageProps} />
</>
)
}
export default MyApp
Test SEO
import '../common/styles/globals.scss'
import type { AppProps } from 'next/app'
import { BetterHead, useSeo } from '@limeyfy/next-seo'
function MyApp({ Component, pageProps }: AppProps) {
const { result } = useSeo();
console.log(result())
return (
<>
<BetterHead
title='Title'
subTitle='Limeyfy'
/>
<Component {...pageProps} />
</>
)
}
export default MyApp
Another example
import '../common/styles/globals.scss'
import type { AppProps } from 'next/app'
import { BetterHead } from '@limeyfy/next-seo'
function MyApp({ Component, pageProps }: AppProps) {
return (
<>
<BetterHead
title='Title'
subTitle='Limeyfy'
>
<meta name='og:country-name' content='NORWAY' />
</BetterHead>
<Component {...pageProps} />
</>
)
}
export default MyApp
Params
- title?: string;
- subTitle?: string;
- title?: string;
- subTitle?: string;
- titleDivider?: string;
- keywords?: string;
- themeColor?: string;
- description?: string;
- subject?: string;
- copyright?: string;
- language?: string;
- robots?: string;
- revised?: string;
- topic?: string;
- summary?: string;
- Classification?: string;
- author?: string;
- replyTo?: string;
- owner?: string;
- url?: string;
- identifierURL?: string;
- image?: string;
- favIcon?: string;
- children?: React.ReactNode;