Skip to content
This repository was archived by the owner on Feb 14, 2022. It is now read-only.

Commit 4a42c02

Browse files
committed
Add OG tags to homepage
1 parent 5a44c1f commit 4a42c02

File tree

2 files changed

+12
-0
lines changed

2 files changed

+12
-0
lines changed

src/img/twitter-card.jpg

21.6 KB
Loading

src/pages/index.js

Lines changed: 12 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -2,13 +2,25 @@ import tinytime from 'tinytime'
22
import Link from 'next/link'
33
import Head from 'next/head'
44
import getAllPostPreviews from '@/getAllPostPreviews'
5+
import twitterCard from '@/img/twitter-card.jpg'
56

67
const posts = getAllPostPreviews()
78

89
export default function Home() {
910
return (
1011
<div className="divide-y divide-gray-200">
1112
<Head>
13+
<meta name="twitter:card" content="summary_large_image" />
14+
<meta name="twitter:site" content="@tailwindcss" />
15+
<meta name="twitter:creator" content="@tailwindcss" />
16+
<meta name="twitter:title" content="Blog – Tailwind CSS" />
17+
<meta name="twitter:description" content="News content from the Tailwind CSS team." />
18+
<meta name="twitter:image" content={`https://blog.tailwindcss.com${twitterCard}`} />
19+
<meta property="og:url" content="https://blog.tailwindcss.com" />
20+
<meta property="og:type" content="article" />
21+
<meta property="og:title" content="Blog – Tailwind CSS" />
22+
<meta property="og:description" content="News content from the Tailwind CSS team." />
23+
<meta property="og:image" content={`https://blog.tailwindcss.com${twitterCard}`} />
1224
<title>Blog – Tailwind CSS</title>
1325
</Head>
1426
<div className="pt-6 pb-8 space-y-2 md:space-y-5">

0 commit comments

Comments
 (0)