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.

Fubiz

, , , , , ,

La fiebre del 3D (Coomic)

3 may 2012

, , , , , ,

¿Sabías que…

1 may 2012

… las burbujas de la cerveza Guinness van hacia abajo en vez de hacia arriba?

La cerveza comercializada en barriles contiene ciertas cantidades de nitrógeno (N2) así como de dióxido de carbono (CO2). La alta presión del gas disuelto permite que se formen pequeñas burbujas y al servirse se genere la espuma característica de la Guinness. Mientras que en las bebidas espumosas tipo cava las burbujas van hacia arriba, en las pintas de Guinness las burbujas parecen ir hacia abajo, porque en realidad lo que hacen es circular por todo el vaso en el sentido de las agujas del reloj.

No era para menos. Descubrieron que las burbujas de la Guinness se comportan de la misma manera de cualquier burbuja: subiendo hacia arriba de manera rápida. Pero cuando estas burbujas con su fuerza llegan hasta la densa cabeza de la espuma, al no poder pasar, fluyen hacia los lados, hacia los bordes del cristal. Cuando chocan con el cristal, entonces se crea una corriente descendente por los bordes de la copa. (Fuente)

… Steve Jobs vestía jersey negro de cuello alto por Akio Morita, presidente de Sony?

En un viaje a Japón en la década de 1980, Jobs le preguntó al presidente de Sony, Akio Morita, por qué todos en las fábricas de la compañía llevaban uniformes. Le dijo a Jobs que después de la guerra nadie tenía ropa, y empresas como Sony tuvo que dar a los trabajadores algo que ponerse para cada día. Con los años, los uniformes fueron adquiriendo su propio estilo de marca, sobre todo en empresas como Sony, y se convirtió en una forma de vincular entre sí a los trabajadores de la empresa. “Yo decidí que quería ese tipo de vínculo para Apple”, recordó Jobs.

Sony, con su gusto por el estilo, había contratado al famoso diseñador Issey Miyake para crear su uniforme. Era una chaqueta hecha de nylon ripstop con mangas que se podían quitar para convertirla en chaleco. Así que Jobs llamó a Issey Miyake y le pidió el diseño de un chaleco para Apple. Jobs recordó, “volví con algunas muestras y les dijo a todos que sería genial si todos llevásemos esos chalecos. ¡Madre mía, fui abucheado! ¡Todo el mundo odiaba la idea!”

En el proceso, sin embargo, se hizo amigo de Miyake y lo visitaba con regularidad. También le gustó la idea de tener un uniforme para sí mismo, tanto por su comodidad diaria (la razón según él) como la capacidad para transmitir un estilo definido. “Así que le pedí a Issey algunos de sus jerseys de cuello negro que me gustaban, y me hizo como un centenar de ellos.” Jobs se dio cuenta de mi sorpresa cuando me contó esta historia, por lo que me mostró los jerseys apilados en el armario. “Eso es lo que me pongo”, dijo. “Tengo suficiente como para que me dure para el resto de mi vida”. (Fuente)

… una de las grandes atracciones indias era el Maut ka kuan, el pozo de la muerte?

El Maut ka kuan, también conocido como “el pozo de la muerte”, solía ser una atracción muy común en las ferias y exposiciones a través de las aldeas indias durante casi medio siglo. Se trata de un espectáculo fenomenal, una mezcla de habilidad circense y Cúpula del Trueno a lo Mad Max, en la que los jóvenes deben correr con sus motocicletas alrededor de una suerte de foso de madera de 6 metros de profundidad y 15 metros de diámetro.

Después de ser una atracción que casi se extingue hace una década por la evidente peligrosidad que conlleva, el Maut ka kuan ha vuelto a renacer de sus cenizas gracias a la incorporación de coches al ruedo, que mezclados con las motocicletas dan si cabe más espectáculo. (Fuente)

… SIRI fue concebido como un proyecto de la Agencia de Defensa Avanzada de Estados Unidos?

2003: DARPA premia a SRI con un contrato de 5 años para crear un “personalizable y duradero asistente cognitivo”. Para esto invirtieron $150 millones de dólares en el proyecto.
SRI bautiza al proyecto como CALO, que es un acrónimo de Cognitive Agent that Learns and Organizes (Agente Cognitivo que Aprende y Organiza). La meta principal fue: “Crear un sistema de software cognitivo, el cual pueda razonar, aprender de la experiencia, recibir órdenes de lo que debe hacer, explicar lo que hacen, reflejar su experiencia, y responder robustamente a las sorpresas.”

Enero 2008: Siri, que es un asistente visualizado en productos de consumo inspirado por el proyecto CALO, se independiza fuera de SRI como una empresa propia. Por lo tanto también queda fuera de DARPA.

13 de Octubre, 2008: Siri anuncia que ha recaudado $8,5 millones de dólares en fundaciones de Serie A, en una ronda de inversionistas de capitales de riesgo dirigida por Menlo Ventures y Morgenthaler Ventures.

24 de Noviembre, 2009: Siri anuncia que ha recaudado $15,5 millones en fundaciones de Serie B, en una ronda liderada por Menlo Ventures y Morgenthaler Ventures.

4 de Febrero, 2010: Siri lanza una app para el iPhone. Esta app te permite hablar al celular y conseguir que te encuentre y haga planes por tí. La app mejora automáticamente cuanto más uso se le daba (aprende) y te entiende mejor con el tiempo.

28 de Marzo, 2010: Apple adquiere a Siri por una cantidad no divulgada sólo a los dos meses que la app estuvo disponible públicamente. Algunos miembros del equipo de Siri se mudan a las instalaciones de Apple.

4 de Octubre, 2011: Apple anuncia Siri, un asistente personal y virtual para el iPhone 4S. (Fuente)

, , , , , , ,
529 pages

    Hazte Fan

  • facebook
  • twitter