Add meta tag for twitter site

commit 06b9c9d
Author: Kristin Bradley <[email protected]>
Date:   Mon Jan 30 08:59:17 2023 -0800

    HDS-1383 Use full url in img variable instead of concatenating

commit 41a1975
Merge: 0b7d104 7dbf9e1
Author: Kristin Bradley <[email protected]>
Date:   Mon Jan 30 08:43:50 2023 -0800

    Merge branch 'main' into hds-1383-twitter-preview

commit 0b7d104
Merge: 0eb5686 3a57cdd
Author: Kristin Bradley <[email protected]>
Date:   Fri Jan 27 11:00:48 2023 -0800

    Merge branch 'main' into hds-1383-twitter-preview

commit 0eb5686
Author: Kristin Bradley <[email protected]>
Date:   Wed Jan 25 16:47:32 2023 -0800

    HDS-1383 Add public site url

commit acfef3e
Merge: ceb99d5 b3f5583
Author: Kristin Bradley <[email protected]>
Date:   Wed Jan 25 16:25:27 2023 -0800

    Merge branch 'main' into hds-1383-twitter-preview

    # Conflicts:
    #	website/config/environment.js

commit ceb99d5
Merge: 87a26f8 636a9f1
Author: Kristin Bradley <[email protected]>
Date:   Thu Jan 12 13:41:21 2023 -0800

    Merge branch 'main' into hds-1383-twitter-preview

commit 87a26f8
Author: Kristin Bradley <[email protected]>
Date:   Thu Jan 12 13:32:37 2023 -0800

    HDS-1383 Try renamining share image as a test

commit 0a485ec
Author: Kristin Bradley <[email protected]>
Date:   Thu Jan 12 12:01:29 2023 -0800

    HDS-1383 Add hard-coded url to test

commit 42f04ad
Merge: b68c37f 53b0ea8
Author: Kristin Bradley <[email protected]>
Date:   Thu Jan 12 08:15:40 2023 -0800

    Merge branch 'main' into hds-1383-twitter-preview

commit b68c37f
Author: Kristin Bradley <[email protected]>
Date:   Tue Jan 10 13:37:53 2023 -0800

    HDS-1383 Fix meta tag for og url

commit 17b0171
Merge: 8cdce1d f543893
Author: Kristin Bradley <[email protected]>
Date:   Tue Jan 10 13:18:47 2023 -0800

    Merge branch 'main' into hds-1383-twitter-preview

commit 8cdce1d
Author: Kristin Bradley <[email protected]>
Date:   Tue Jan 10 09:39:03 2023 -0800

    HDS-1383 Delete commented out meta tags

commit 06848e0
Author: Kristin Bradley <[email protected]>
Date:   Mon Jan 9 16:12:57 2023 -0800

    HDS-1383 Add test img url

commit 455a8cb
Author: Kristin Bradley <[email protected]>
Date:   Mon Jan 9 16:06:50 2023 -0800

    HDS-1383 Test reordering and commnting out some meta tags

commit 4cc0353
Author: Kristin Bradley <[email protected]>
Date:   Mon Jan 9 15:11:17 2023 -0800

    HDS-1383 Fix broken imag url

commit c830695
Author: Kristin Bradley <[email protected]>
Date:   Mon Jan 9 15:04:18 2023 -0800

    HDS-1383 Fix linter bug

commit 5be99a9
Author: Kristin Bradley <[email protected]>
Date:   Mon Jan 9 14:54:23 2023 -0800

    HDS-1383 Test using ful url for image

commit ecd9c1e
Author: Kristin Bradley <[email protected]>
Date:   Mon Jan 9 13:46:42 2023 -0800

    HDS-1383 Fix linter errors

commit 0b6bf2f
Author: Kristin Bradley <[email protected]>
Date:   Mon Jan 9 13:42:22 2023 -0800

    HDS-1383 Make updates to meta tags from feedback

commit c0d6a76
Author: Kristin Bradley <[email protected]>
Date:   Mon Jan 9 13:27:57 2023 -0800

    HDS-1383 Change order of meta tags

commit 59a2bea
Author: Kristin Bradley <[email protected]>
Date:   Mon Jan 9 12:11:12 2023 -0800

    HDS-1383 delete blank line

commit da1ae52
Author: Kristin Bradley <[email protected]>
Date:   Mon Jan 9 12:09:41 2023 -0800

    delete added tag

commit 5dadcc9
Author: Kristin Bradley <[email protected]>
Date:   Mon Jan 9 12:02:24 2023 -0800

    HDS-1383 Add meta tag for twitter site

Author: alex-ju

website/app/templates/head.hbs

@@ -16,50 +16,48 @@ We've made some small customizations to simplify this compared to the default te
 
 {{#if this.model.url}}
   <link rel="canonical" href={{this.model.url}} />
-  <meta property="og:url" content={{this.model.url}} />
 {{/if}}
 
 {{! END GENERAL }}
 
-{{! BEGIN OPENGRAPH }}
+{{! BEGIN TWITTER }}
+
+<meta name="twitter:card" content="summary_large_image" />
 
-{{#if this.model.siteName}}
-  <meta property="og:site_name" content={{this.model.siteName}} />
+{{#if this.model.twitterUsername}}
+  <meta name="twitter:site" content={{this.model.twitterUsername}} />
 {{/if}}
 
 {{#if this.model.title}}
-  <meta property="og:title" content={{this.model.title}} />
+  <meta name="twitter:title" content={{this.model.title}} />
 {{/if}}
 
 {{#if this.model.description}}
-  <meta property="og:description" content={{this.model.description}} />
+  <meta name="twitter:description" content={{this.model.description}} />
 {{/if}}
 
 {{#if this.model.imgSrc}}
-  <meta property="og:image" content={{this.model.imgSrc}} />
-  <meta property="og:image:type" content="image/jpg" />
+  <meta name="twitter:image" content={{this.model.imgSrc}} />
 {{/if}}
 
-{{! END OPENGRAPH }}
+{{! END TWITTER }}
 
-{{! BEGIN TWITTER }}
-
-<meta name="twitter:card" content="summary" />
+{{! BEGIN OPENGRAPH }}
 
-{{#if this.model.imgSrc}}
-  <meta name="twitter:image" content={{this.model.imgSrc}} />
+{{#if this.model.url}}
+  <meta property="og:url" content={{this.model.url}} />
 {{/if}}
 
 {{#if this.model.title}}
-  <meta name="twitter:title" content={{this.model.title}} />
+  <meta property="og:title" content={{this.model.title}} />
 {{/if}}
 
-{{#if this.model.url}}
-  <meta name="twitter:url" content={{this.model.url}} />
+{{#if this.model.description}}
+  <meta property="og:description" content={{this.model.description}} />
 {{/if}}
 
-{{#if this.model.description}}
-  <meta name="twitter:description" content={{this.model.description}} />
+{{#if this.model.imgSrc}}
+  <meta property="og:image" content={{this.model.imgSrc}} />
 {{/if}}
 
-{{! END TWITTER }}
+{{! END OPENGRAPH }}

website/config/environment.js

@@ -33,8 +33,9 @@ module.exports = function (environment) {
         'The Helios Design System from HashiCorp provides the open source building blocks to design and implement consistent, accessible, and delightful product experiences.',
       siteName: 'Helios Design System',
       title: 'Helios Design System',
-      imgSrc: '/assets/logos/share-card.jpg',
-      url: 'https://helios.hashicorp.design/',
+      imgSrc: 'https://helios.hashicorp.design/assets/logos/share-card.jpg',
+      twitterUsername: '@HashiCorp',
+      url: 'https://helios.hashicorp.design',
     },
   };