A continuación los metatags básicos para compartir vuestras páginas en las redes sociales, y que aparezca el título, descripción y imagen correctamente al compartir en las principales redes sociales (google+, facebook…).
El protocolo Open Graph mediante los metas del head se encarga de compartir contenido en las principales redes sociales como son google+ y facebook.
Pasos a seguir:
1. Añadir el siguiente prefijo a la etiqueta html:
<html prefix="og: http://ogp.me/ns#">
2. Insertar los siguientes metas y title dentro de la etiqueta head:
<title>Título de la página</title> <meta name="description" content="Descripción de la página" /> <!-- Open Graph --> <meta property="og:title" content="Título de la página" /> <meta property="og:image" content="http://tuweb.com/imagen.jpg" /> <meta property="og:description" content="Descripción de la página" />
Y si quieres usar las «Twitter Cards» para dar formato enriquecido en los tweets… añade estas también:
<!-- Twitter Card --> <meta name="twitter:card" content="summary"> <meta name="twitter:title" content="Título página"> <meta name="twitter:description" content="Descripción de la página"> <meta name="twitter:site" content="@jorge_maiden"> <meta name="twitter:creator" content="@jorge_maiden"> <meta name="twitter:image" content="http://www.tuweb.com/imagen.jpg">
Observaciones:
1. El título de la página se recomienda que no sobrepase los 60-70 caracteres, y la descripción los 150-160 caracteres.
2. La imagen de Twitter Card que sea de un mínimo de 200×200 pixeles.
3. Entra en ogp.me para conocer todos los metas de open graph que existen.
Agradezco tu comentario 🤘