Spoilers (Coomic)
17 may 2012
Tip: ¿Por qué Facebook no detecta el thumbnail de mis posts?
16 may 2012
Uno de los grandes motivos por los que las publicaciones de Facebook consiguen un nivel elevado de likes y comentarios, es debido al atractivo de su formato y a que llaman la atención de los usuarios. ¿Cómo? Mostrando una imagen acompañando al título y a las primeras líneas del post. Facebook recoge esta imagen de forma automatizada pero seguro que te ha pasado mil veces que vas a compartir algo y no sale la miniatura del post, sale otra imagen que no tiene nada que ver o peor incluso: no sale ninguna foto. No os preocupéis, esto tiene fácil solución.
Facebook lo que hace es recoger las primeras etiquetas del tipo IMG y te las muestra para que elijas la correcta. Puede ocurrir que porque haya funciones javascript que carguen el contenido o impidan su lectura, no pueda mostrarlas. Debido a esto lo mejor es especificar la imagen que quieres que salga en los metadatos de Facebook. Supongo que conocéis los metadatos HTML, etiquetas que deben ir en la cabecera de las páginas HTML, necesarios de cara al SEO y que indican el título, la descripción, tipo de contenido… Pues existen unos equivalente para Facebook: Open Graph Protocol. Al igual que los metadatos HTML deben ir en la cabecera e indican información para que Facebook pueda obtener el título, la descripción o la imagen de los posts, por ejemplo en los compartir.
WordPress
Si usas WordPress la solución es muy sencilla: un plugin. Facebook Like Thumbnail es un plugin que te genera dinámicamente estos metadatos y los prepara para que Facebook no tenga ningún problema. Incluso en la configuración puedes definir un thumbnail por defecto cuando un post no tiene ninguna imagen.
HTML
Si tienes que escribirlo “a pelo” en HTML, puedes ver todos los metadatos de Facebook en OGP pero el único que debes cargar para la imagen es el siguiente:
<meta property="og:image" content="http://example.com/image.jpg"/>
Recuerda que debes ponerlo dentro de las etiquetas <head></head>. Por supuesto, si haces esto siempre te mostrará la misma imagen para todos los posts. Si quieres algo dinámico, dependiendo de cómo esté programada tu web o el CMS de tu blog, puedes usar funciones para que carguen diferentes imágenes. Si tenéis algún problema específico, ponlo en los comentarios e intentaré resolverlo.
Posibles problemas
En muchas ocasiones me he vuelto loco para intentar que funcionaran los thumbnails, estando todo bien por mi parte, y es que Facebook tiene muchos errores, problemas de caché, formatos que no le gustan… Por eso os dejo una lista de posibles problemas y herramientas:
- A Facebook no le gustan los PNGs, usa siempre JGP o GIF.
- A Facebook no le gustan los espacios en las URLs ni tampoco cuando hay variables después de la imagen.
- Si te estás volviendo loco porque no sale el thumbnail, usa Lint, la herramienta de debug de Facebook. Introduce la URL de un post y verás la información que Facebook detecta, avisos y errores.
- Otra curiosidad es que en algunos casos funciona cuando compartes una URL sin http://www. y la / final, por ejemplo: pisitoenmadrid.com/blog/2012/05/los-mejores-dibujos-de-draw-something.
Facebook y sus misterios 
Si tenéis problemas con algo, ¡coméntalo!
Los mejores dibujos de Draw Something
14 may 2012
Supongo que todos lo conocéis pero Draw Something es una aplicación que está disponible en iPhone, iPad, Android, Facebook, Chrome… Y consiste en un Pictionary online: un usuario escoge una de las tres palabras que le tocan y tiene que dibujarla, la otra persona deberá adivinarla. Bajo esta premisa tan sencilla se esconde un juego realmente adictivo y bien pensado. Tienes que jugar (o pagar) por conseguir más colores, las palabras más complicadas dan más puntos y el objetivo es mantener la racha más grande con una persona sin fallar. Obviamente todo se basa en ética, no se puede escribir la propia palabra en el dibujo; y las palabras son siempre en inglés. Esto ayuda a que la gente practique su segundo idioma o dibuje un pollo cuando la palabra es “kitchen”. La aplicación ha conseguido tantos usuarios que incluso agencias, como Muse Amsterdam lo hayan usado para encontrar a sus becarios.
Al principio la aplicación no ofrecía una opción para guardar los dibujos pero era lo mejor de la aplicación. En versiones posteriores lo añadieron, pero ya desde el principio la gente sacaba capturas de pantalla de sus dibujos y las colgaban. Surgieron sitios como Art of Draw Something o Best of Draw Something donde recopilan los dibujos que van encontrando en la Red. Después de mucho buscar y rebuscar, os dejo una selección con los mejores dibujos de Draw Something que he visto. Es sorprendente lo que dibujan, mirando la palabra, y cómo lo dibujan.
Podéis encontrar más en las webs recopilatorias o en posts como Wildammo o 9gag. Entre mis amigos hay mucha adicción a este juego y hay algunos que dibujan de maravilla. Os pongo algunos dibujos de @hablamedetweet, que además tiene el handicap de dibujarlo en iPhone y sin lápiz.
¡Un crack! ¿Alguien le regala un iPad? El fenómeno de dibujo en dispositivos como iPad o iPhone está empezando a aflorar. Aplicaciones como Paper o el pincel de Sensu apuesta por él y le auguran un largo recorrido. ¿Alguien conoce otras aplicaciones de dibujo?
Word as Image por Ji Lee
7 may 2012
Ji Lee es un diseñador gráfico coreano amante de las palabras y los juegos de ingenio. Ex-Google, ha sacado un libro llamado Word as Image donde juega a nivel visual con el significado de la palabra y la tipografía usada. Os dejo con algunos ejemplos:
Geniales. Curiosamente, he descubierto que Ji Lee era un viejo conocido gracias a su web Famous Objects from Classic Movies que ya nombré en su momento.
530 pages
