@berlitz/seo

Seo component for the Max Design System

Usage no npm install needed!

<script type="module">
  import berlitzSeo from 'https://cdn.skypack.dev/@berlitz/seo';
</script>

README

SEO npm version

Berlitz Seo component utilizes react helmet which adds all seo related tags into the document head. These include all meta tags, open graph, social media, and more.

Installation

yarn add @berlitz/seo

Props

Argument Type Required Default Example
description string ✅
title string "Berlitz"
pathName string
imageUrl string
siteName string
lang string "en"
author string
keywords array []

Usage

import Seo from '@berlitz/seo'

const MyApp = () => (
  <Seo
    title="Private language classes"
    description="Our private language courses allow you to learn comfortably in a one-on-one setting. One of our expert instructors will sit with you"
    siteName="Berlitz USA Blog"
    imageUrl="https://picsum.photos/1200/630/?random"
    pathName="https://staging.brrlitz.com/en-us/adults/learn-in-person"
    author="John Smith"
  />
)