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.