Nuevo diseño de Twitter: como crear una página de empresa con twitter cards para video

Post on 05-Dec-2014

980 views 0 download

description

En la siguiente presentación se explica paso a paso la manera de diseñar un atractivo perfil de empresa con el nuevo diseño de Twitter. Incluye minitutorial sobre cómo incoporar una twitter card para videos de empresas.

Transcript of Nuevo diseño de Twitter: como crear una página de empresa con twitter cards para video

dimensiones Nuevas dimensiones en la cabecera y avatar: en el nuevo perfil, el recuadro destinado a colocar la imagen de perfil aumenta, así como la cabecera (por una que ronde los 1500px de ancho por 500px de alto)

fondo Con la nueva interfaz ya no es posible insertar imágenes de fondo y sólo podemos configurar un color sólido.

fijar tweets La nueva interfaz, te permite fijar un tweet en lo alto del timeline y mantenerlo estático.

Tweets destacados: Aquellos tweets que más relevancia han tenido se muestran de una manera más grande.

tweets destacados Aquellos tweets que más relevancia han tenido se muestran de una manera más grande.

filtrar tweets Con el nuevo timeline, ahora puedes seleccionar que tipo de contenido deseas ver de cada usuario.

twitter card video Integramos una twitter card con el video de nuestra empresa alojado en Youtube, posteamos un tweet y lo fijamos en la parte superior del timeline.

http://img.youtube.com/vi/xKJMg12aRPs/0.jpg

player

@cuentatwitter

@cuentatwitter

título a mostrar

descripción a mostrar

http://img.youtube.com/vi/ID_VIDEO*(XI4R..)/0.jpg

https://www.youtube.com/embed/xKJMg12aRPs

315 px

560 px

* lo extraemos de la url del video desde el navegador web

site

creator

title

description

img src

player

height

width

tipo

http://img.youtube.com/vi/xKJMg12aRPs/0.jpg

player

@cuentatwitter

@cuentatwitter

título a mostrar

descripción a mostrar

https://www.youtube.com/embed/xKJMg12aRPs

315 px

560 px

* lo extraemos de la url del video desde el navegador web

site

creator

title

description

img src

player

height

width

tipo

http://img.youtube.com/vi/ID_VIDEO*(XI4R..)/0.jpg

Vamos a la sección ‘compartir video’ en Youtube y copiamos el enlace y lo pegamos en el formulario. Recuerda añadir una ‘s’ al http (https)

Copiamos el código que nos sale justo

abajo y lo pegamos justo antes de la etiqueta </head>

Validar card Una vez pegado el código en la web, vamos a la sección ‘validate & apply’. Introducimos nuestra dirección web y pinchamos a validar

Validar card Si todo ha salido bien, recibiremos un correo electrónico de Twitter parecido a este.