Skip to content

Social Cards

blogging, coding, web development1 min read

social cards

I recently fixed the social cards for this website! Here's how.

Social cards are pretty cool when they work. But you're probably wondering: What on Earth is a social card? Social cards are the auto-generated website previews that you see when a URL is sent via Twitter, Slack, Discord, etc. I recently fixed the ones for my blog so that instead of looking like this:

Bad Social Card

They look like this:

Good Social Card

Here are the changes I made to my code.

Thanks for reading! I hope you find this and other articles here at ilyanaDev helpful! Be sure to follow me on Twitter @ilyanaDev.