Como crear Twitter Cards para Blogger. - The Blog By Taina

Como crear Twitter Cards para Blogger.

miércoles, julio 29, 2015


Twitter nos da muy pocos caracteres para formar un Tweet, para mi eso no basta para mostrar la información que quiero compartir, existe la posibilidad de añadir una imagen por cada Tweet compartido, pero soy honesta, ya lo dije el otro dia, me gustan las cosas fáciles y rápidas y con esta posibilidad de compartir mis post con"tarjetas" y automáticamente agregar una imagen, una pequeña descripción y el crédito de Autor, me encanta.

 La Tarjeta de Resumen con ampliación de imagen cuenta con una imagen destacada de ancho completo junto a un tweet. Está diseñado para dar al lector una experiencia única, haciendo clic en la imagen lleva al usuario a su sitio web .Basta con añadir unas pocas líneas de HTML a tu sitio Web y los usuarios que Tweetien enlaces a tu contenido tendrán una "tarjeta" añadida al Tweet que es visible a todos tus seguidores.
Como Ejemplo te voy a dejar dos Tweet, el primero regular(entrada resumida) y el otro ya con la tarjeta de Twitter instalada.


Como vez en este primero solo aparece el tweet como entrada resumida, sin chiste, simple y sin ningún tipo de resumen.
En este otro ya aparece la tarjeta instalada y puedes ver como aparece, una imagen, el titulo del post, un pequeño resumen de la entrada y nombre y cuenta de autor, mas linda, No?

Ventajas de las tarjetas de Twitter.
>Crea contenido mas visual, lo que permite mas alcance entre tus lectores.
>Te permite agregar una imagen y un pequeño resumen de tu contenido.
>Si otros comparten tu tweet sin dar el debido crédito, automáticamente se insertara tu nombre y tarjeta, dando te el debido crédito.
>Con Twitter Card analyticsTe permite darte una idea de como se comparte tu contenido.

Actualmente hay 8 diferentes tipo de tarjetas de Twitter, el listado y detalles lo puedes encontrar aqui, algunas de las mas utilizada son las siguientes.

Tipos de Twitter Cards mas utilizadas.

Tarjeta de Resumen: título, descripción, miniatura, y cuenta atribución Twitter.
Tarjeta de Resumen con Ampliación de imagen: Similar a una tarjeta de resumen, pero con una imagen de un lugar destacado.
Tarjeta App: Una tarjeta a los detalles de una aplicación móvil con descarga directa.
Tarjeta del jugador: Una tarjeta para proporcionar vídeo / audio / media.

Para instalar una tarjeta en tu Blog sigue los siguientes pasos.
1. Desde tu Plantilla>Editar HTML, busca el siguiente codigo.
 <b:includable id='post' var='post'>

2. Justo debajo pega este otro, cambiando lo que esta marcado en rosa por tu información> guarda.


<meta content='NOMBRE de tu cuenta' name='twitter:site'/>
<meta content='@Cuenta de tu Twitter' name='twitter:creator'/>
<meta content='www.TUDOMINIO.com' name='twitter:domain'/>
<b:if cond='data:post.firstImageUrl'>
<meta content='summary_large_image' name='twitter:card'/>
<meta expr:content='data:post.firstImageUrl' name='twitter:image'/> 
<b:else/>
<meta content='summary' name='twitter:card'/>
<b:if cond='data:blog.postImageThumbnailUrl'>
<meta expr:content='data:blog.postImageThumbnailUrl' name='twitter:image'/> 
</b:if>
</b:if> 
<meta expr:content='data:post.title' name='twitter:title'/>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<meta expr:content='data:post.snippet' name='twitter:description'/>
<b:else/>
<meta content='DESCRIPCION del BLOG' name='twitter:description'/>     
</b:if>


3. Vamos a validar en este sitio pega la URL del ultimo post que creaste, click Validate(validar) si todo sale bien, tal vez tendrás que esperar un poco de tiempo que sea aprobado, en tal caso recibiras un email de confirmación de Twitter developers. Ahora solo comparte tus blog post como regularmente lo haces y automáticamente se insertaran las Twitter Cards.


Es una manera de que tu contenido sea mas visible y enganche mas a tus seguidores.
Como vez es fácil y el resultado es mucho mas lindo visualmente, ya olvídate de esos tweet sosos y aburridos. Y tu ya tienes instalada las Twitter cards?

You Might Also Like

0