Souhiro Siguiendo
Épsilon
SEO
Verificado
Verificación en dos pasos activada
Verificado por Whatsapp
¡Ha verificado su Paypal!
- Desde
- 12 Nov 2013
- Mensajes
- 972
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:
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.- 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.- 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 <dataost.body/> (buscamos 2 veces este codigo, el segundo es el necesitamos)
Y listo! ahora podrás mostrar las descripciones cuando compartas en facebook
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
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:
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.
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:
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.- 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.- 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 <dataost.body/> (buscamos 2 veces este codigo, el segundo es el necesitamos)
HTML:
<b:if cond='data:blog.pageType == "item"'>
<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
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:
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: