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.