Twitter actually has its own meta tags for Twitter Cards, but if Twitter robots cannot find any, Twitter uses Open Graph tags instead.Social media sites are the major drivers of most of the web’s traffic.Example: og:image This is the most interesting Open Graph tag for many marketers, because a picture always helps content stand out.This is how you ensure that a particular thumbnail will be shown when your page is shared. Make sure you set the og:image you choose, otherwise Facebook will show something stupid like an unwanted ad banner scraped from the page, or nothing at all (as below). It’s important to remember that if your page is static and you don’t use any sort of content management system (CMS) (like, e.g., Word Press), you need to change the og:image manually for each of your pages.Adding Open Graph tags to your website won’t directly affect your on-page SEO, but it will influence the performance of your links on social media, so that means it’s worth looking into.Let’s take a look at the most important meta tags for Facebook and how to optimize them for better sharing.
All of the other major platforms, Twitter, Linked In, and Google , recognize Open Graph tags.og:title As you might guess, this is how you define your content’s title.It serves a similar purpose as the traditional meta title tag in your code.If your website is controlled with a CMS and you installed the relevant plugin, the og:image tags are assigned automatically for each page. The most frequently recommended resolution for an OG image is 1200 pixels x 627 pixels (1.91/1 ratio).At this size, your thumbnail will be big and stand out from the crowd. If you use an image that is smaller than 400 pixels x 209 pixels, it will render as a much smaller thumbnail. Keep in mind that the picture you use as an Open Graph image can be different from what you have on your page.