Problemas con imágenes al compartir en Google+ – Dominios

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 algunameta 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 yactualmente 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 queel 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ñoGrande, ya sabéis que esa imagen será en la entrada de 400px por la utilidad de Blogger que nos generaimá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 marcarTamaño original oExtra 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 mediantewidth. Si tenemos unheight 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ñoExtra 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'/

Esameta 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 paraEliminar imagen y listo. Si el post original no tiene imagen, pues el enlace compartido tampoco.

Donate Car To Charity CALIFORNIA DONATE CAR FOR TAX CREDIT DONATE CARS IN MA DONATE YOUR CAR SACRAMENTO HOW TO DONATE A CAR IN CALIFORNIA DONATE YOUR CAR FOR KIDS,CAR INSURANCE QUOTES COLORADO ,NUNAVUT CULTURE,DAYTON FREIGHT LINES HARDDRIVE DATA RECOVERY SERVICES,DONATE A CAR IN MARYLAND,MOTOR REPLACEMENTS,CHEAP DOMAIN REGISTRATION HOSTING,DONATING A CAR IN MARYLAND Mundial Football history FIFA World Cup,smart,huge/big,sciencie media,blog spot and amazes,unites pero for you gives ,, inspires and future now help and pero mas aya del visita and Mesothelioma law firm CHEAP CAR INSURANCE IN VIRGINIA,Selling annuity payments for cash Selling annuity payments for cash,Sell my structured settlement,Sell structured settlement,Structured settlement,Structured settlement companies,Sell my annuity payments lump sum,Car accident lawyer Denver,Accident injury attorneys,Sell my annuity