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.
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 original o Extra 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>
<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;
}
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.
Siempre se me presentaban esos problemas al momento de compartir mis entradas, hasta hoy, gracias Oloman por este gran aporte.
ResponderEliminarSaludos
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.
EliminarYo ni me había enterado de este cambio (aunque yo trabajo con tamaños bastante grandes de imagen). Buen post, gracias! :)
ResponderEliminarSigue 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....
ResponderEliminarBuen finde
Bss
Vale, recordaba que habías comentado algo de esto.
EliminarAl 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.....
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.
EliminarMira, 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.....
EliminarNo 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!
Para completar un poco tu excelente entrada amigo oloman te paso esto espero sirva :
ResponderEliminar<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>
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
EliminarGracias Axel
EliminarGrazie mille!
ResponderEliminarPensé 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.
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.
EliminarUff! Cuando me alegro. No pegan ni con chicle...
EliminarAbrazos.
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.
ResponderEliminarPues va a ser por eso ;)
EliminarOloman, 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.
ResponderEliminarGracias por tu respuesta. No todos tenemos los mismos conocimientos.
Te lo digo, pero echa luego un vistazo de nuevo al post y verás que también se indica.
ResponderEliminarEl 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>)
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.
ResponderEliminarTambién Facebook tiene un tamaño mínimo, pero me parece recordar que era inferior a este de 506px
EliminarHola 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.
ResponderEliminarFlavia, 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.
EliminarY también siempre se ha podido marcar "Eliminar imagen", así que no te enfades con ellos ;)
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!
ResponderEliminarYo creo que algo se te escapa, porque he probado a postear cualquier cosa en G+ y si que se puede quitar la imagen.
EliminarHay 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.
¡Hola!
ResponderEliminarHace 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
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¡Hola de nuevo!
EliminarCreo 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
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.
EliminarEste 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!
ResponderEliminarPor 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.
Te lo voy a decir como lo siento: me la pela la validación ;)
EliminarOtros 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.
...me la pela la validación ;)
Eliminar¡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 :)
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¿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!
Eliminar(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 ;)
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.
EliminarPues 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).
EliminarEfectivamente, 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
Hola oloman, Necesito tu ayuda bro, espero y me puedas ayudar.
ResponderEliminarQuiero 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
Echa un vistazo a esto, que ahí podrás ver cómo se hace: http://cdpn.io/JnHKG
Eliminarsi 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
Eliminarhttp://4.bp.blogspot.com/-qu2f9WLKF_U/U2bF7zzaaaI/AAAAAAAAAP8/96lnQXc_kPI/s1600/oloblogger.jpg
y disculpa las molestias.
Entonces usa sólo esto:
Eliminar.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;
}
Hola Oloman:
ResponderEliminarEste 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!
De momento comienza por arreglar lo de las imágenes. Por ejemplo, en ese post que me enlazas la imagen tiene menos de 512px.
Eliminarpues a mi la etiqueta meta no me sirvio en google plus en facebok si
ResponderEliminarYa 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.
EliminarOloman 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.
ResponderEliminarLo dicho, mil gracias.
De nada. A tí por confirmar que funciona ;)
EliminarHola! Muchas gracias por este post, lo explicas todo al detalle y me ha servido de gran utilidad para entender el por qué.
ResponderEliminarHe 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
Lo siento Carmen, pero no estoy familiarizado con ese plugin. Creo que nunca lo he usado siquiera.
EliminarDe todas formas por lo que he visto ahora todo debe funcionar automático.
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.
ResponderEliminarNo sé cómo puedes solucionar eso Juanjo. Supongo que alguna forma habrá de reclamar a Google, pero sinceramente no sé cual.
EliminarGracias 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.
ResponderEliminarUn abrazo!
No sé cómo va la cosas desde tableta, pero se trata sólo de elegir tamaño extra-grande... si se puede.
EliminarGracias por los trucos!!
ResponderEliminarA 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!
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.
EliminarOtra 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.
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.
ResponderEliminarlink 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
Hola Eduardo. No controlo apenas WP, pero ¿has probado a marcar las imágenes con OpenGraph o Schema?
Eliminarhola 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.
ResponderEliminarEso no es un problema Gustavo. Es como G+ presenta las imágenes.
EliminarAllí 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.
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.
ResponderEliminarY de los vídeos que se verían directamente en mi blog nada.
¿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".
EliminarBuení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.
ResponderEliminarDesde ya, te agradezco la ayuda, espero puedas ver este mensaje.
Soy el ojo que todo lo ve... al menos en mi blog :)
EliminarHola 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
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¿Cómo que me lo debes? ¡¿No me lo has dado?! Vaya... XD
EliminarTienes 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!
ResponderEliminarHola! 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!
ResponderEliminarSi usas esto, tendrás título, imagen y descripción tanto para G+ como para FB.
EliminarLo 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