comunidades

Personaliza los fragmentos de tus entradas para compartir en las redes sociales




Siempre que se comparte una entrada en una red social se muestra un pequeño fragmento de resumen del contenido que se va a compartir. Normalmente, se suele presentar un título, una imagen y una "entradilla" o parte del texto que conforma la entrada. Esta composición del contenido es conocida como "fragmento" y es primordial para que el mensaje luzca atractivo en las redes sociales.
Muchos Bloggers realizan cambios por error en sus plantillas que desconfiguran el modo en que se montan los fragmentos para compartir en las redes sociales, esta guía intenta dar una solución a todos esos problemas.



¿Qué son los Fragmentos?



Simplificando técnicamente, se trata del conjunto de imagen y texto que las personas podrán ver cuando se comparta alguna entrada en tu Blog. 

A la izquierda podemos ver la imagen de ejemplo que Google+ muestra en los perfiles de sus páginas para explicar el concepto de Fragmento.

¿Son personalizables?

Los fragmentos son personalizables pero siempre dentro de los parámetros que ofrecen las redes sociales para poderlos entender. Es decir, no se podrá construir un fragmento para compartir una determinada entrada si en la plantilla del Blog no se disponen de los "datos" necesarios para que pueda formarse.
¿Qué utilidades se les suele dar?

Tienen diversas utilidades. No sólo se manejan para montar fragmentos en redes sociales, también pueden servir a los robots rastreadores de los buscadores para conformar los datos estructurados de un sitio de manera que pueda tomar datos acerca de quién es el propietario del sitio o utilizar algunos de esos datos para presentar los resultados de búsqueda de una manera determinada.

¿Cómo se forma un fragmento?

Tal como se explica en la página Developers de Google+, en el código fuente de tu plantilla o del HTML de una página web de cualquier sitio, deben existir un conjunto de "datos" de los cuales extraer la información para componer el fragmento.



En la página para desarrolladores de Google+ nos explican las formas en que en las redes sociales obtienen la información para montar el fragmento, trato de resumirlo pormenorizándolo técnicamente para que se comprenda lo mejor posible:
I - Formación de fragmentos a partir de microdatos schema.org:

Se pueden componer fragmentos para compartir en redes sociales a partir de microdatos schema.org: este es el modo recomendado por Google. Simplificando técnicamente, consiste en utilizar unas etiquetas identificativas que aluden a un concepto que puede extraerse del código para componer un fragmento. Estas etiquetas identificativas en el código son:

Título, Imagen y descripción

<body itemscope itemtype="http://schema.org/Product"> es el punto donde indicas a la red social cómo vas a compartir el código. El método http://schema.org/Product indica que vas a utilizar los siguiente micro-datos para compartir en las redes sociales:
  <h1 itemprop="name">Título</h1> Un TÍTULO
  <img itemprop="image" src="Imagen" /> Una IMAGEN
  <p itemprop="description">Texto descriptivo</p> Una DESCRIPCIÓN


Justo lo que compartimos en Google+ o Facebook o Pinterest... cuando se construye el fragmento en nuestro Blog. Un problema frecuente con microdatos schema.orgEn Blogger estos datos se encuentran en la propia plantilla. Si por alguna razón hemos cometido un error y los hemos borrado o cambiado, al compartir en las redes sociales observaremos que los datos que acompañan a la publicación que hacemos no se extraen correctamente.Soluciones para los microdatos schema.orgSi no puedes recuperar tu plantilla original, puedes intentar construir estos microdatos en tu propia plantilla. Cuando hablamos de las herramientas para datos estructurados de Google montamos aquel conjunto de datos que permitía indentificarnos como autor de un contenido en Google.Esa misma información es la que debes aplicar a tu código. Debes tener en cuenta que cada plantilla es distinta y que en este caso, se trata de que recuperes y presentes los datos que necesitas para que se componga el fragmento.II - Formación de fragmentos a partir del protocolo OpenGraph.

Se pueden componer fragmentos con el protocolo OpenGraph.  Se suele utilizar bastante con Facebook y Twitter, en Blogger hay que manejarlo "con cuidado" como veremos en la solución de problemas.Al igual que la utilización de micro datos, el fragmento se compondrá utilizando las etiquetas og:nombre_elemento.

<meta property="og:title" content="..." /> De aquí se extraerá el título.
<meta property="og:image" content="..." /> De aquí se extraerá la imagen.
<meta property="og:description" content="..." /> De aquí se extraerá la descripción o entradilla. 
Un problema frecuente con OpenGraph Muchos Bloggers tienden a utilizar el formato OpenGraph en la zona <HEAD> de su plantilla. En esa zona se declara normalmente casi todo lo que vas a utilizar en el resto de la página. Si por ejemplo pones ya fijo en el head un og:title con un título prefijado o un og_description con una descripción ya prefijada, observarás que no te compone correctamente el fragmento porque siempre pone el mismo título o descripción a todo.Soluciones para OpenGraph

Si utilizas OpenGraph en Blogger, hazlo para marcar el autor. El resto de campos deja que se resuelvan por micro datos para evitar problemas. Es decir, preferiblemente deja la plantilla tal cual la tienes.III - Formación de fragmentos a partir del meta etiquetas.

Se pueden componer fragmentos por medio de las meta etiquetas. En este caso suele utilizarse la meta etiqueta "description" o "title" que se encuentran en el <HEAD>. Es más recomendable utilizar siempre micro datos (Blogger lo hace por defecto) o protocolo Open Graph antes que la meta etiquetas. Ten en cuenta que se suelen utilizar más de cara a los rastreadores que de cara a los fragmentos.IV - Formación de fragmentos por deducción.

Por último, si no hay ninguna clase de marcado (ni micro datos ni Opengraph ni meta datos) entonces se hace por "deducción". Este punto es el menos recomendable, afortunadamente en Blogger el código ya está montado automáticamente para utilizar micro datos.

Fuente: este post proviene de Diarios de la nube, donde puedes consultar el contenido original.
¿Vulnera este post tus derechos? Pincha aquí.
¿Qué te ha parecido esta idea?

Esta idea proviene de:

Y estas son sus últimas ideas publicadas:

SEO con imágenes

Las imágenes que utilizas en tu Blog, en tu web, no son sólo un reclamo o un añadido decorativo para tus contenido. Pueden servir a los buscadores web para comprender mejor la información que proporci ...

Etiquetas: generalsocial

Recomendamos

Relacionado

general social

Cómo poner botones para redes sociales al final de tus entradas

Muchos Bloggers prefieren añadir botones para redes sociales al pie de sus entradas para que los usuarios puedan compartir el contenido que ha sido de su agrado. Vamos a aprender a colocar en el pie de entradas botones para compartir en Facebook, Twitter y Google+ nuestras creaciones.¿Qué son los botones para las redes sociales en un Blog?: Los componentes oficiales o no oficiales de las distinta ...

informática android aplicaciones ...

Fragmentos en una aplicación Android

En este artículo descubriremos el poder de los fragmentos en el desarrollo de aplicaciones Android. Entenderemos su concepto y propósito, el ciclo de vida que poseen, las ventajas que tiene usarlos y como crearlos en nuestros proyectos en Android Studio de forma declarativa y programática. ¿Qué es un fragmento? La necesidad de usar fragmentos nace con la versión 3.0 (API 11) de Android debido a lo ...

Redes sociales Uncategorized Blogger ...

Añade un Social Locker en blogspot e impulsa tus redes sociales

Añade un Social Locker en blogspot e impulsa tus redes sociales Los social Locker son una manera de conseguir que tus lectores compartan o den me gusta en las redes para poder acceder a un contenido especial. El pago social o el pay per action es cada vez mas frecuente en los blogs, en principio era algo reservado a los blogs de descargas y gracias a su efectividad se han extendido por la blogsfer ...

Inbound Marketing Redes Sociales Social media marketing ...

5 Formas de buscar contenido para redes sociales

Si estás aquí es porque quieres saber: ¿Cómo buscar contenido para redes sociales? ¿Cómo encontrar contenido para compartir en Facebook? ¡pues en este artículo encontrarás las formas que utilizo para obtener ideas creativas para redes sociales! Tengo desde 2012 creando contenido en redes sociales, así que lo que te comparto acá es algo que me funciona a mi y a mis clientes bastante bien Seguro qu ...

general social

Cómo poner botones para que te sigan en las redes sociales en Blogger

Poner botones para redes sociales con los que tus usuarios puedan seguirte te ayudará a incrementar la presencia de tus contenidos en Internet. Si bien muchas veces preferimos utilizar botones al final de nuestra entradas para que nuestros usuarios compartan si lo desean nuestras entradas, es importante también que puedan seguirnos por las redes sociales si así lo desean. Qué mejor sitio para que ...

general seo

Los datos estructurados en Blogger: solución de problemas.

Los datos estructurados son una herramienta fundamental en la presentación de los resultados de búsqueda en Google. Gracias a ellos, Google puede presentar información de eventos, rangos de precios, evaluación media del sitio (con estrellas) y gran cantidad de datos en el resumen de la búsqueda que pueden hacer que un usuario se interese más por ese resultado que por otros que no se aprovechan de ...

Plugins de wordpress Uncategorized Wordpress ...

Los mejores plugins sociales para compartir contenido desde wordpress

Los mejores plugins sociales para compartir contenido desde wordpress Compartir contenido es muy importante para que tu blog se de a conocer, esto hace que gane relevancia social y que mejore el SEO de tu blog al recibir más enlaces que apuntan a tu blog. Casi todos los themes tienen de serie algún sistema para compartir contenido en Faceboo, Twitter, Instagram o al menos para que te puedan seguir ...

general seo

Cómo debe ser la estructura de un Blog para un correcto posicionamiento: SEO ON PAGE.

La estructura de un Blog es la base sobre la que se construye y distribuye todo su contenido. En ella existen dos partes fundamentales: una visible compuesta por los componentes que conforman su presentación y otra invisible que sirve para que los sistemas que acceden al mismo sean capaces de analizar y extraer correctamente su información. La correcta estructura de un Blog asegura una correcta ex ...

tutorial compartir redes ...

Tutorial para compartir post en las redes sociales y obtener la url compartida

Para poder compartir el contenido de un canal de facilisimo.com en las redes sociales Facebook, Twitter o Google Plus es muy simple, pero gracias a este tutorial vamos a explicarlo paso a paso y con imágenes para que no quede ninguna duda. Además vamos a explicar como obtener la url única de contenido compartido en la red social, por si fuese necesario. Para poder compartir esta url única comparti ...

general social

Cómo insertar una publicación de Google+ en tu web

Una publicación e Google+ no es simplemente un mensaje que se comparte en una red social para que lo lean nuestros seguidores. Muchos creadores de contenidos web han descubierto la ventaja en materia de posicionamiento que supone utilizar esta red social. Al encontrarse plenamente integrada con el buscador, ambos forman una sinergia de la que ninguna otra red social del mundo dispone. Los "po ...