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?
¿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
3.- Un clic en “Editar HTML”
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
5.- Justo abajo de <head> procedemos a insertar las siguientes meta tags de 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.
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
- Un clic en la pestaña que dice Token de acceso
- Ingrese la dirección URL de su entrada tal como lo muestro en la siguiente imagen de ejemplo
- Un clic en Depuración
- 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
- 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
Esto hará que se actualice nuestra entrada en Facebook, ahora me mostrara mi entrada de la siguiente manera
- El cambio que realice fue en la Descripción de búsqueda de mi entrada, por ejemplo
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
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
3.- Un clic en “Editar HTML”
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
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 -->
|
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.
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
- Un clic en la pestaña que dice Token de acceso
- Ingrese la dirección URL de su entrada tal como lo muestro en la siguiente imagen de ejemplo
- Un clic en Depuración
- 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
- 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
Esto hará que se actualice nuestra entrada en Facebook, ahora me mostrara mi entrada de la siguiente manera
- El cambio que realice fue en la Descripción de búsqueda de mi entrada, por ejemplo
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
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.
ResponderEliminarEl 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.
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.
EliminarSaludos.
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.
ResponderEliminarHola 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.
EliminarSaludos.
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.
ResponderEliminarHola Duvan, para ello usted debe usar el Depurador de Facebook siguiendo el enlace http://developers.facebook.com/tools/debug
EliminarLas instrucciones se en encuentran en este tutorial
Saludos.
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