diff --git a/site/images/meta/og-image.jpg b/site/images/meta/og-image.jpg new file mode 100644 index 00000000..ba114cc2 Binary files /dev/null and b/site/images/meta/og-image.jpg differ diff --git a/sources/pug/_config.pug b/sources/pug/_config.pug index 134bef50..8735784c 100644 --- a/sources/pug/_config.pug +++ b/sources/pug/_config.pug @@ -94,4 +94,13 @@ // Predefined variables breadcrumbs = [], - pageName = 'Home' + pageName = 'Home', + + // Meta tags + ogData = { + title: 'AsyncAPI Online Conference', + image: '/images/meta/og-image.jpg', + description: 'Join us at the AsyncAPI Online Conference and learn about Open-Source and Event-Driven Architectures.', + twitterCard: 'summary_large_image', + twitterUrl: 'https://twitter.com/asyncapispec' + } diff --git a/sources/pug/_skeleton.pug b/sources/pug/_skeleton.pug index a7f9fdb0..48c1c27e 100644 --- a/sources/pug/_skeleton.pug +++ b/sources/pug/_skeleton.pug @@ -11,9 +11,26 @@ html( lang='en', class= htmlClass ) block title title= pageName + // Primary Meta Tags meta( charset='utf-8' ) meta( name='viewport', content='width=device-width, height=device-height, initial-scale=1.0' ) meta( http-equiv='X-UA-Compatible', content='IE=edge' ) + meta( name='title', content=ogData.title ) + meta( name='description', content=ogData.description ) + + // Open Graph / Facebook + meta( property='og:type', content='website' ) + meta( property='og:url', content=process.env.URL ) + meta( property='og:title', content=ogData.title ) + meta( property='og:description', content=ogData.description ) + meta( property='og:image', content=ogData.image ) + + // Twitter + meta( property='twitter:card', content=ogData.twitterCard ) + meta( property='twitter:url', content=ogData.twitterUrl ) + meta( property='twitter:title', content=ogData.title ) + meta( property='twitter:description', content=ogData.description ) + meta( property='twitter:image', content=ogData.image ) link( rel='icon', href='images/favicon.png', type='image/png' ) link( rel='stylesheet', type='text/css', href= fonts )