Publicar la imagen correcta y la descripción de mi entrada al compartir enlaces en Facebook


Blogger y SEO - Preguntas como  ¿al compartir mi entrada de Blogger en Facebook no se muestra la descripción de dicha entrada? ¿Cuándo comparto una entrada de mi blog de Blogger se muestra la descripción de mi blog y no la de mi entrada? ¿Cuándo comparto una entrada de Blogger en Facebook sale una imagen diferente y no la que está ingresada en la entrada? ¿Comparto una entrada de Blogger en Facebook y aparece la imagen de mi página de inicio y no la de mi entrada? ¿Por qué la imagen miniatura y/o descripción no aparece actualizada cuando comparto mi blog de Blogger en Facebook?

Publicar la imagen correcta y la descripción de mi entrada al compartir enlaces en Facebook

Video Tutorial


¿Cómo solucionar estos errores que generalmente sucede con algunos blogs de Blogger?

Es fácil de solucionar este pequeño inconveniente, solo deben seguir las instrucciones de este tutorial creado exclusivamente para blogs de Blogger

1.- Habilite las instrucciones recomendadas en el siguiente tutorial


2.- Un clic en Plantilla

Publicar la imagen correcta y la descripción de mi entrada al compartir enlaces en Facebook

3.- Un clic en “Editar HTML”

Publicar la imagen correcta y la descripción de mi entrada al compartir enlaces en Facebook

4.- Ingrese el siguiente código xmlns:og='http://ogp.me/ns#'  justo desde pues de

<html

- Les quedaría de la siguiente manera

<html xmlns:og='http://ogp.me/ns#'

- Visualice la siguiente imagen

Publicar la imagen correcta y la descripción de mi entrada al compartir enlaces en Facebook

5.- Justo abajo de <head> procedemos a insertar las siguientes meta tags de Facebook

<!-- Metas para Facebook -->
<meta expr:content='data:blog.pageName' property='og:title'/>
<meta expr:content='data:blog.canonicalUrl' property='og:url'/>
<meta content='article' property='og:type'/>
<meta expr:content='data:blog.title' property='og:site_name'/>
<b:if cond='data:blog.postImageUrl'>
<meta expr:content='data:blog.postImageUrl' property='og:image'/>
<meta content='1200' property='og:image:width'/>
<meta content='630' property='og:image:height'/>
<b:else/>
<meta content='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjkDovQQvrIucmNIKCc3j_nJ8Kp_QqZDI-IJ6wgmmcHfoUpIiCQos3FI3wXaYxye7qRa0yvmGP7Ssg4K7c69yWbzgpc3GYanOILIa-9JPoeszM9bAdNO0i_TSeP5F9K9UmBljIywkAdiaGm/s1600/ayudadeblogger.png' property='og:image'/>
</b:if>
<b:if cond='data:blog.metaDescription'>
<meta expr:content='data:blog.metaDescription' name='og:description'/>
<b:else/>
<meta expr:content='data:post.snippet' name='og:description'/>
</b:if>
<meta content='506095977843225' property='fb:app_id'/>
<meta content='1270995356' property='fb:admins'/>
<!-- Fin Metas para Facebook -->

Publicar la imagen correcta y la descripción de mi entrada al compartir enlaces en Facebook


Realice estos cambios:

5.1 Elimine la dirección URL que está marcada de color azul https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjkDovQQvrIucmNIKCc3j_nJ8Kp_QqZDI-IJ6wgmmcHfoUpIiCQos3FI3wXaYxye7qRa0yvmGP7Ssg4K7c69yWbzgpc3GYanOILIa-9JPoeszM9bAdNO0i_TSeP5F9K9UmBljIywkAdiaGm/s1600/ayudadeblogger.png y remplácelo por una nueva imagen, puede ser la imagen que utiliza en su blog de Blogger de portada

5.2 Elimine los números que están marcados de color rojo 506095977843225 y remplácelo por una app de su Facebook

5.3 Elimine los números de que están marcados de color verde 1270995356 y remplácelo por su ID de Facebook, si no sabe cuál es su Id de Facebook, puede abrir el siguiente enlace http://findmyfbid.com/ en el cual deberá insertar la dirección URL de su perfil de Facebook y le generara su ID personal.

Publicar la imagen correcta y la descripción de mi entrada al compartir enlaces en Facebook
Publicar la imagen correcta y la descripción de mi entrada al compartir enlaces en Facebook


6.- Eso es todo lo que deberá realizar en el editor de su plantilla, es momento de dar un clic en “Guardar plantilla

- Eso no es todo ahora siga las siguientes instrucciones:

¿Por qué la imagen miniatura y/o descripción no aparece actualizada cuando comparto mi blog de Blogger en Facebook?

Nota importante, antes de realizar este truco, primero tendrá que habilitar la descripción de búsqueda de sus entradas, si no sabe cómo hacerlo siga las siguientes instrucciones detalladas en el siguiente tutorial



- Ahora cuando ya habilite la descripción de búsqueda en sus entradas, diríjase a cualquier entrada que quiera editarla

- Abrir una entrada que ya haya publicado, luego seleccione la descripción de búsqueda he ingrese una pequeña descripción de su entrada, luego la guarda y actualiza su entrada

A partir de aquí empezamos

Para dar solución deberás usar el Depurador de Facebook siguiendo el enlace http://developers.facebook.com/tools/debug

Publicar la imagen correcta y la descripción de mi entrada al compartir enlaces en Facebook

- Un clic en la pestaña que dice Token de acceso

Publicar la imagen correcta y la descripción de mi entrada al compartir enlaces en Facebook

- Ingrese la dirección URL de su entrada tal como lo muestro en la siguiente imagen de ejemplo

Publicar la imagen correcta y la descripción de mi entrada al compartir enlaces en Facebook

- Un clic en Depuración

Publicar la imagen correcta y la descripción de mi entrada al compartir enlaces en Facebook

- Nos mostrara el resultado de cómo se está mostrando actualmente dicha entrada en Facebook

- Como resultado en mi ejemplo, se puede ver que en la descripción aparece la descripción de mi blog y no la descripción de mi entrada

Publicar la imagen correcta y la descripción de mi entrada al compartir enlaces en Facebook

- Ahora, como ya actualice mi entrada específicamente en la descripción de búsqueda de mi entrada, voy a proceder a dar un clic en la pestaña que dice Fetch new scrape information

Publicar la imagen correcta y la descripción de mi entrada al compartir enlaces en Facebook

Esto hará que se actualice nuestra entrada en Facebook, ahora me mostrara mi entrada de la siguiente manera

Publicar la imagen correcta y la descripción de mi entrada al compartir enlaces en Facebook

- El cambio que realice fue en la Descripción de búsqueda de mi entrada, por ejemplo

Publicar la imagen correcta y la descripción de mi entrada al compartir enlaces en Facebook

Le recomiendo que realice este proceso para todas las entradas de su blog de Blogger en las cuales se les está presentando este problema

¡Fácil verdad!

¿Necesitas ayuda?

Cualquier pregunta no duden en escribir

Recuerda suscribirte:

Obtenga nuestro boletín de noticias diario | Suscríbete gratuitamente SUSCRIBIRSE
¿Te ha resultado útil este artículo, recomiendanos?
Si



Share:

Luis Chávez

Soy el fundador del sitio web Ayudadeblogger.com - Considerado un Pro Blogger profesional, Consultor SEO y desarrollador Web adicto, ejecuto una serie de sitios web desde mi Oficina Quito-Ecuador.

Related post

Comentarios

7 comentarios:

  1. Que tal,Luis,un placer saludarte y felicitarte por tus aportes para ayudarnos.Estoy usando una de tus plantillas en mi blog y luego de hacer los ajustes de metatags para Facebook y todo lo demás,apliqué el depurador en tres posts y me ha salido el mismo análisis que te copio más abajo.Realmente no entiendo qué es lo que hay que corregir.Desde ya,gracias y adelante con tus proyectos.

    El objeto en la URL "https://revistavillarricadigital.blogspot.com/2016/05/fundacion-de-villa-rica-del-espiritu.html" de tipo "article" no es válido porque especifica varios valores de "og:url": https://revistavillarricadigital.blogspot.com/2016/05/fundacion-de-villa-rica-del-espiritu.html, http://revistavillarricadigital.blogspot.com/2016/05/fundacion-de-villa-rica-del-espiritu.html.

    ResponderEliminar
    Respuestas
    1. Hola Rubén, lo que estamos realizando es actualizando la información y corrigiendo los errores que se tenia en el blog al momento de publicar una entrada o actualizando una entrada antigua, si usted realizo los pasos correctos, no tome asunto sobre lo le indica al momento de actualizar su post en Facebook, lógicamente en algunos blogs ocurre lo mismo y le mostrara el mensaje que usted indica.

      Saludos.

      Eliminar
  2. Hola Luis de nuevo por acá. Esto me ha parecido genial para compartirlo en facebook y que aparezca una breve reseña del artículo. Pero quiero eliminarle en el cuadro del título el nombre del blog ya que es redundante pues aparece tambien abajo. Aparece asi *el nombre del blog*: y el titulo. Me gustaria que solo aparezca el nombre del articulo ya que despues de la breve reseña ya aparece el nombre del blog. Muchas gracias.

    ResponderEliminar
    Respuestas
    1. Hola Jesus, dentro de las acciones de Blogger.com, puede ingresar en su cuenta y en configuración < Titulo < puede ingresar un diferente titulo se aconseja ha realizarlo.

      Saludos.

      Eliminar
  3. Hola Luis tengo una duda y es que no me sale la descripción que yo puse normalmente en el recuadro de descripción si no me que me sale el artículo. como hago para arreglarlo? gracias.

    ResponderEliminar
    Respuestas
    1. Hola Duvan, para ello usted debe usar el Depurador de Facebook siguiendo el enlace http://developers.facebook.com/tools/debug

      Las instrucciones se en encuentran en este tutorial

      Saludos.

      Eliminar
  4. Hola buenas. Muchas gracias por la informacion. Pero aun asi estoy probando y no hay manera me muestra el post con la imagen en miniatura, ya me canse de depurar el codigo y sigue haciendolo. Al postear en facebook me lo muestra asi y aunque intente meter la foto por fuera elimina todo el texto del post incluida la foto anterior

    ResponderEliminar