import React from "react"
import { Helmet } from "react-helmet"

const Seo = ({location}) => {
  // helmetに渡すメタデータ
  let metaDatas = [
    // OGPの設定、全ページ共通
    {
      property: "og:site_name",
      content: "xxxxx",
    },
    {
      property: "og:locale",
      content: "ja",
    },
    {
      name: "twitter:site",
      content: "xxxxx",
    },
    {
      name: "twitter:creator",
      content: "xxxxx",
    },
    {
      name: "twitter:card",
      content: "summary_large_image",
    },

    // OGPの設定、ページごとに異なる部分
    {
      property: "og:type",
      content: "article",
    },
    {
      property: "og:url",
      content: "xxxxx",
    },
    {
      property: "og:title",
      content: "xxxxx",
    },
    {
      property: "og:description",
      content: "xxxxx",
    },
    {
      property: "og:image",
      content: "xxxxx",
    },

    // OGP以外のメタデータ
    {
      name: "description",
      content: "xxxxx",
    },
  ]

  return (
    <Helmet
      htmlAttributes={{
        lang: "ja",
        prefix: "og: http://ogp.me/ns#",
      }}
      title="xxxxx"
      meta={metaDatas}
    >
    </Helmet>
  )
}
export default Seo