Skip to content

Instantly share code, notes, and snippets.

@QROkes QROkes/mypage.html
Last active Jul 29, 2018

Embed
What would you like to do?
HTML Head metatags with OpenGraph (Facebook & Twitter)
<html lang="es-MX" xmlns:fb="http://ogp.me/ns/fb#" prefix="og: http://ogp.me/ns#"/>
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>Titulo de la página</title>
<meta name="description" content="Descripción de la página"/>
<meta name="robots" content="index,follow" />
<link rel="canonical" href="http://mydomain.com/pagina" />
<link rel="publisher" href="https://plus.google.com/+myGplusPage/posts"/>
<!-- OpenGraph metadata-->
<meta property="og:locale" content="es_LA" />
<meta property="og:type" content="website" />
<meta property="og:title" content="Titulo de la página" />
<meta property="og:description" content="Tu descripción" />
<meta property="og:url" content="http://mydomain.com/pagina" />
<meta property="og:site_name" content="Nombre del sitio" />
<meta property="og:image" content="http://mydomain.com/image.png" />
<meta property='fb:admins' content='FB-AppID'/>
<meta name="twitter:card" content="summary"/>
<meta name="twitter:description" content="Tu descripción"/>
<meta name="twitter:title" content="Titulo de la página"/>
<meta name="twitter:site" content="@Organization"/>
<meta name="twitter:creator" content="@Author"/>
<!-- Favicon -->
<link rel="icon" href="http://mydomain.com/favicon-32x32.png" sizes="32x32" />
<link rel="icon" href="http://mydomain.com/favicon-192x192.png" sizes="192x192" />
<link rel="apple-touch-icon-precomposed" href="http://mydomain.com/favicon-180x180.png">
<meta name="msapplication-TileImage" content="http://mydomain.com/favicon-270x270.png">
<!-- Multi-language support -->
<link rel="alternate" href="http://mydomain.com" hreflang="es" />
<link rel="alternate" href="http://mydomain.com/en/" hreflang="en" />
<meta property="og:locale:alternate" content="en_US" />
<!-- Stylesheet CSS & Fonts-->
<!-- Google Analytics Code -->
</head>
<body>
<!-- HTML Code -->
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
You can’t perform that action at this time.
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session.