@hypesync/seo
TypeScript icon, indicating that this package has built-in type declarations

1.0.9 • Public • Published

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.

Package Sidebar

Install

npm i @hypesync/seo

Weekly Downloads

0

Version

1.0.9

License

MIT

Unpacked Size

485 kB

Total Files

8

Last publish

Collaborators

  • szilard.doro
  • hypesync.io