I am bulding bettertweet.io : An AI assitant to your twitter profile that will write intelligent tweets and replies, convert your blogs into twitter threads and schedule your tweets.
I have successfully launched our landing page : visit here
I just added social media link preview to my new SaaS bettertweet.io landing page (Built upon NextJS & Tailwind CSS).
It is done by ‘Open graph protocol’ or ‘Twitter Card’ meta tags.
Here is how it’s done 👇
To get preview of link while sharing on social media is important for SEO and as well as aesthetic value.
People know what they’re going to see if they’re clicking this link
Here is how to add metadata and preview card to your NextJS and Tailwind CSS website.
Add these Opengraph Meta tags in layout.jsx under <head></head> tags.
Add Twitter Card Meta Tags below this👇
Your head section will look like this:
You can also use an online tool to get these codes for your website
Unlock Your Tweeting Potential with BetterTweet! Join the Waitlist for 50% Off: Boost your profile with AI-Powered Tweets, Intelligent Replies, and Blog-to-Thread Conversion!
Thanks for reading!
– Post bySampat Sharma from Bettertweet.io