Basic HTML Meta Tags

html-meta-tags.md

List of Basic HTML Meta Tags You should use for SEO & Social Media

<meta charset='UTF-8'>

<meta name='copyright' content='company name'>

<meta name='language' content='ES'>

<meta name='url' content='http://www.websiteaddrress.com'>

<meta name='identifier-URL' content='http://www.websiteaddress.com'>

<meta name='coverage' content='Worldwide'>

<meta name='distribution' content='Global'>

SEO Meta Tags

<meta name='description' content='150 words'>

<meta name='robots' content='index,follow'>

Open Graph/ Social Media Meta Tags

<meta name='og:title' content='The Rock'>

<meta name='og:type' content=website>

<meta name='og:url' content='http://www.imdb.com/title/tt0117500/'>

<meta name='og:image' content='http://ia.media-imdb.com/rock.jpg'>

<meta name='og:site_name' content='IMDb'>

<meta name='og:description' content='A group of U.S. Marines, under command of...'>

<meta name='fb:page_id' content='43929265776'>

<meta name='application-name' content='foursquare'>

<meta name='og:email' content='[email protected]'>

<meta name='og:phone_number' content='650-123-4567'>

<meta name='og:latitude' content='37.416343'>

<meta name='og:longitude' content='-122.153013'>

<meta name='og:street-address' content='1601 S California Ave'>

<meta name='og:locality' content='Palo Alto'>

<meta name='og:region' content='CA'>

<meta name='og:postal-code' content='94304'>

<meta name='og:country-name' content='USA'>

<meta property='fb:admins' content='987654321'>

<!-- define twitter cards type -->

<meta name="twitter:card" content="summary_large_image">

<!-- define site's owner twitter id -->

<meta name="twitter:site" content="agektmr">

Apple Safari & Google Chrome Android Meta Tags

<meta name="apple-mobile-web-app-title" content="My App"> <!– New in iOS6 –>

<meta name='apple-mobile-web-app-capable' content='yes'>

<meta name='apple-touch-fullscreen' content='yes'>

<meta name='apple-mobile-web-app-status-bar-style' content='black-translucent'>

<meta name='viewport' content='width=device-width; content='width = 320; initial-scale=1.0; maximum-scale=1.0; user-scalable=yes; target-densitydpi=160dpi'>

<link href='/apple-touch-icon.png' rel='apple-touch-icon' type='image/png'>

<link href='touch-icon-ipad.png' rel='apple-touch-icon' sizes='72x72'>

<link href='touch-icon-iphone4.png' rel='apple-touch-icon' sizes='114x114'>

<link href='/startup.png' rel='apple-touch-startup-image'>

<link href='http://github.com/images/touch-icon-iphone4.png' sizes='114x114' rel='apple-touch-icon-precomposed'>

<link href='http://github.com/images/touch-icon-ipad.png' sizes='72x72' rel='apple-touch-icon-precomposed'>

<link href='http://github.com/images/apple-touch-icon-57x57.png' sizes='57x57' rel='apple-touch-icon-precomposed'>

<meta name="theme-color" content="#db5945"> <!-- Chrome on Android Lollipop or higher -->

<link rel="icon" sizes="192x192" href="nice-highres.png"> <!-- Chrome on Android Lollipop or higher -->