Tutorial: Twitter cards o tweets expandidos en Blogger

AdrGranadillo

Beta
Verificación en dos pasos desactivada
¡Usuario con pocos negocios!
Desde
16 Oct 2011
Mensajes
78
Rápidamente se puede decir que las Twitter Cards o Tweets expandidos es una perfecta utilidad para hacer mas vistosas las publicaciones de tu blog.

Para que nuestros enlaces queden como la imágen anterior debemos tener ciertos datos que Twitter lo pueda leer...

Here we go... ;)

1.- Incluir etiquetas META
Esto es lo que va a leer Twitter que corresponde con el título del post, miniatura, autor, entre otros... Nos vamos edición de HTML y buscamos el código </head> una vez que lo encontramos copiamos lo siguiente

Insertar CODE, HTML o PHP:
<!-- TWITTER CARDS -->
<meta content='summary' name='twitter:card'/>
<meta content='@USUARIO' name='twitter:site'/>
<meta expr:content='data:blog.url' name='twitter:url'/>
<meta expr:content='data:blog.pageName' name='twitter:title'/>
<meta expr:content='data:blog.metaDescription' name='twitter:description'/>
<meta expr:content='data:blog.postImageThumbnailUrl' name='twitter:image'/>
y lo pegamos antes del </head> no debes olvidar sustituir USUARIO por tu cuenta de Twitter

Nos debe de quedar así


2.- Incorporar las descripciones a las entradas
Esto es muy importante ya que si no lo haces Twitter no podrá mostar tus enlaces tipo "Twitter Card". Estas descripciones las puedes incorporar mediante el editor de las entradas que aparece en el menú de la derecha.


3.- Comprobar que todo está funcionando correctamente
Ya tenemos preparada tanto la plantilla con el código para que pueda ser leída por Twitter como la descripción de nuestros post. Ahora vamos a comprobar si no nos fallo algo con la herramienta Preview Your Twitter Card.
Una vez que ingresemos a esta herramienta pondremos el post que deseamos ver... en donde dice MEDIA URL.

Importante:
  • No puedes usar la página principal
  • Si una entrada no tiene una descripción de búsqueda no va a funcionar

4.- Solicitar alta en el programa Twitter Card

De momento no está generalizada esta aplicación. Así que si quieres ver tus tweets con este formato, habrá que inscribirse. Pero no te preocupes sólo te va a tomar 1 minuto.

El enlace Participate in Twitter Cards allí nos pedirán unos datos que van en este orden:

  • Nombre
  • Correo electrónico
  • usuario Twitter
  • Dirección del blog (sin http)
  • Descripción del sitio
  • usuario Twitter asociado al sitio (yo puse el mismo)
  • Una página de ejemplo que tenga las herramientas de Twitter Card implementada




Una vez que tenemos los datos damos click en Submit y nos aparece que nuestra solicitud se envió.




LISTO!

Me cuentas como te va!
Saludos!:encouragement:
 

Carlos Arreola

Admin
Verificado con videollamada
Verificación en dos pasos desactivada
Verificado por Whatsapp
¡Ha verificado su Paypal!
¡Excelente comerciante!
Desde
6 Abr 2009
Mensajes
4.387
Tema aprobado, gracias por el aporte :)
 

anferro

Ómicron
SEO
Verificación en dos pasos activada
Verificado por Whatsapp
¡Ha verificado su Paypal!
Desde
29 Oct 2011
Mensajes
4.519
Genial buen aporte gracias! manito arriba lo buscare para WP
 

Elpadrotte

Épsilon
Verificación en dos pasos desactivada
Desde
14 Ene 2013
Mensajes
777
Algun demo funcionando ?
de todas formas lo probare y les cuento luego
 

Juvinao

Xi
Programador
Verificación en dos pasos desactivada
Desde
25 Sep 2011
Mensajes
4.450
:encouragement:
 

Crea una cuenta o accede para comentar

Debes ser un miembro para poder comentar

Crear cuenta

Crea una cuenta en nuestra comunidad

Acceder

¿Ya tienes una cuenta? Accede aquí


Arriba