Skip to content

Instantly share code, notes, and snippets.



Last active Aug 21, 2020
What would you like to do?
HTML Head metatags with OpenGraph (Facebook & Twitter)
<html lang="es-MX" xmlns:fb="" prefix="og:"/>
<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"/>
<link rel="canonical" href="" />
<meta name="robots" content="index,follow" />
<meta name="googlebot" content="index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1" />
<meta name="bingbot" content="index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1" />
<!-- 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="" />
<meta property="og:site_name" content="Nombre del sitio" />
<meta property="og:image" content="" />
<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="" sizes="32x32" />
<link rel="icon" href="" sizes="192x192" />
<link rel="apple-touch-icon-precomposed" href="">
<meta name="msapplication-TileImage" content="">
<!-- Multi-language support -->
<link rel="alternate" href="" hreflang="es" />
<link rel="alternate" href="" hreflang="en" />
<meta property="og:locale:alternate" content="en_US" />
<!-- Stylesheet CSS & Fonts-->
<!-- Google Analytics Code -->
<!-- HTML Code -->
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment