Social Cards
— blogging, coding, web development — 1 min read
![social cards](/static/8aa26522aa147092d12d680fa6b52e3e/7d769/social-cards.png)
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 Bad Social Card](/static/e067de91147ae2a398b58dbb06fb0934/7cd60/social-cards-bad.png)
They look like this:
![Good Social Card Good Social Card](/static/7c139cea3e83e8e2bcc574162acda92e/ab3ab/social-cards-good.png)
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.