1.0.9 • Published 3 years ago
@hypesync/seo v1.0.9
HypeSync SEO Component
SEO component for landing pages built with React.
🚀 Getting Started
npm install --save @hypesync/seoyarn 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.