Problemas con imágenes al compartir en Google+ | Oloblogger La sorpresa técnica de ayer fue al ir a compartir un post en Google+. Resulta que uno pone como si...

5 de abril de 2014

Problemas con imágenes al compartir en Google+

La sorpresa técnica de ayer fue al ir a compartir un post en Google+.

Resulta que uno pone como siempre el enlace en el casillero de "Comparte tus novedades" esperando que se cargue la primera imagen del enlace de destino u otra representativa de su contenido y en lugar de eso sale un monumental avatar de alguien que comentó en esa entrada.... y venga darle a las flechitas para especificar otra imagen distinta y venga avatares, uno tras otro, pero ni rastro de la imagen principal.

Pensé que me habría cargado alguna meta importante, pero me mosqueó ver que con diversos sitios ocurría lo mismo y que además, dentro de una misma web con unos posts todo iba perfecto y con otros de pena.


Problema con las imágenes al postear en Google+


Como primera solución de emergencia hice lo fácil, compartir fotografía en lugar de enlace subiendo la que quería que saliera, añadiendo el resumen y el enlace a mano. Pero no está tan barato el tiempo como para perderlo de esta manera así que me puse a investigar, a probar cosas y aunque hay un pequeño fleco que se me escapa, la causa esta localizada y por tanto podemos aplicar una solución.


La causa


La razón de esta anomalía es tan simple como incómoda y poco gestionable por nosotros. Desde hace unos días el algoritmo con el que G+ elige las imágenes que podrían ilustrar el enlace ha cambiado y actualmente sólo toma las que tienen un ancho superior a 506px.

Lo que ahora hace Google Plus es buscar todas las imágenes que existen en la dirección de destino y luego mostrar como opciones las que superan esa medida. Sólo esas y las más pequeñas las descarta. Una ventajilla es que dentro de esas opciones accesibles desde la flechitas de avanzar/retroceder están todas las imágenes de la página y no sólo una terna como hasta ahora.

Con esto la cosa de que se vean avatares y no otros gráficos ya tiene más lógica. Al menos en Blogger, los avatares de perfiles suelen tener una medida de 512x512px y cuando las imágenes propias de las entradas son todas descartadas por G+ por tamaño, entonces sólo nos da como elegibles estas de los perfiles que casi siempre superan el corte.


La solución


Pues difícil con lo pasado, pero fácilmente evitable para el futuro.

El problema no está en nuestros sitios web sino en la nueva manera de tratar las imágenes por parte de G+, por lo que no hay -casi- nada que podamos hacer salvo procurar incluir siempre en nuestras entradas, al menos una imagen de ancho superior a la medida indicada (506px).

Por eso decía que hacia atrás sigue existiendo un problema, porque si bien en el futuro ya lo tendremos en cuenta, trabajoso será editar todo los posts con imágenes pequeñas para cambiarlas.

Y ojo que el tamaño indicado es para el tamaño natural, es decir, el que se muestra en web antes de redimensionar con CSS.

Es decir, si subimos una imagen de por ejemplo 1000px pero luego con el editor de entradas indicamos tamaño Grande, ya sabéis que esa imagen será en la entrada de 400px por la utilidad de Blogger que nos genera imágenes clónicas de todas las medidas inferiores a la de la imagen original.

Por tanto, lo recomendado sería subir siempre al menos una imagen de más de 506px y marcar Tamaño originalExtra Grande, no otro, dependiendo de lo que nos convenga.


Ajustes


Por el diseño de una entrada en particular quizás no queramos que salga la imagen tan grande como se nos exige y en ese caso no tendremos más remedio que editar el HTML de la imagen y añadir (o sustituir) manualmente el ancho de la misma mediante width. Si tenemos un height lo más rápido es quitarlo y automáticamente se calcurá proporcionalmente al tamaño original.

<div class="separator" style="text-align: center;">
<a href="URL_ENLACE" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="URL_IMAGEN" width="200" /></a></div>

De esta manera la imagen tendrá en web el tamaño necesario para G+ pero se mostrará reducida a la medida exacta que queramos.


Adicionalmente y para cubrir automáticamente el caso de las imágenes centradas que incluso con el tamaño Extra Grande (640px) pudieran desbordar la columna principal de algunas plantillas más estrechas, podéis añadir a vuestro CSS esto:

.post-body img {
max-width:94%;
height: auto;
}

Ambas cosas harán que la imagen se vea de un tamaño más pequeño pero realmente permanecerá con las dimensiones con las que se subió y por tanto será elegible por G+.


Otras ideas


** Una alternativa para según que sitios, sería simplemente incorporar al diseño un logo o imagen fija que superara esos 506px. De esta manera siempre habría disponible al menos un dibujito elegible que estaría de acorde con el contenido del sitio.

** Esto no es seguro que funcione en todos los casos pero en teoría, si incluimos una meta como esta antes del </head>, forzaríamos que Google Plus se olvidara de la limitación de tamaño para que incluyera la primera imagen de cada post. Así sería su redacción en Blogger:

<meta expr:content='data:blog.postImageUrl' property='og:image'/>

Esa meta no estorba e incluso es útil para compartir en Facebook, así que os viene bien ponerla en vuestra plantilla en cualquier caso.

Flecos


El principal es que la regla del ancho no es del todo fija, pero pienso que es porque además del ancho mínimo, también hay una proporción mínima. Esto ya lo sé menos seguro pero creo que anda por 6:4. Al menos a mí con esa me han funcionado las pruebas y con menos no.

Otro problema es que en las entradas sin imágenes, Google+ siempre buscará las grandes que encuentre, colocándote banners, iconos u otras tonterías, pero en ese caso sólo hay que pinchar en la X para Eliminar imagen y listo. Si el post original no tiene imagen, pues el enlace compartido tampoco.

¿Vemos otro post al azar por si le encuentras utilidad o quizás prefieres ser más metódico y suscribirte a nuestras entradas por correo? También puedes imprimir este artículo y por supuesto compartirlo en redes sociales si fue de tu agrado.

Compartir
Copy URL

Y muchos más artículos interesantes si nos sigues en...

follow us in feedly

66 comentarios :

  1. Siempre se me presentaban esos problemas al momento de compartir mis entradas, hasta hoy, gracias Oloman por este gran aporte.

    Saludos

    ResponderEliminar
    Respuestas
    1. La necesidad me pudo. Pensaba esperar por si se solucionaba solo y no tuve paciencia... menos mal, porque eso no era cuestión de esperar.

      Eliminar
  2. Yo ni me había enterado de este cambio (aunque yo trabajo con tamaños bastante grandes de imagen). Buen post, gracias! :)

    ResponderEliminar
  3. Sigue sin convencerme el formato del +....pero tendré que tener en cuenta todo esto porque al final nos obligarán a tod@s a acogernos a este formato....
    Buen finde
    Bss

    ResponderEliminar
    Respuestas
    1. Vale, recordaba que habías comentado algo de esto.
      Al compartir la única entrada que tengo con el nuevo perfil del G+ la imagen no me salía. Pensaba que había hecho algo raro.
      A ver si me aclaro. Yo sigo subiendo todas las imágenes reducidas a 800 px y después la publico a tamaño original
      El único post que he compartido en el G+ tiene imágenes que miden 800px de ancho x 600 de alto, así que no entiendo por qué no se ve alguna si supera esos 506 px que tú comentas.
      He puesto manualmente en la imagen, editando el htlm, el width="200" que tú comentas, pero se me queda chiquirriquitina, no me gusta ná.(aunque no he probado si de esta manera se ve al compartirlo en el +)
      Qué se supone que debemos de hacer, si yo todas las imágenes las redimensiono a 800 px y después las publico a tamaño original? o ahora con este nuevo perfil ya no es necesario reducirlas? porque desde luego todas las primeras imágenes que tengo en ese blog, tienen buena medida.....
      oins jomío....qué cosas me pasan.....

      Eliminar
    2. Pues creo que no tienes que hacer nada, porque lo que me explicas está bien. De hecho he probado a compartir en G+ tu post http://nosoyunblogdecocina.blogspot.com.es/2014/12/pinchos-de-champinones_59.html y sale la imagen que debe salir sin problemas.

      Eliminar
    3. Mira, anoche cuando leí tu respuesta, miré y vi el pincho de las narices.....voy a mirar ahora y ya no lo veo. como estaba con el otro perfil (que no quiero volverte majareta) accedo con éste a ver si con éste sí que lo veo....pues no! no hay tutía....mira la captura de pantalla....no aparece. Pero no te preocupes, anoche descubrí que los botoncitos esos de compartir, que tan gentilmente☻te regala bloguer al final de cada entrada, sí esos que de tan grandes que son te da que no sirven pa'ná de ná, pues resulta que sí, que sí que sirven y son efectivos, pinché en la entrada anterior y ahí sigue mi tarta de yogurt......acabo de hacerlo ahora con los pinchos y también sale.....

      No te preocupes que no quiero liarte, que pa'eso ya me tengo yo....todavía tengo que investigar cómo funciona todo esto....me queda claro que el tamaño de las imágenes son correctas para estos del G+, tanto si las dejo tal cual me salen de la cámara, como si las reduzco a los 800px (que es como lo hago normalmente en el bloguer "normal")....

      hala! ya t'extresao un ratito con mis explicaciones.....ya me iré aclarando (aunque se me acercan fechas muy chungas para tanta aclaración jajajajajaja)

      Un abrazo, apañao! más que apañao!

      Eliminar
  4. Para completar un poco tu excelente entrada amigo oloman te paso esto espero sirva :

    <b:if cond='data:blog.postImageThumbnailUrl'>

    <b:if cond='data:blog.postImageUrl'> <!-- esta sera la primera imagen de la entrada -->

    <meta expr:content='data:blog.postImageUrl' property='og:image' />

    <b:else/> <!-- esta en caso de usar solo un video de youtube y muestre la imagen del video (solo youtube) -->

    <meta expr:content='data:blog.postImageThumbnailUrl' property='og:image' />

    </b:if>

    <b:else/> <!-- Esa sera la imgagen de la pagina principal o en caso de la entrada no tener imagen -->

    <meta content='http://2.bp.blogspot.com/-oLcAn7_nIiM/UnRE-2Fr8NI/AAAAAAAAAwQ/hXIgA9yu1io/s00/log-milgif-com.png' property='og:image' />

    </b:if>

    ResponderEliminar
    Respuestas
    1. Me olvidaba el tamaño de las imágenes a mi me va bien en todas con la proporción 600*315px es la que dicta facebook y veo que también google+ la utiliza. con el código que dejo arriba también se soluciona las entradas sin imagen. espero con esto tambien los ayude éxitos oloman

      Eliminar
  5. Grazie mille!
    Pensé que era momentáneo debido a los cambios que está efectuando G+...

    ¿Es cierto que Fb compró Blogger? también pensé que G+ se estaba divorciando de Blogger... Espero que no sea realidad la noticia.

    Agradecida... Muy pronto requeriré de tus servicios.

    ResponderEliminar
    Respuestas
    1. No mer XD. Eso fue una broma del April Fools que me llamó la atención. Facebook y Blogger de momento no tienen nada que ver.

      Eliminar
    2. Uff! Cuando me alegro. No pegan ni con chicle...

      Abrazos.

      Eliminar
  6. Pues va a ser por esto por lo que desde hace unas semanas al redimensionar las imágenes en el editor (eso de poner "mediana", "grande", "extra grande", etc) deja el tamaño fijo en 1600px en la url del src, en vez de cambiarlo como hacía antes.

    ResponderEliminar
  7. Oloman, te voy a pedir un grandisimo favor, me disculpas la ignorancia, necesito saber dónde van colocados los dos ajustes que sugieres y lo que sugiere Axel, me dices por favor, el dónde debe ir los scrips cuando uno le da Ctrl-V en la plantilla, el antes o después de.
    Gracias por tu respuesta. No todos tenemos los mismos conocimientos.

    ResponderEliminar
  8. Te lo digo, pero echa luego un vistazo de nuevo al post y verás que también se indica.
    El primero es para cuando se sube una imagen a un post mediante el editor de entradas y lo puedes ver si usas la pestaña HTML (no la de REDACTAR)
    El segundo es CSS por lo que iría en la plantilla, en cualquier lugar siempre que esté entre las etiquetas SKIN.
    El último también va en la plantilla, pero antes del cierre </head> En concreto a mí me gusta mejor justo después de la apertura (<head>)

    ResponderEliminar
  9. Olomán, a mí me ocurre esto mismo pero en las publicaciones de facebook. Y me sale alguna imagen de algún banner de la columna de la derecha o imagen del slider de la cabecera.

    ResponderEliminar
    Respuestas
    1. También Facebook tiene un tamaño mínimo, pero me parece recordar que era inferior a este de 506px

      Eliminar
  10. Hola Oloman, lo que escribo es totalmente académico, y como pedagoga, no quiero que se pierda el objetivo: captar totalmente la atención del lector en el contenido, las imágenes pueden distraer fácilmente, por lo cual no coloco imágenes ni siquiera relacionadas con el tema. Esta estrategia ha sido exitosa para nuestro blog. Por lo menos google+ debería dar opciones al administrador de la página, la novedad no me gusta y es desagrable que te obliguen a aceptar algo con lo que no estas de acuerdo. Por lo que veo google+ realmente no le hace honor al nombre y en vez de sumar... creo que va restar.

    ResponderEliminar
    Respuestas
    1. Flavia, la novedad simplemente consiste en la forma en la que G+ escoge las imágenes al compartir posts en su red. Realmente siempre ha dado la opción de mostrar una imagen y ahora lo único que pasa es que no se puede escoger cualquiera, sino sólo las mayores de cierto tamaño.
      Y también siempre se ha podido marcar "Eliminar imagen", así que no te enfades con ellos ;)

      Eliminar
  11. Gracias Oloman por tu respuesta, ya apliqué eliminar imagen, pero al momento de compartir la mandó con la fotografía de otro seguidor como si no fuera efectivo haber marcado dicha opción. Solo me ha costado disculparme con los "agraciados", pues no tengo su anuencia para compartir y publicar sus fotos, por el solo hecho de que sean mis seguidores... si G+ coloca la foto del administador no le veo problema, pues ya la usamos siempre que publicamos o reponemos los temas... sigo afirmando que la novedad no me gusta >:( ... mis respetos para usted Oloman!

    ResponderEliminar
    Respuestas
    1. Yo creo que algo se te escapa, porque he probado a postear cualquier cosa en G+ y si que se puede quitar la imagen.

      Hay dos X para ello. Una elimina la vista previa y está a la derecha del post. La otra está arriba sobre una franja negra y es dónde además aparecen las flechitas para ir pasando posibles imágenes. Aparece al pasar el puntero por encima y esta última es la que hay que clicar para que se elimine la imagen del post, quedando sólo el enlace y tu posible comentario.

      Eliminar
  12. ¡Hola!

    Hace unos dias que me pasa esto mismo, pero creo que el tamaño no es el motivo, porque en mis posts siempre pongo imágenes tamaño "extra grande", es decir, ancho 640 px, pero G+ capta uno de los badges que tengo en la columna, que andan por 300px. Si se te ocurre alguna idea, lo agradecería mucho. Y si quieres echarle un vistazo a mi blog para comprobarlo, es For a Real Woman . Gracias.

    Jasmine x

    ResponderEliminar
  13. Observa lo siguiente Jasmine. Tu último post si tiene una imagen lo suficientemente grande, pero en el anterior (http://www.forarealwoman.com/2014/04/turquoise-look-for-easter.html) la imagen tiene un TAMAÑO NATURAL de sólo 500px. Que las "agrandes" no quiere decir que sean de ese tamaño. Relee el post porque ahí explico todo eso. Hay que subir imágenes de tamaño superior a 506px y además, marcar el tamaño Extra-Grande, ambas cosas.

    ResponderEliminar
    Respuestas
    1. ¡Hola de nuevo!

      Creo las imágenes para mis posts (excepto las que me dan mis blogueros invitados) en el mismo sitio, Polyvore, y todas tienen un tamaño estándar de 500px. Son todas así. Al preparar el post siempre les pongo tamaño extra-grande. Hasta ahora no había tenido ningún problema, pero desde los cambios de G+, me subía uno de los badges. No sé si el problema concreto en mi blog se debía a que en la columna tengo muchas imágenes, eso sí, pequeñas todas. Como apaño, he quitado unos cuantos badges y en mis dos últimos posts la imagen que sube G+ es la que corresponde. Veremos qué pasa más adelante. Gracias.

      Jasmine

      Eliminar
    2. Es un apaño, pero el problema de fondo lo sigues teniendo porque 500 es menor que 506px. Al no tener ninguna imagen grande, G+ te tomará cualquier otra (entre ellas la buena) pero creo que si te es posible y te merece la pena la molestia, lo mejor sería que antes de publicarlas las hicieras un poco más grandes con cualquier editor de imágenes. Las redimensiones por ejemplo a 510px y esos pocos píxeles no van a deformar la imagen.

      Eliminar
  14. Este post tuyo me viene como caído del cielo, pues justo acabo de estrenar proyecto web nuevo, y había decidido establecer el tamaño de las vistas en las páginas a 500px, pero veo que voy a tener que ampliarlo a 512px, para no tener problemas. Menos mal que estoy empezando todavía, ¡jajaja!

    Por cierto, me ha entrado curiosidad sobre esa etiqueta meta, de la que no había siquiera oído hablar, y he buscado más información al respecto. Parece que es un estándar: el protocolo Open Graph.

    La única pega es que no parece estar esa etiqueta contemplada en el W3C, así que una página que la use no valida, ni como html5 ni en strict. Pero si funciona, y te da igual la validación, pues es buena solución para asegurarte de tener la imagen correcta en los shares (recordemos que otras personas también pueden compartir el post, y hay que facilitarles la tarea en lo posible).

    Gracias por el tip. Saludos.

    ResponderEliminar
    Respuestas
    1. Te lo voy a decir como lo siento: me la pela la validación ;)
      Otros que le den el valor que quieran, pero yo pienso que sólo sirve como recomendación para normalizar (estandarizar) y así me lo tomo. Si uso cosas que no validan pero que todos los navegadores pueden interpretar ¿qué más da entonces?

      Y sobre el OpenGraph, creo que nunca he hablado aquí expresamente de él, pero es un protocolo similar al Schema y sirve para el marcado de datos. Ahora lo usan varias redes pero creo que tuvo su origen en Facebook.

      Eliminar
    2. ...me la pela la validación ;)

      ¡Ja, ja, ja! Más claro, transparent.

      Independientemente de que te la pele o no, venía a corregirme a mi mismo, que el otro día no dije la verdad del todo. Ese protocolo sí valida, pero si usas HTML5 (con el HTML declarado en tu plantilla no validaba, no me se ocurrió aquel día cambiar a html5, cosas de las prisas...).

      Así que es otro motivo más (al menos para mi, que me estoy haciendo una web muy "modelna"), además del tema de las redes sociales, que no es poco.

      Que pases un feliz puente, si tienes la suerte de tenerlo, o si no, pues también, pásalo bien :)

      Eliminar
    3. Ok. Gracias por la info Jose... y que no sea eterna la construcción de esa nueva plantilla, que ya nos conocemos un poco ;)

      Eliminar
    4. ¿Plantilla? Hablo de una web que me estoy haciendo desde cero, hecha con PHP pelao (sin CMS ni frameworks, como se suele decir, a pelo). Curiosamente, he tardado menos en tener lista la web (el enlace lo tengo en mi perfil) que lo que tardé en hacerme mi última plantilla, ¡ja, ja, ja!

      (Entre nosotros, tengo la intención de cambiar la plantilla más adelante para que esté en consonancia con la web, pero no se lo digas a nadie ;)

      Eliminar
    5. Es que la estructura de una web es más sencilla que organizar todo su contenido. La plantilla de Blogger realmente incluye el CSS, el HTML y el acceso a la base de datos, cosa de la cual se ocupa el CMS. Esto último es lo que supongo que te habrá costado un poco más. Al menos así habría sido conmigo, pues de PHP y sobre todo SQL, no tengo casi ni idea.

      Eliminar
    6. Pues desde que empecé a escribir el código hasta que di por "usable" la web, trabajando a ratos sueltos, y alguna semana que otra sin poder ni tocarlo, me ha llevado unos seis meses, y esto sin apenas saber nada de PHP (MySQL lo contemplé al principio como base de datos, pero al final me decanté por crear mi propio sistema, basado en ficheros XML).

      Efectivamente, del lado del servidor, es algo más complicado (bueno, yo me compliqué un poco, al querer tener un sistema de etiquetas y categorías, pero ha valido la pena el esfuerzo), pero tienes todo el control de lo que pasa. Pero a nivel de cliente (CSS, HTML y JavaScript), una web es mucho más sencilla de crear y mantener.

      Miedo me da cuando me ponga a trastear de nuevo en la plantilla de Blogger, seguro que han cambiado mil cosas xD

      Eliminar
  15. Hola oloman, Necesito tu ayuda bro, espero y me puedas ayudar.

    Quiero poner un imagen ensima de las imagenes de todas las entradas que yo publique, por ejemplo como la imagen que pondre acontinuacion que aparece una jirafa de fondo y ensima una pequeña imagen de color azul. http://1.bp.blogspot.com/-mZbcpkVFF9s/U2EpKdhQC7I/AAAAAAAAANo/KlQAFKcFNrk/s1600/oloblogger.jpg

    te lo agradecere brother

    ResponderEliminar
    Respuestas
    1. Echa un vistazo a esto, que ahí podrás ver cómo se hace: http://cdpn.io/JnHKG

      Eliminar
    2. si gracias, pero no me funciona como quiero, solo se ejecuta en las imagenes dentro de los articulos, yo quiero que se muestre ensima de las imagenes de los articulos de el index

      http://4.bp.blogspot.com/-qu2f9WLKF_U/U2bF7zzaaaI/AAAAAAAAAP8/96lnQXc_kPI/s1600/oloblogger.jpg

      y disculpa las molestias.

      Eliminar
    3. Entonces usa sólo esto:
      .cutter {
      position: relative;
      }
      .cutter:before {
      content: url(http://2.bp.blogspot.com/-plEL389Ppus/T0LhG_HGcmI/AAAAAAAAB4s/LfSoWPHGlkQ/s200/yellow%2Bdwarf.jpg);
      position: absolute;
      bottom: 10px;
      left: 10px;
      margin: 0;
      padding: 0;
      border: 1px solid #eee;
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      }

      Eliminar
  16. Hola Oloman:

    Este mismo problema lo estaba teniendo desde hacía tiempo en uno de los blogs pero justo después de añadir las fichas de autor debajo de los artículos. El problema consistía en que en G+ toma la imagen del autor como imagen para publicar, con la dificultad añadida de que también pone como título del artículo, el nombre del autor.

    Sólo pasa en G+, porque en Facebook y en Twitter hace uso perfectamente de los "metas".

    Se puede ver en cualquiera de los artículos de la web al querer compartirlos en G+:

    http://www.sietesitios.info/2014/05/pancho-el-de-tunte.html

    ¿Como puedo solucionar al menos el problema del título del artículo al publicarlo en G+?, ¿tengo que añadir un meta tag especifico para G+?

    ¡Muchas Gracias!

    ResponderEliminar
    Respuestas
    1. De momento comienza por arreglar lo de las imágenes. Por ejemplo, en ese post que me enlazas la imagen tiene menos de 512px.

      Eliminar
  17. pues a mi la etiqueta meta no me sirvio en google plus en facebok si

    ResponderEliminar
    Respuestas
    1. Ya dije que no funciona en todos los casos y sólo expliqué lo de la META como una opción. El sistema infalible es el que explico en la parte principal del post: Usar imágenes de más de 506px.

      Eliminar
  18. Oloman eres un artista, esta es la solución al problema: meta expr:content='data:blog.postImageUrl' property='og:image'/ Los que nos gusta pagespeed, han metido una nueva norma en la que el tamaño real de la imagen no debe ser excedido en un 50% por el realmente se muestra en pantalla. Como mi plantilla presenta las imágenes de portada en 260x265 con G+ no podía compartir, pero al poner tu solución con Opengraph puedo compartir y ganar en rendimiento.

    Lo dicho, mil gracias.

    ResponderEliminar
    Respuestas
    1. De nada. A tí por confirmar que funciona ;)

      Eliminar
  19. Hola! Muchas gracias por este post, lo explicas todo al detalle y me ha servido de gran utilidad para entender el por qué.
    He instalado el plugin de Shareaholic para que se pueda compartir cada entrada en las redes sociales y encontrado la desventaja de que cuando le doy a compartir me aparece sólo una imagen, no se puede dar a la X para no poner imagen y tampoco se pueden seleccionar más.
    Y además sólo se comparte la imagen y el título pero no el comienzo del post.
    Si sabéis si se puede personalizar este plugin de Shareaholic os lo agradeceré!
    ¡Muchas gracias!
    Carmen

    ResponderEliminar
    Respuestas
    1. Lo siento Carmen, pero no estoy familiarizado con ese plugin. Creo que nunca lo he usado siquiera.

      De todas formas por lo que he visto ahora todo debe funcionar automático.

      Eliminar
  20. Hola tengo un problema en mi cuenta de google+, cuando publico en comunidades me sale como bloqueado o rechazado y tambien aparece spam algunas veces, esto me sucede desde el año pasado como puedo solucionar este problema, y solo puedo publicar una vez y en otro ya no , asi es cuando publico.

    ResponderEliminar
    Respuestas
    1. No sé cómo puedes solucionar eso Juanjo. Supongo que alguna forma habrá de reclamar a Google, pero sinceramente no sé cual.

      Eliminar
  21. Gracias por la info. Lamentablemente publico siempre desde mi tableta y no puedo ajustar las imágenes .. una pena por parte de google + que pase esto. de hecho cuando alguien comenta algo de un post de manera publica suele salirme un logo del slide bar … que nada tiene que ver con el post … en fin. Afortunadamente lo solucioné al compartir en facebook, gracias.
    Un abrazo!

    ResponderEliminar
    Respuestas
    1. No sé cómo va la cosas desde tableta, pero se trata sólo de elegir tamaño extra-grande... si se puede.

      Eliminar
  22. Gracias por los trucos!!

    A mi lo que me trae loca es que añado enlace y algunas veces me añade imagen en grande y otras veces en miniatura y no se a qué se debe... Me gusta compartirlas en grande y claro lo que hago al final es compartir imagen en vez del llink del post...

    ¿Te ha pasado alguna vez?

    Muchas gracias!

    ResponderEliminar
    Respuestas
    1. Depende del sitio sobre el que compartes enlace. Si ha tenido las precauciones que explico aquí, siempre saldrán grandes, pero si compartes un post que tenga imágenes más pequeñas, pues evidentemente saldrán tipo miniatura flotando a un lado.

      Otra cosa distinta es por qué a veces G+ saca una imagen (mejor dicho un post) ocupando todo el ancho de la página en lugar de en una columna de a 3... no sé si esto otro lo que quieres decir.
      Ahí ya no lo sé al 100%, pero supongo que es automático y que mediante algún algoritmo, G+ destaca así ciertas publicaciones.

      Eliminar
  23. hola oloman, soy nuevo en esto, espero me puedas ayudar, yo uso wordpress y necesito compartir las entradas que voy publicando, al llegar al google + me sale el mismo inconveniente por el cual escribiste el post. resulta que seguí los pasos de https://developers.google.com/+/web/share/?hl=es, después https://developers.google.com/+/web/snippet/?hl=es para personalizar lo que quiero que vean mis seguidores en mi perfil, bueno tu mencionas: actualmente sólo toma las que tienen un ancho superior a 506px. Mis imagenes superan el ancho pero no me detecta algunas, de echo tengo 4 imágenes del mismo tamaño width="743" height="493" lo raro es que me detecta solo 1 de las 4, otra cosa que esta pasando es que me muestra una imagen que nisiquiera la tengo en mis entradas y me jala una imagen de menor anchura.
    link donde si me detecta la imagen http://grquetzalu.diarionoreste.com.mx/2015/09/10/prueba-google-plus/
    link donde no se detecta imagen http://grquetzalu.diarionoreste.com.mx/2015/09/08/prueba-twitter-lalo/
    en ambos link me detecta la imagen que no tengo en ninguna de las dos entradas y la imagen con un ancho inferior al que debería ser 506px

    ResponderEliminar
    Respuestas
    1. Hola Eduardo. No controlo apenas WP, pero ¿has probado a marcar las imágenes con OpenGraph o Schema?

      Eliminar
  24. hola oloman, fijate que mi problema es que a la hora de compartir una entrada de mi blog en alguna comunidad solo me aparece la mitad de la imagen , no se a que se deba pero en todas las entradas de mi blog sucede,no se si me pudieras aconsejar que hacer en este caso.

    ResponderEliminar
    Respuestas
    1. Eso no es un problema Gustavo. Es como G+ presenta las imágenes.
      Allí sale siempre una de 346x207px así que si la proporción de tus imágenes es otra, se produce un recorte proporcional a esas dimensiones. Sólo te saldrían enteras si tuvieran por ejemplo 792x504px u otra medida proporcional cualqueira.

      Eliminar
  25. A mi m ocurre una cosa que me perjudica bastante. A la mínima sólo publica la primera imagen que puse en mi blog,que nada tiene que ver con o que pongo ahora. Si no tengo que darle a las flechitas para que sólo me salga la primera imagen de algunas entradas pero en pequeño.

    Y de los vídeos que se verían directamente en mi blog nada.

    ResponderEliminar
    Respuestas
    1. ¿Quieres decir que originalmente pusiste una imagen en cierta entrada y que ahora esa imagen la cambiaste? Es que no entiendo muy bien eso de "que nada tiene que ver con lo que pongo ahora".

      Eliminar
  26. Buenísimo, ahora sé la razón de que a veces elija otras imágenes cuando comparto mis posts. Vengo porque tengo otra pregunta y este es el post que he visto más relacionado al asunto. Resulta que hace poco puse en mi blog una plantilla de esas prediseñadas y la ajusté a mis gustos con mis conocimientos limitados. Todo iba bien hasta que intenté compartir un nuevo post en google+ y no me pone el título ni el link correcto de cada post como solía hacer antes. En twitter y en facebook no tengo problemas, es solo cuando comparto en google+. Supongo que me mandé alguna borrando algún código o poniendo algo que no correspondía, pero no sé qué puede ser. ¿Hay algún código que deba mirar para corregir? Ya intenté sacando y volviendo a poner los botones de compartir desde la sección de Diseño. No cambió nada.
    Desde ya, te agradezco la ayuda, espero puedas ver este mensaje.

    ResponderEliminar
    Respuestas
    1. Soy el ojo que todo lo ve... al menos en mi blog :)

      Hola Cyn. Es raro que sólo te falle en G+, pero lo único que conozco para solucionar ese asunto en las principales redes sociales, es esto que explico en otra entrada

      Eliminar
  27. Mil gracias amigo. Te debo un "like". La verdad es que, ni siquiera me había dado cuenta, je! Pero, y esto espero que nos sirva como "lección", cuanta gente no se habrá terminado de "convencer" de compartir una entrada de mi blog (http://atutrabajo.blogspot.com.ar/) por no contar con el texto y, la imágen "adecuadas", no? Por eso, de nuevo, mil gracias. Saludos.

    ResponderEliminar
    Respuestas
    1. ¿Cómo que me lo debes? ¡¿No me lo has dado?! Vaya... XD

      Eliminar
  28. Tienes razón, je! Lo que pasa es que, entre tus "botones", tienes de todo menos el de "like". Pero, acabo de hacerlo directamente en tu página de FB, je! Saludos!

    ResponderEliminar
  29. Hola! Una pregunta: hay alguna posibilidad de que, en Google + (tal y como ocurre con FB y Ln después de que apliqué tu código, je!) salga la descripción de la entrada? Gracias!

    ResponderEliminar
    Respuestas
    1. Si usas esto, tendrás título, imagen y descripción tanto para G+ como para FB.

      Eliminar
  30. Lo logré! Gracias Oloman (me faltaba la última línea y, el resto, lo armé de un "rejuntado" de varios de tus post, je!). Y, con respecto a lo otro (lo de mi "head", efectivamente, lo fuí "limpiando" de a poco, je!) De nuevo, muchísimas gracias! Saludos!

    ResponderEliminar