Open Graph Meta Tag Generator Google Facebook Twitter

Meta Tag Generator. HTML headers meta element information keywords description meta tags, google Meta Tag Generator Facebook and Twitter Meta Tag

A meta description is an element in the HTML code of a web page that provides a description of the page content.

HTML
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="shortcut icon" href="/favicon.svg">

<title>Website title</title>

<!-- for Google -->
<meta name="description" content="">
<meta name="keywords" content="">

<meta name="author" content="" >
<meta name="copyright" content="" >
<meta name="application-name" content="" >

<!-- for Facebook -->          
<meta property="og:title" content="" >
<meta property="og:type" content="website" >
<meta property="og:image" content="" >
<meta property="og:url" content="" >
<meta property="og:description" content="" >

<!-- for Twitter -->          
<meta name="twitter:card" content="summary" >
<meta name="twitter:title" content="" >
<meta name="twitter:description" content="" >
<meta name="twitter:creator" content="@username of content creator" >
<meta name="twitter:image" content="" >
<meta name="twitter:image:alt" content="">

Meta title displayed in Google search results is 580 pixels and only about 60 characters (including spaces).

This meta description should be an appropriate length of 50 -160 characters

Add website details title and description

title (417 pixels out of 580 max pixel length)
description (965 pixels out of 1000 max pixel length)
Facebook Basic Tagsfor Facebook
Twitter Card Tags for Twitter
Paste this code between the head tag

Facebook open graph og:video meta tags code example

HTML
<meta property="og:video" content="https://your-site.com/movie.swf">
<meta property="og:video:type" content="application/x-shockwave-flash">
<meta property="og:video:width" content="400">
<meta property="og:video:height" content="300">
og:video:type MIME type of the video. Either application/x-shockwave-flash or video/mp4.
og:video:widthWidth of video in pixels. This property is required for videos.
og:video:heightHeight of video in pixels. This property is required for videos.

Facebook open graph og:image meta tags code example

Use images that are at least 1080 pixels wide for best display on high-resolution devices. You must use images that are at least 600 pixels wide to display image.

HTML
<meta property="og:image" content="https://your-site.com/rock.jpg" />
<meta property="og:image:width" content="300" />
<meta property="og:image:height" content="300" />
og:image:typeMIME type of the image. image/jpeg, image/gif or image/png
og:image:widthWidth of image in pixels.
og:image:heightHeight of image in pixels.