senaduka/old-v2-frontend
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Refactor SEO component

Browse Source
This commit is contained in:
Moris Zen
2018-09-12 14:35:30 +02:00
parent 5f6b589e9f
commit 4fae11d05d
2 changed files with 38 additions and 44 deletions
Download Patch File Download Diff File Expand all files Collapse all files

69
src/components/SEO.js
View File

@@ -1,43 +1,44 @@
import React, { Component } from 'react' import React, { Component } from 'react'
import Helmet from 'react-helmet' import Helmet from 'react-helmet'
import urljoin from 'url-join'
import ImgIntro from '../images/web-development-company.svg' import ImgIntro from '../images/web-development-company.svg'
const SEO = ({ ...props }) => ( class SEO extends Component {
<Helmet> render() {
<title> const { siteTitle, siteDescription, siteImage, siteUrl} = this.props
{props.siteTitle
? props.siteTitle
: 'Saburly - App Development & Mobile Design agency that makes you stand out'}
</title>
<meta name="description" content={props.siteDescription ? props.siteDescription : 'We are in the business of solving real-world problems with digital solutions. Our mission is to make you stand out with the help of modern technologies'} />
<meta name="image" content={props.siteImage ? props.siteImage : ImgIntro} />
<meta name="og:title" content={props.siteTitle let title = siteTitle ? siteTitle : 'Saburly - App Development & Mobile Design agency that makes you stand out'
? props.siteTitle let desc = siteDescription ? siteDescription : 'We are in the business of solving real-world problems with digital solutions. Our mission is to make you stand out with the help of modern technologies'
: 'Saburly - App Development & Mobile Design agency that makes you stand out'} /> let img = siteImage ? siteImage : ImgIntro
<meta name="og:description" content={props.siteDescription ? props.siteDescription : 'We are in the business of solving real-world problems with digital solutions. Our mission is to make you stand out with the help of modern technologies'} />
<meta name="og:image" content={props.siteImage ? props.siteImage : ImgIntro} />
<meta name="og:url" content={props.siteUrl ? props.siteUrl : 'https://www.saburly.com'} />
<meta name="og:site_name" content="Saburly.com" />
<meta name="fb:app_id" content="1896398823783343" />
<meta name="og:type" content="website" />
<meta itemprop="name" content={props.siteTitle return (
? props.siteTitle <Helmet>
: 'Saburly - App Development & Mobile Design agency that makes you stand out'} /> <title>
<meta itemprop="description" content={props.siteDescription ? props.siteDescription : 'We are in the business of solving real-world problems with digital solutions. Our mission is to make you stand out with the help of modern technologies'} /> {title}
<meta itemprop="image" content={props.siteImage ? props.siteImage : ImgIntro} /> </title>
<meta name="description" content={desc} />
<meta name="image" content={img} />
<meta name="twitter:card" content="summary" /> <meta name="og:title" content={title} />
<meta name="twitter:title" content={props.siteTitle <meta name="og:description" content={desc} />
? props.siteTitle <meta name="og:image" content={img} />
: 'Saburly - App Development & Mobile Design agency that makes you stand out'} /> <meta name="og:url" content={siteUrl ? siteUrl : 'https://www.saburly.com'} />
<meta name="twitter:description" content={props.siteDescription ? props.siteDescription : 'We are in the business of solving real-world problems with digital solutions. Our mission is to make you stand out with the help of modern technologies'} /> <meta name="og:site_name" content="Saburly.com" />
<meta name="twitter:site" content="@saburly" /> <meta name="fb:app_id" content="1896398823783343" />
<meta name="twitter:creator" content="@saburly" /> <meta name="og:type" content="website" />
<meta name="twitter:image:src" content={props.siteImage ? props.siteImage : ImgIntro} />
</Helmet> <meta itemprop="name" content={title} />
) <meta itemprop="description" content={desc} />
<meta itemprop="image" content={img} />
<meta name="twitter:card" content="summary" />
<meta name="twitter:title" content={title} />
<meta name="twitter:description" content={desc} />
<meta name="twitter:site" content="@saburly" />
<meta name="twitter:creator" content="@saburly" />
<meta name="twitter:image:src" content={img} />
</Helmet>
)
}
}
export default SEO export default SEO

11
src/templates/post-default.js
View File

@@ -1,6 +1,7 @@
import React, { Component } from 'react' import React, { Component } from 'react'
import Helmet from 'react-helmet' import Helmet from 'react-helmet'
import Prism from 'prismjs' import Prism from 'prismjs'
import SEO from '../components/SEO'
require('prismjs/themes/prism-tomorrow.css') require('prismjs/themes/prism-tomorrow.css')
@@ -19,16 +20,8 @@ class PostDefault extends Component {
const { data } = this.props const { data } = this.props
return ( return (
<PageTransition> <PageTransition>
<SEO siteTitle={data.wordpressPost.title} siteDescription="We are always on a lookout for exciting challenges. Feel free to contact us if you want to start something great or just have any questions" siteImage={data.wordpressPost.featured_media.source_url} siteUrl={`https://www.saburly.com/blog/${data.wordpressPost.slug}`} />
<Helmet <Helmet
title={`${data.wordpressPost.title} - Saburly.com`}
meta={[
{ name: 'description', content: 'We code & design great software' },
{
name: 'keywords',
content:
'software, design, coding, programming, code, consulting',
},
]}
link={[ link={[
{ rel: 'shortcut icon', type: 'image/png', href: `${favicon32}` }, { rel: 'shortcut icon', type: 'image/png', href: `${favicon32}` },
]} ]}