import React from "react"
import Helmet from "react-helmet"
const SEO = ({ config, postNode }) => {
const url = postNode ? postNode.fields.slug : config.siteUrl
const title = postNode ? postNode.frontmatter.title : config.siteTitle
const description = postNode
? postNode.frontmatter.description
? postNode.frontmatter.description
: postNode.excerpt
: config.siteDescription
const image =
postNode && postNode.frontmatter.cover
? postNode.frontmatter.cover
: `${config.siteUrl}${config.siteImage}`
const schemaOrgJSONLD = [
{
"@context": "http://schema.org",
"@type": "WebSite",
url: config.siteUrl,
name: config.siteTitle,
alternateName: config.siteTitleAlt,
image: `${config.siteUrl}${config.siteImage}`
}
]
if (postNode) {
schemaOrgJSONLD.push(
{
"@context": "http://schema.org",
"@type": "BreadcrumbList",
itemListElement: [
{
"@type": "ListItem",
position: 1,
item: {
"@id": url,
name: title,
image: image
}
}
]
},
{
"@context": "http://schema.org",
"@type": "BlogPosting",
url: config.siteUrl,
name: title,
alternateName: config.siteTitleAlt,
headline: title,
image: {
"@type": "ImageObject",
url: image
},
description
}
)
}
return (
{/* General tags */}
{title}
{/* Schema.org tags */}
{/* OpenGraph tags */}
{postNode ? : null}
{/* Twitter Card tags */}
)
}
export default SEO