Kid's Halloween Memory Card Game

###The Intro### You may have noticed that when you host a personal project and share it on LinkedIn or on most social networks, it usually doesn't show a description, title, or an image. And it typically looks something like this.. ![Alt text of image](https://res.cloudinary.com/dlsacnkot/image/upload/v1634068752/Screen_Shot_2021-10-12_at_12.56.56_PM_kfsmuc.jpg) This short tutorial will help you create preview cards for sites like LinkedIn so it can end up looking like this: ![Alt text of image] (https://res.cloudinary.com/dlsacnkot/image/upload/v1634070420/Screen_Shot_2021-10-12_at_12.15.14_PM_copy_1_copy_2_v11q2i.jpg) *** ###The How-To ### Here are 2 steps and resources that helped me create my first LinkedIn preview cards: 1. LinkedIn looks at the `` tags inside the HTML's `` tags but it also looks for the meta tags that are "Open Graph Protocol" type. Below are the tags you will need to add **inside** the HTML `` tags. You can read more about the Open Graph Protocol: [here](https://ogp.me/) . ``` ``` 2.After Step 1 is completed, utilize LinkedIn's Post Inspector to see how it looks. Here is the link to the Post Inspector : (https://www.linkedin.com/post-inspector/) ___ ### An Example ### Here is what my code looks like: ``` Kid's Halloween Memory Card Game ``` *** ###The End### I enjoy sharing my knowledge and I hope this will help you with your LinkedIn cards! 🎉

jherr0905

How to improve your website's preview cards on sites like LinkedIn.

Join Our Newsletter. No Spam, Only the good stuff.