Tutorial: Compartir correctamente en Facebook (Consejos prácticos)

Souhiro Siguiendo

Épsilon
SEO
Verificado
Verificación en dos pasos activada
Verificado por Whatsapp
¡Ha verificado su Paypal!
Desde
12 Nov 2013
Mensajes
968
Hola amigos de Forobeta, este es mi primer tutorial que hago, espero les pueda servir...

Para los que manejan otra plataforma que no sea blogger es más fácil poder configurar los detalles que se va a compartir, porque antes de publicar puedes añadirle una la miniatura a mostrar, la descripción, etc.
En el caso de blogger y debido a que muchas plantillas están modificadas, necesariamente se tiene que añadir ciertos códigos para que todos los datos estén visibles al momento de compartir.

Veamos un ejemplo, en este caso quiero publicar una enlace de mi pagina, el resultado sería el siguiente:

1.jpg

Le falta la descripción de la entrada, así como el nombre del autor con su respectivo enlace.

MOSTRAR LA DESCRIPCION AL COMPARTIR EN FACEBOOK

1.- La primera opción, es desde la configuración de blogger: Nos vamos a Configuración > Preferencias para motores de búsquedas > Meta, y lo habilitamos poniendo en "sí", luego escribimos la descripción del blog en máximo 150 caracteres.

2.jpg

2.- Con esto, ahora en cada entrada nos aparecerá la opción de Descripción de búsqueda, no solo en las nuevas, también podremos modificar las antiguas, esto no solamente es puro lujo, porque para el SEO, es realmente importante que cada entradas tenga su pequeña descripción, porque esto aparecerá en los resultados de google como un resumen de tu artículo.

3.jpg

3.- Seguramente dirás: ¡ASU! editar todas mis entradas... eso seria agotador!. Pues es lo que realmente recomiendo, porque no solo será visible la descripción cuando compartas en facebook, también mejoraras posiciones en google. Pero no te preocupes, tambien hay otra forma de conseguir que aparesca la descripción en tu enlaces que compartas.

Añade este código despues del 2do <data:post.body/> (buscamos 2 veces este codigo, el segundo es el necesitamos)

HTML:
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<b:if cond='data:post.snippet'>
<meta expr:content='data:post.snippet' name='description'/>
</b:if>
</b:if>

Y listo! ahora podrás mostrar las descripciones cuando compartas en facebook

5.jpg

NOTA: Recuerda que demora en actualizarse, por eso para veas que los cambios funcionaron, dirígete a el debug de facebook:
https://developers.facebook.com/tools/debug/

MOSTRAR EL AUTOR Y UNA IMAGEN PERSONALIZADA EN EL HOME DE LA PAGINA

Seguramente habrás notados que cuando compartes la página principal de tu blog, la imagen que aparece es la ultima entrada, o cualquier otra, pero esto se puede personalizar y además agregar el autor.

Buscamos <head> y después de este código agregamos

HTML:
<b:if cond='data:blog.url == data:blog.homepageUrl'> 
<meta content='URL-IMAGEN' property='og:image'/>
</b:if>
<meta content='https://www.facebook.com/URL-FACEBOOK' property='article:author'/>

Donde cambiamos URL-IMAGEN por una imagen que vaya mejor con nuestro blog, y en https://www.facebook.com/URL-FACEBOOK lo cambiamos por la url de la pagina de facebook de la página.

El resultados sería:

6.jpg

Bueno eso seria todo, me faltó poner como quedaría si compartes la pagina principal, pero es lo mismo solo que con la imagen que seleccionemos.
 
Última edición:

Elbarbero

No recomendado
Verificación en dos pasos desactivada
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Desde
25 Ene 2016
Mensajes
281
Por favor, ten en cuenta 📝 que si deseas hacer un trato 🤝 con este usuario, está baneado 🔒.
gracias que buen aporte
 

kokesoft

Gamma
Social Media
Verificación en dos pasos desactivada
Verificado por Whatsapp
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Desde
1 Oct 2014
Mensajes
227
Muchas gracias por el aporte, lo pondré en practica a ver que tal funciona, ya que hace unos dias pedí ayuda sobre este mismo tema aquí en el blog y nadie me pudo dar una respuesta de como hacerle.. Asi que muchas gracias.
 

Titino

Beta
Verificación en dos pasos desactivada
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Desde
7 May 2016
Mensajes
76
Es excelente para compartir de todo, siempre y cuando valga la pena.
 

ryshardgn

Beta
Redactor
Verificación en dos pasos desactivada
Verificado por Whatsapp
Desde
20 Feb 2016
Mensajes
118
esto lo puedo aplicar si solo tengo permiso para publicar en el blog..??
 

sergio18

Delta
Verificación en dos pasos desactivada
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Desde
11 Nov 2014
Mensajes
593
me gusta eso de que salga el autor pero si tienes varios autores ,se podria hacer?
 

Serjal

Gamma
Social Media
Verificación en dos pasos desactivada
Desde
9 Dic 2016
Mensajes
151
Por favor, ten en cuenta 📝 que si deseas hacer un trato 🤝 con este usuario, está baneado 🔒.
Algo de esto sabia, pero hay uno que otro detalle que no conocia. gracias
 

¡Regístrate y comienza a ganar!

Beneficios

  • Gana dinero por participar
  • Gana dinero por recomendarnos
  • Descubre ofertas de empleo diariamente
  • Negocios seguros
  • ¡Información premium y más!

Acceder

¿Ya tienes una cuenta? Accede aquí

Arriba