Como crear Twitter Cards para Blogger.

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.
Sera Mi Blog Mobil Friendly?? |   THEBBT http://t.co/5HokylXTF8

— THE BBT (@THEBBTaina) julio 22, 2015

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?
Fuente: este post proviene de Blog de CYeyas, donde puedes consultar el contenido original.
¿Vulnera este post tus derechos? Pincha aquí.
Creado:
¿Qué te ha parecido esta idea?

Esta idea proviene de:

Y estas son sus últimas ideas publicadas:

Esta publicación está dirigida a un público de adultos mayores de 21 años. Esta campaña ha sido compensada por Collective Bias, Inc. y su anunciante. Todas las opiniones son solo mías. #SutterHomeSwee ...

Esta campaña ha sido compensada for Collective Bias, Inc. y su anunciante. Todas las opiniones son solo mias. Este contenido es para lectores de mayores de 21 años. #40DaysOfFlavor Si nunca has proba ...

Recomendamos

Relacionado

general blogger twitter

Integra Twitter cards a tu blog creado en Blogger. Las Twitter Cards son elementos que nos permiten enriquecer nuestras publicaciones en la red social de información. En esencia las Twitter Cards nos permiten generar vistas previas de imágenes, galerías, videos, resúmenes de publicaciones de sitios web entre otras. Estos elementos son un medio fantástico para aumentar la interacción de nuestras pu ...

general

El enorme incremento en el uso de dispositivos móviles o tabletas como medio para navegar por Internet es un factor fundamental a tener en cuenta a la hora de crear páginas web o blogs. Si bien inicialmente ha tendido a ser un factor "olvidado" hoy día se ha tornado fundamental. El cliente, el usuario, ya no utiliza exclusivamente un ordenador de sobremesa o portátil para visualizar las ...

general seo

Los datos estructurados son una herramienta fundamental en la presentación de los resultados de búsqueda en Google. Gracias a ellos, Google puede presentar información de eventos, rangos de precios, evaluación media del sitio (con estrellas) y gran cantidad de datos en el resumen de la búsqueda que pueden hacer que un usuario se interese más por ese resultado que por otros que no se aprovechan de ...

Tutoriales Blogging Estilos

Feliz miércoles ! Se siente bien estar de regreso después de varios días de tener completamente abandonado el blog. Mi familia y yo estuvimos de paseo y pudimos conocer algunos lugares que nos encantaron y nos dejaron con deseos de quedarnos más días, pero nimodo, teníamos que regresar. Me muero de ganas de compartir con ustedes todas las imágenes que tome por donde andaba. Pero hoy vengo a otra c ...

general seo

La herramientas para webmaster de Google poseen una utilidad llamada Herramienta de mejoras HTML que expone los problemas registrados durante el análisis y rastreo de tu Blog en Google. Muchos Blogger se encuentran con el error de metadescripciones duplicadas y no saben en qué consiste o qué se puede hacer con él. Veamos qué es y porqué se produce este aviso en las herramientas para webmaster. ¿Qu ...

web 2.0 Servicios Web blogs ...

Integra Twitter cards a tu blog creado en Blogger. Las Twitter Cards son elementos que nos permiten enriquecer nuestras publicaciones en la red social de información. En esencia las Twitter Cards nos permiten generar vistas previas de imágenes, galerías, videos, resúmenes de publicaciones de sitios web entre otras. Estos elementos son un medio fantástico para aumentar la interacción de nuestras pu ...

propuestas

Al navegar por Internet con nuestro móvil, muchas veces nos encontramos con pequeños bloqueos, interrupciones en el dibujado de la página porque se están cargando anuncios, o imágenes... en diversas ocasiones percibimos la navegación como algo poco fluido o inmediato. La iniciativa de código abierto AMP (Accelerated Mobile Pages) viene a crear un nuevo "ecosistema" de programación que pe ...

general seo

La estructura de un Blog es la base sobre la que se construye y distribuye todo su contenido. En ella existen dos partes fundamentales: una visible compuesta por los componentes que conforman su presentación y otra invisible que sirve para que los sistemas que acceden al mismo sean capaces de analizar y extraer correctamente su información. La correcta estructura de un Blog asegura una correcta ex ...

propuestas

Google ha incorporado interesantes novedades para la presentación de nuestras Webs y Blogs en su navegador Chrome para móviles y tabletas. Podemos cambiar el color de todo el navegador para móviles y adaptarlo a la presentación de nuestra web, dándole un toque mucho más fresco e innovador. En general estos cambios dotan de una presentación mucho más profesional a nuestros contenidos para vestirlos ...

Redes sociales Uncategorized Apariencia ...

Botones de click to tweet para tu blog y como ponerlos en wordpress y blogspot. Tenemos que incitar a nuestros lectores a que compartan nuestro contenido en las redes sociales para darnos a conocer. Una manera es conseguir que compartan nuestros post en Twitter, la mejor manera de hacerlo es mediante los famosos “clic to Tweet”. Existen muchos plugins sociales para Twitter o Facebook   ...