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

Adding OpenGraph props

Browse Source
This commit is contained in:
Moris Zen
2018-09-12 14:06:23 +02:00
parent 702c80cddd
commit a84ed9b6f9
6 changed files with 18 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
src/components/SEO.js
View File

@@ -10,9 +10,20 @@ const SEO = ({ ...props }) => (
? props.siteTitle
: 'Saburly - App Development & Mobile Design agency that makes you stand out'}
</title>
<meta name="description" content={props.siteDescription} />
<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
? props.siteTitle
: 'Saburly - App Development & Mobile Design agency that makes you stand out'} />
<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" />
</Helmet>
)
export default SEO
export default SEO

2
src/pages/about.js
View File

@@ -23,7 +23,7 @@ import Nedim from '../images/developer-nedim.svg'
const AboutPage = () => (
<PageTransition>
<SEO siteTitle="Saburly - About Us" siteDescription="Saburly was founded by senior tech leads that understand what it takes to create modern digital solutions" siteImage={IntroImage} />
<SEO siteTitle="Saburly - About Us" siteDescription="Saburly was founded by senior tech leads that understand what it takes to create modern digital solutions" siteImage={IntroImage} siteUrl="https://saburly.com/about" />
<PageIntro
tiltImage
headline="We know software"

2
src/pages/contact.js
View File

@@ -15,7 +15,7 @@ import PageTransition from 'gatsby-plugin-page-transitions'
const ContactPage = () => (
<PageTransition>
<SEO siteTitle="Saburly - Contact Us" 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={ContactImage} />
<SEO siteTitle="Saburly - Contact Us" 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={ContactImage} siteUrl="https://saburly.com/contact" />
<PageIntro
tiltImage
headline="Let's connect"

2
src/pages/index.js
View File

@@ -30,7 +30,7 @@ import PageTransition from 'gatsby-plugin-page-transitions'
const IndexPage = ({ ...props }) => (
<PageTransition>
<SEO siteTitle="Saburly - App Development & Mobile Design agency that makes you stand out" siteDescription="We're 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" siteImage={ImgIntro} />
<SEO siteTitle="Saburly - App Development & Mobile Design agency that makes you stand out" siteDescription="We're 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" siteImage={ImgIntro} siteUrl="https://saburly.com" />
<PageIntro
text="We're in the business of solving real-world problems with digital solutions. Our mission is to make you stand out and gain competitive advantages with the help of modern technologies."
image={ImgIntro}

2
src/pages/services.js
View File

@@ -20,7 +20,7 @@ let textClasses="font-serif opacity-80 font-light leading-normal text-black-ligh
const ServicesPage = () => (
<PageTransition>
<SEO siteTitle="Saburly - Design, App Development & Mobile Design Services" siteDescription="At Saburly we embrace Agile’s methodologies for every project and business environment, no matter the size, scale, or complexity" siteImage={IntroImage} />
<SEO siteTitle="Saburly - Design, App Development & Mobile Design Services" siteDescription="At Saburly we embrace Agile’s methodologies for every project and business environment, no matter the size, scale, or complexity" siteImage={IntroImage} siteUrl="https://saburly.com/services" />
<PageIntro
tiltImage
straight

2
src/templates/blog.js
View File

@@ -13,7 +13,7 @@ class Blog extends Component {
return (
<PageTransition>
<SEO siteTitle="Saburly - Blog Posts" siteDescription="Bugs keep us busy, but sometimes we find the time to have fun & publish" />
<div className="container mx-auto p-4 w-full md:flex md:flex-wrap items-stretch w-full">
<div className="container mx-auto p-4 w-full md:flex md:flex-wrap items-stretch w-full" siteUrl="https://saburly.com/blog">
{data.allWordpressPost.edges.map(({ node }) => (
<div key={node.id} className="mt-4 md:w-1/2 p-2">
<Link