The Essential Meta Tags for Social Media in examples

In this article, we will review the basic steps that will make your site more attractive when using it on social networking pages.

Problem

Let’s imagine we have created an awesome web app (in our case it was created by React.js), deployed it and now it is available at http://my-cool-app-333.com, now it is time to share it with your friends. You created a Medium article and your embedded page looks like this 😳:

Solution

The reason for our problem is that we don’t have the required meta tags described on our HTML page. After fixing that we will get something like this:

Medium

Facebook

Twitter