1.0.13 • Published 2 years ago
Share package Next SEO Simple SEO managment that makes managing SEO easier in NextJS v13+ projects.
This project was based to garmeeh/next-seo .
Install With npm
npm install --save @meluiz/next-seo
Or yarn
yarn add --save @meluiz/next-seo
Usage // app/head.jsx
import React from "react";
import { seo } from "@meluiz/next-seo";
export default function Head() {
return <React.Fragment>{seo.render()}</React.Fragment>;
}
Default SEO // app/head.jsx
import React from "react";
import { seo } from "@meluiz/next-seo";
export default function Head() {
seo.default({ ...SEOProps });
return <React.Fragment>{seo.render()}</React.Fragment>;
}
Make SEO // app/page.jsx
import React from "react";
import { seo } from "@meluiz/next-seo";
export default function Page({ children }) {
seo.make({ ...SEOProps });
return <div>{children}</div>;
}
SEO Props The default
and make
method work with this bollow props:
Global Property Type title string titleTemplate string noindex boolean nofollow boolean robots Robots description string cononical string themeColor string metatag Array<Metatag > linktag Array<Linktag > twitter Twitter opengraph Opengraph
Robots Property Type nosnippet boolean maxSnippet number maxImagePreview "none", "standard" or "large" maxVideoPreview number noarchive boolean unavailableAfter string noimageindex boolean notranslate boolean
Book Property Type authors Array\ isbn string releaseDate string tags Array\
Video Actor Property Type role string profile string
Video Property Type actors Array\<VideoActor > directors Array\ writers Array\ duration number releaseDate string tags Array\ series string
Article Property Type publishedTime string modifiedTime string expirationTime string authors Array\ section string tags Array\
Profile Property Type firstName string lastName string username string gender string
Media Property Type url string type string title string description string siteName string locale string book Book video Video article Article profile Profile images Media[] videos Media[] audio Media[] defaultImageHeight number defaultImageWidth number defaultOpenGraphVideoWidth number defaultOpenGraphVideoHeight number
Metatag Property Type name string property string httpEquiv "content-security-policy", "content-type", default-style", "x-ua-compatible" or "refresh" content string keyOverride string
Linktag Property Type rel string href string sizes string media string type string color string keyOverride string as string crossOrigin string
Twitter Property Type site string handle string cardType "summary", "summary_large_image", "app" or "player"
Opengraph Property Type url string type string title string description string siteName string locale string book Book video Video article Article profile Profile images Array<Media > videos Array<Media > audio Array<Media > defaultImageHeight number defaultImageWidth number defaultOpenGraphVideoWidth number defaultOpenGraphVideoHeight number