Add OG tags for overthought posts.
See original GitHub issueHey 👋
I noticed when trying to share your latest blog post that it didn’t have OG tags set up (example).
You should be able to use something like next-seo on your [slug].tsx page. I’m not sure the recommended way to do OG tags with Ghost, but I’m guessing it’s something like this.
<NextSeo
openGraph={{
type: 'article',
title: post.metaTitle,
description: post.metaDescription,
images: [
{
url: post.metaImage,
width: 850,
height: 650,
alt: post.metaTitle,
},
],
}}
title={post.metaTitle}
description={post.metaDescription}
/>
Btw, nice use of TS 😍
Issue Analytics
- State:
- Created 4 years ago
- Comments:11 (7 by maintainers)
Top Results From Across the Web
Open Graph Meta Tags: Everything You Need to Know - Ahrefs
Open Graph meta tags are snippets of code that control how URLs are displayed when shared on social media. Learn how to set...
Read more >12 Essential Open Graph Meta Tags for Facebook and Twitter
The open graph tags let you control the title, description, and image in the post; it's a great way to ensure your content...
Read more >Comprehensive Guide to Open Graph Meta Tags - Magefan
In this guide, you'll learn everything you need to make your social media posts more clickable and shared with open graph tags.
Read more >How to add Facebook OpenGraph meta tags - Yoast
1. When you're logged in, you will be in your 'Dashboard'. 2. On the left-hand side, you will see a menu. In that...
Read more >How To Add Open Graph Meta Tags To WordPress
In order for Open Graph to work properly, you need to add a few meta tags to the head section of your HTML...
Read more >Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start FreeTop Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Top GitHub Comments
Hm this is frustrating. I’ll see if I can get mxstbr to take a look.
@leerob thanks for the note, I must be missing it! I’ll add it in.
Also, thank you for writing https://leerob.io/blog/mailchimp-next-js - it helped me implement https://github.com/brianlovin/brian-lovin-next/commit/ca3f7b7064ece68eb7033066c2f25c37737b5f25