Imagen oculta y Facebook

katmus · 9 Feb 2016

Bueno otra vez yo.

Resulta que en el blog que tengo en cada entrada hay una imagen, pero quisiera insertar una imagen diferente en cada entrada que no se vea pero que al momento de postearla o compartirla en facebook solo salga esa imagen oculta o en su defecto que sea la primera que se vea

Algo como en jkanime que por ejemplo

En Facebook se ve asi:

En su pagina asi:

Y en su codigo asi (obvio que con el ver codigo fuente de chrome):

En el Debug de Facebook se ve lo siguiente que no conozco mucho pero bueno:

Ahora en una entrada de mi blog se ve que toma la imagen de aqui:

Buscando desde mi Editor HTML se ve asi:

Como podria hacer si se puede eso ya que no muestra la imagen que quiero. De antemano Muchas gracias con la ayuda que sea otorgada

skrill3x · 9 Feb 2016

[MENTION=73517]katmus[/MENTION] aun no entiendo tu pregunta , que es lo que quieres exactamente ?

que se vea tu imagen cual la que deseas la que salga en el post o cual es la quieres que salga destacada?

katmus · 9 Feb 2016

Lo que quiero es poner dos imagenes verdad pero una que este oculta y la otra sea visible desde la entrada y que la que este oculta solo se vea cuando comparto la entrada en facebook

Andres128 · 9 Feb 2016

En realidad es un problema de los Meta Tags del Open Graph de facebook, pues muchas veces facebook no reconoce el enlace de la imagen de la entrada de blooger, por dos motivos:

1. La imagen es muy pequeña es decir menor que 200px, es decir: ancho 150px alto 150px, si se utiliza una imagen de menor dimensión de 200px, facebook no la toma en cuenta y coloca una al azar o muchas veces no la toma.

2. La segunda es que no este el respectivo Metatag en la cabecera donde se le diga a facebook cual es la imagen, es decir esta específicamente:

<meta content='http://URL-IMAGEN.JPG' property='og:image'/>

Puedes ver mi tutorial para solucionar este error en blogger: http://forobeta.com/tutoriales-de-blogger/389040-open-graph-facebook-reparando-error-de-72x72.html

katmus dijo:
Lo que quiero es poner dos imagenes verdad pero una que este oculta y la otra sea visible desde la entrada y que la que este oculta solo se vea cuando comparto la entrada en facebook

En blogger no se puede AUTOMÁTICAMENTE como deseas, a menos que sea manual agregando en cada entrada a publicar esto, sin embargo nunca lo he probado.

<meta content='http://URL-IMAGEN-A-VER-EN-FACEBOOK.JPG' property='og:image'/>

<img src="http://URL-IMAGE-ENTRADA-PARA-VER.JPG"/>

Es mucho mas fácil, que ocultes la imagen de la entrada, y con mi código del tutorial se agregara al metatag y se vera solamente al compartir en facebook, no al usuario.

katmus · 10 Feb 2016

Andres128 dijo:
En realidad es un problema de los Meta Tags del Open Graph de facebook, pues muchas veces facebook no reconoce el enlace de la imagen de la entrada de blooger, por dos motivos:

1. La imagen es muy pequeña es decir menor que 200px, es decir: ancho 150px alto 150px, si se utiliza una imagen de menor dimensión de 200px, facebook no la toma en cuenta y coloca una al azar o muchas veces no la toma.

2. La segunda es que no este el respectivo Metatag en la cabecera donde se le diga a facebook cual es la imagen, es decir esta específicamente:

<meta content='http://URL-IMAGEN.JPG' property='og:image'/>

Puedes ver mi tutorial para solucionar este error en blogger: http://forobeta.com/tutoriales-de-blogger/389040-open-graph-facebook-reparando-error-de-72x72.html

En blogger no se puede AUTOMÁTICAMENTE como deseas, a menos que sea manual agregando en cada entrada a publicar esto, sin embargo nunca lo he probado.

<meta content='http://URL-IMAGEN-A-VER-EN-FACEBOOK.JPG' property='og:image'/>

<img src="http://URL-IMAGE-ENTRADA-PARA-VER.JPG"/>

Es mucho mas fácil, que ocultes la imagen de la entrada, y con mi código del tutorial se agregara al metatag y se vera solamente al compartir en facebook, no al usuario.

Ok probare con lo que me dices a ver que tal me va

Jhon de la Vega · 12 Feb 2016

Hola ya se que es lo que quieres.
Quieres que una imagen se muestre en facebook "COMO PARA LLAMAR LA ATENCIÓN" y que al entrar a tu post se ven otras imágenes o video.

Bueno lo que debes hacer es lo siguiente:
Siempre primero sube la imagen que quieres que se vea y luego le sacas el link de la imagen y lo dejas en este codigo:

Insertar CODE, HTML o PHP:

<div><img border="0" height="0" src="LINK_IMAGEN" width="0" /></div>

Lo que hace es ocultar la imagen.
Siempre ponla en la parte superior del tema. si la pones abajo o intermedio no te servira. siempre arriba y luego el texto y mas imagenes si deseas.

kokesoft · 12 Feb 2016

Andres128 dijo:
En realidad es un problema de los Meta Tags del Open Graph de facebook, pues muchas veces facebook no reconoce el enlace de la imagen de la entrada de blooger, por dos motivos:

1. La imagen es muy pequeña es decir menor que 200px, es decir: ancho 150px alto 150px, si se utiliza una imagen de menor dimensión de 200px, facebook no la toma en cuenta y coloca una al azar o muchas veces no la toma.

2. La segunda es que no este el respectivo Metatag en la cabecera donde se le diga a facebook cual es la imagen, es decir esta específicamente:

<meta content='http://URL-IMAGEN.JPG' property='og:image'/>

Puedes ver mi tutorial para solucionar este error en blogger: http://forobeta.com/tutoriales-de-blogger/389040-open-graph-facebook-reparando-error-de-72x72.html

En blogger no se puede AUTOMÁTICAMENTE como deseas, a menos que sea manual agregando en cada entrada a publicar esto, sin embargo nunca lo he probado.

<meta content='http://URL-IMAGEN-A-VER-EN-FACEBOOK.JPG' property='og:image'/>

<img src="http://URL-IMAGE-ENTRADA-PARA-VER.JPG"/>

Es mucho mas fácil, que ocultes la imagen de la entrada, y con mi código del tutorial se agregara al metatag y se vera solamente al compartir en facebook, no al usuario.

Gracias por el aporte, lo pondre en practica

Imagen oculta y Facebook

katmus

skrill3x

katmus

Andres128

katmus

Jhon de la Vega

kokesoft

Temas similares