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='http://2.bp.blogspot.com/-1_-smwB13dg/Vyb42EZVR8I/AAAAAAAAK8k/pFq-6R_w61cMyoKp4pbmryoU5_9KQqJzwCK4B/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 http://2.bp.blogspot.com/-1_-smwB13dg/Vyb42EZVR8I/AAAAAAAAK8k/pFq-6R_w61cMyoKp4pbmryoU5_9KQqJzwCK4B/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




Share:

Related post

Disqus

Disqus comments:


Google+

Google+ comments:

Facebook

Facebook comments: