HypeSync SEO Component
SEO component for landing pages built with React.
🚀 Getting Started
npm install --save @hypesync/seo
yarn add @hypesync/seo
⚛️ Component Properties
Name | Type | Description |
---|---|---|
siteName (optional) | String | Name of the website (e.g: Good Company, My Company, etc.) |
title (optional) | String | Title of the current page (e.g: Home, Contact, etc.) |
description (optional) | String | Description of the page (e.g: Learn more about what and how we work, etc.) |
titleSeparator (optional) | String | Separator between the title and the site name. By default it's the | character. |
url (optional) | String | URL used as Open Graph URL for link previews. |
imageUrl (optional) | String | Image URL used as Open Graph Image for link previews. |
lang (optional) | String | Language of the page which will be appended to the HTML tag. By default it's en . |
keywords (optional) | String[] | Meta keywords of your page. |
meta (optional) | MetaData[] | Additional meta data to be appended to the as meta tags. |
💻 Usage
import SEO from '@hypesync/seo'
export function MyLandingPage() {
return (
<div>
<SEO
siteName="Landing Page Co."
title="My Landing Page"
description="Lorem ipsum dolor sit amet consectetur adipiscing elit."
titleSeparator="|"
url="https://landingpageco.com"
imageUrl="https://static.landingpageco.com/link-preview.png"
lang="en"
keywords={['landing', 'page', 'website']}
meta={[
{
property: 'og:type',
content: 'website'
}
]}
/>
</div>
)
}
License
MIT © HypeSync Inc.