Como mejorar el like de facebook con opengraph

OpenGraph es un conjunto de APIs que los programadores (o bloggers en este caso) podemos usar para hacer mas social nuestra web (o blog).

El caso en el que lo podemos usar es el siguiente:

Tenemos un blog con wordpress y seguramente tendra el boton 'Me gusta' de facebook en algun lado. Cuando alguien haga click en ese boton la noticia o post en la que lo hizo aparecera en el muro de esa persona y mas o menos dira algo como: 'Pepito a compartido un enlace' + una descripcion + una foto.

La cuestion es que, a veces la foto facebook la elije casi aleatoriamente de nuestra web y la descripcion tambien. Entonces si yo quiero compartir por ejemplo el post de Crea tu propia fuente con FontForge me saldra algo asi:

Facebook opengraph

Como texto me tomo la meta etiqueta description, pero hay gente que no usa eso y le salen cosas muy feas como descripcion en facebook. Y veran que como imagen no me tomo una imagen del post en cuestion sino cualquiera otra del blog. Incluso habia veces en que me tomaba un emoticon

Como solucionarlo? Es alli donde entra OpenGraph, en la cabecera de nuestro theme podemos agregar algunas lineas de codigo que nos permitiran personalizar que es lo que aparece alli. Esas lineas son mas o menos asi:

<meta property="og:title" content="<?php the_title() ?>" />
<meta property="og:type" content="article" />
<meta property="og:url" content="<?php the_permalink() ?>" />
<meta property="og:image" content="<?php bloginfo('template_url') ?>/images/like_image.jpg" />
<meta property="og:site_name" content="<?php bloginfo('name') ?>"/>
<meta property="fb:admins" content="ID_de_ADMIN" />
<meta property="og:description" content="<?php echo get_the_excerpt() ?>" />

Por supuesto que se puede agregar a mano pero yo esta vez he preferido usar un plugin que mejora un poco ese codigo, en especial en lo referente a la imagen. El plugin es WP Facebook Open Graph protocol. Creanme que he dedicado unas cuantas horas a buscar el mejor plugin y es ese.

Deben activarlo y luego colocar su ID de usuario de facebook que pueden encontrar en esta pagina: http://graph.facebook.com/USERNAME donde deben reemplazar USERNAME por su nombre de usuario.

Ahora, cuando alguien haga click en el boton 'Me gusta' de facebook aparecera en el muro de esa persona algo mas lindo con una imagen del post y con una mejor descripcion. Ej: post de La verdadera razon para usar linux

Facebook Opengraph wordpress

Simple pero ayuda mucho

Se bueno y comparte!
Publicado el Categorías Consejos Varios, wordpress

Acerca de Perro

Ingeniero en Informática. Programador en PHP y Angular. Lo que mas adoro en el mundo es el conocimiento. Y el anime....y Japón...y el running...y bloguear claro y algunas otras cientos de cosas. Sigo buscando la manera de hacer mi primer millón.

Comenta!

6 Comentarios activo "Como mejorar el like de facebook con opengraph"

avatar
Ordenar por:   Nuevos | Viejos
Ll Yona Ll
Ll Yona Ll

una pregunta ! tenes idea si tambien funciona el codigo para joomla ?

Anonymous
Anonymous

Las etiquetas si, funcionan en cualqueir sitio. Pero los codigos php esos son para wordpress nada mas, igual q el plugin

Ll Yona Ll
Ll Yona Ll

gracias !

Ll Yona Ll
Ll Yona Ll

otra pregunta estas etiquetas vienen antes de del ?

Anonymous
Anonymous

asi es

trackback

[...] tambien usar OpenGraph para facebook para lograr mayor impacto. Y por supuestoa animar a sus visitantes a compartir usando el +1 de [...]

wpDiscuz