Esta es mi primera entrada después de mucho tiempo, espero no defraudar a nadie.
Teniendo un blog de blogger (propiedad de google), después de escribir un post, al compartir en Twiter, copiando la url de la entrada y pegandolo en un tuit de Twitter, nos topamos con un problema: Twitter no es capaz de reconocer nuestro blog y simplemente sube el tuit con el enlace largo y nada más.
Me he dado cuenta, en muchas ocasiones, que si envio un tuit con foto y pequeña descripción hay más lecturas que en un tuit sin esos pequeños detalles. Teniendo en cuenta esta pequeña reflexión, me lanzado a la busqueda de la resolución de error. Blogger no tiene creado un widget, o botón, de compartir post en twitter.
Y simplemente es cambiar unos códigos, html, de la plantilla de blogger, cambiar unos parametros y ya lo tienes listo. El siguiente código, insetaarlo justo debajo de la etiqueta <head>
<!-- ETIQUETAS META TWITTER -->
<meta content='summary' name='twitter:card'/>
<meta content='@paidoaragon' name='twitter:site'/>
<meta content='@paidoaragon' name='twitter:creator'/>
<b:if cond='data:blog.pageType == "index"'>
<!-- SI ES LA PÁGINA HOME -->
<meta content='titulo blog' name='twitter:title'/>
<meta content='Descripcion del blog'/>
<b:else/>
<!-- SI NO ES LA HOME (POST, PAGINA, ETC.) -->
<meta expr:content='data:blog.url' name='twitter:url'/>
<meta expr:content='data:blog.pageName' name='twitter:title'/>
<meta expr:content='data:blog.postImageUrl' name='twitter:image'/>
<b:if cond='data:blog.metaDescription'>
<!-- SI EL POST TIENE DESCRIPCION (SEARCH DESCRIPTION) -->
<meta expr:content='data:blog.metaDescription' name='twitter:description'/>
<b:else/>
<!-- SI EL POST NO TIENE DESCRIPCION (SEARCH DESCRIPTION) -->
<meta content='Lee el post completo. Retwittealo si te gusta y compártelo en las redes sociales' name='twitter:description'/>
</b:if>
</b:if>
<!--FIN DE ETIQUETAS META TWITTER-->
Y pulsamos en guardar cambios. Con lo que hemos hecho, al crear una entrada copiamos la url de la entrada y lo pegamos en el tuit. De esta forma es mejor.
Explico lo de summary
summary_large_image -> Es el twitter card más aceptado por los usuarios (lo que suelen ser más util). La imagen es grande y la descripción suele ocupar todo el ancho.
summary -> La difefencia es que la imagen esta en mitiatura. Suele ser más ultilizado porque hoy en día la gente utiliza teléfono movil para mirar twitter.
player -> Si sueles utilizar videos o audios en los post. Se debe utilizar este atributo porque indica a Twitter que reproduzca los archivos multimedias.
Hay más, pero esos tres son, en mi opinión, lo más importante y lo que se suelen utilizar.
Otra cosa importante
Al escribir una entrada, en la columna de la derecha, buscamos "Descripción de busqueda" y escribimos un resumen del contenido de la entrada. Ese resumen se vera en tel Twitter card que hemos subido.
Espero que haya sido útil
No hay comentarios:
Publicar un comentario