19/11/2015

CmopuedesaprovecharFacebookOpenGraph

Cmopuedesaprovechar
FacebookOpenGraph
byEugeSkaf[1]10julio,2015
Ratethis(9Votes)

348FlaresTwitterFacebookGoogle+LinkedInShare[2]Reddit348
Flares
[3]

[4]

PublicarcontenidosenFacebookesunaestrategiade
marketingdigitalfundamentalparadifundirtumarca,llegaratu
chromeextension://iooicodkiihhpojmmeghjclgihfjdjhj/front/in_isolation/reformat.html

1/12

19/11/2015

CmopuedesaprovecharFacebookOpenGraph

pblicoyaumentareltrficowebatusitio.Enestesentido,
existennumerosasherramientasparafacilitartutrabajocotidianoen
losSocialMedia,perosonmuypocaslasquepuedenayudartea
hacertuspublicacionesmsatractivasparalaaudiencia.
JustamenteesaeslamisindelFacebookOpenGraph,acerca
delcualtecontarenesteblogpost.Aquaprendersparaqu
sirveycmopuedessacarleprovechoparafavorecerlaefectividad
detusposts.Herewego!

QuesFacebookOpenGraph?
FacebookOpenGraph[5]esunaherramientacreadaporlos
desarrolladoresdelaredsocialparaestandarizarelementosde
unsitioweb(porejemploeltuyo).Deesaformapuedenser
interpretadosporFacebookconelfindequetuspublicacionesentu
FanPagesemuestrenvisualmenteenriquecidas.As,siutilizas
OpenGraph,cadavezquecompartasuncontenidodesdeelsitio
enelquehasinstaladoesteprotocolo,lapublicacin
correspondientesemostrarenFacebookdeunamaneraatractiva
ypersonalizada.
[6]

chromeextension://iooicodkiihhpojmmeghjclgihfjdjhj/front/in_isolation/reformat.html

2/12

19/11/2015

CmopuedesaprovecharFacebookOpenGraph

[7]

Enlneasgenerales,elFacebookOpenGraphpermitequeel
contenidodecualquiersitiowebseconviertaenunobjeto
enriquecidodentrodeungrficosocial.Porejemplo,esta
herramientaseutilizaconfrecuenciaparalograrqueunapgina
webexternatengalamismafuncionalidadquecualquieradelos
elementosqueaparecenenelNewsfeeddeFacebook(imgenes,
vdeos,etc.).
Enunsentidomstcnico,elFacebookOpenGraphreneenun
slopanellasfuncionalidadesqueconanterioridadasuexistencia
sellevabanacaboseparadamenteycondistintasherramientas.
Poresaraznsehaconvertidoenunaliadodelosdesarrolladores
webenparticular,yengeneraldecualquierpersonaquedesee
mejorarlaaparienciadesuspublicacionesenFacebook.

PorquutilizarFacebookOpen
Graph
AhoraqueyasabesquesFacebookOpenGraphyparaquse
chromeextension://iooicodkiihhpojmmeghjclgihfjdjhj/front/in_isolation/reformat.html

3/12

19/11/2015

CmopuedesaprovecharFacebookOpenGraph

utiliza,esjustoquetepreguntesdeunmodomsconcretodequ
formapuedebeneficiarteati.Ylociertoesqueexistenmltiples
manerasdeaprovecharlasetiquetasOpenGraph,perotodas
tienenencomnunaventaja:ladepermitirtedecidirqu
elementossemostrarnentuspublicacionesdeFacebook,
cadavezquecompartesuncontenido.

[8]

OtrobeneficiodeimplementarFacebookOpenGraphentusitio
webtienequeverconelposicionamientoSEO(SearchEngine
Optimization,uOptimizacinenMotoresdeBsquedaenespaol)
detuscontenidos.Enefecto,utilizarestaherramientapermiteque
losmotoresdebsqueda(Google,Bing,etc.)puedanindexarmejor
tucontenido,demodoquelosusuariosquerealizanbsquedas
detalladaspuedanhallarlosmsfcilmente.
Adems,comotecomentabamsarribaelOpenGraphde
Facebookescompletamentepersonalizable.Poresarazn,de
acuerdoatusestrategiasdemarketingyaltipodecontenidoque
produzcas,puedesestablecereldiseoquemejorseadapteatus
objetivosyalperfildetuaudiencia.Asporejemplo,tienesla
posibilidaddeasignardosimgenesvinculadasaunmismopost,
demodoquepuedanservisualizadascorrectamenteendistintos
dispositivos.
UtilizarOpenGraphentusitioweb:Trasinstalaresteprotocolo
chromeextension://iooicodkiihhpojmmeghjclgihfjdjhj/front/in_isolation/reformat.html

4/12

19/11/2015

CmopuedesaprovecharFacebookOpenGraph

enlaHomedetusitio,estarshabilitadoparadeterminarcules
elementossevanaexhibirentuspostsdeFacebook,cadavezque
compartasunartculo.LosmsimportantessonelTtulo,la
Imagen,laDescripcindelcontenido,elNombredelsitio,laURL
yelAutor(entreotros).Enlaimagendeabajopuedesvercmo
luceunapublicacinqueutilizaOpenGraphyculessonlos
elementospersonalizables.
[9]

[10]

Comopuedesver,FacebookOpenGraphtehabilitapara
determinarcmodeseasquelaspublicacionesprovenientesdetu
chromeextension://iooicodkiihhpojmmeghjclgihfjdjhj/front/in_isolation/reformat.html

5/12

19/11/2015

CmopuedesaprovecharFacebookOpenGraph

sitioseveanenelNewsfeeddetusfans.Deestaformapuedes
tenerunmayorcontroldelmodoenquetuscontenidoslleganatu
audiencia.As,demaneraestratgicaydeacuerdoatus
necesidadespuedesescogerlasmejoresimgenesparamostrary
redactarladescripcindelcontenidodelmodomsatractivoy
cliqueable.
UtilizarOpenGraphentuAplicacinMvil:Demanerasimilar,
esteprotocolotepermitepersonalizarlaaparienciadelospostsque
realizasdesdetuaplicacin.As,deacuerdoatuindustriaytus
necesidadesdemarketing,puedesexhibirelementospuntualesque
resultenrelevantesparatupblicoobjetivo.Enestesentidopuedes
verunejemploenlaimagendeabajo,provenientedelaaplicacin
multimediaSpotify.
[11]

[12]

chromeextension://iooicodkiihhpojmmeghjclgihfjdjhj/front/in_isolation/reformat.html

6/12

19/11/2015

CmopuedesaprovecharFacebookOpenGraph

CmoinstalarFacebookOpenGraph
entusitioweb
DadoqueyaconoceslasventajasdeutilizarFacebookOpen
Graph,voyaenseartedequformapuedesinstalareste
protocoloentusitioweb.Hacerlocasinotecostardemasiado
esfuerzoyteaportargrandesbeneficiosentrminosde
engagement,esdecirquelaefectividaddetuspublicacionespara
interesaratuaudienciaaumentarsignificativamente.
Encasodequetusitiowebseencuentrealojadoenlosservidores
deWordPress,elprocesodeinstalacindelFacebookOpen
Graphteresultarmuysencillo.Todoloquetienesquehaceres
activarelPlugIn[13]entusitio,atravsdelmenPluginsde
WordPress.NodebesolvidaraadirtuFacebookIDoelIDdetu
aplicacinenelmendeconfiguracindelPlugIn,dadoqueello
esloquepermitirgenerarlosmetadatosOpenGraph.Encasode
quenosepascules,puedesconocertuFacebookIDconayuda
deestaherramienta[14].
[15]

chromeextension://iooicodkiihhpojmmeghjclgihfjdjhj/front/in_isolation/reformat.html

7/12

19/11/2015

CmopuedesaprovecharFacebookOpenGraph

[16]

Ahorabien,parainstalarelprotocoloFacebookOpenGraphentu
sitioweb,tienesqueinsertarunconjuntodeetiquetasdentrodel
encabezadooheaddetusitio.Atravsdeellasindicarslos
metadatosnecesariosparaquelosrastreadoresdeFacebookylos
motoresdebsquedaobtenganlainformacinparaproceder.
EstosdatossedenominanOGDatos,apartirdesunombreen
ingls(OpenGraphData).
Paraobtenerloscdigosquedebesaadirentusitio,hazclicen
esteenlace[17].Enlencontrarsindicacionespasoapasosobre
cmoprocederylasherramientasnecesariasparainstalarOpen
Graphentupginaweb,entusaplicacionesAndroidyentus
aplicacionesiOS.Tenencuentaqueporelmomentolostextosse
encuentrandisponiblesnicamenteeningls.
Unavezquehayasterminadodeinstalarelcdigocorrespondiente
chromeextension://iooicodkiihhpojmmeghjclgihfjdjhj/front/in_isolation/reformat.html

8/12

19/11/2015

CmopuedesaprovecharFacebookOpenGraph

entusitioweb,esrecomendablequecompruebesquetodo
funcionacorrectamente.Cmo?ConayudadelOpenGraph
Debugger[18],unaherramientacreadaporFacebookpararevisar
lasmetaetiquetasenbuscadeerrores.Encasodequelos
hubiera,telossealarautomticamenteparaquepuedas
corregirlos.
[19]

[20]

UnbeneficioadicionaldelOpenGraphDebuggeresquete
permiteobtenerunavistapreviadelaaparienciaquetendrntus
postsapartirdelaimplementacindelFacebookOpenGraph.Ello
teayudararealizarajustesdediseo,paralograrquetus
publicacionesseveanexactamentecomolodeseas.
Esperoqueesteblogposttehayaservidoparaconocerques
FacebookOpenGraphyporqudeberascomenzarautilizarloen
tusitioweb.Implementarloentuspostsdiariamenteteayudara
quetuscontenidosatraiganlaatencindelosusuariosconuna
mayorefectividadmientrasrecorrensuNewsfeed.
Tehagustadoelartculo?Yaconocasestaherramientade
chromeextension://iooicodkiihhpojmmeghjclgihfjdjhj/front/in_isolation/reformat.html

9/12

19/11/2015

CmopuedesaprovecharFacebookOpenGraph

Facebook?Compartetuexperienciaconnosotrosynoolvides

recomendaresteblogpostatusamigos.
EugeSkaf[21]
Contentcreator

Comments
comments

Links
1.https://www.socialtools.me/blog/author/euge/
2.javascript:void(0)
3.https://www.socialtools.me/blog/wp
content/uploads/2015/07/FacebookOpenGraphPORTADA.jpg
4.https://www.socialtools.me/blog/wp
content/uploads/2015/07/FacebookOpenGraphPORTADA.jpg
5.https://developers.facebook.com/docs/sharing/opengraph
6.https://www.socialtools.me/blog/wpcontent/uploads/2015/07/i
justlovethat.gif
7.https://www.socialtools.me/blog/wpcontent/uploads/2015/07/i
justlovethat.gif
8.https://www.socialtools.me/blog/wp
content/uploads/2015/07/dowant.jpg
9.https://www.socialtools.me/blog/wp
chromeextension://iooicodkiihhpojmmeghjclgihfjdjhj/front/in_isolation/reformat.html

10/12

19/11/2015

CmopuedesaprovecharFacebookOpenGraph

content/uploads/2015/07/C%C3%B3moseveOpenGraph.png
10.https://www.socialtools.me/blog/wp
content/uploads/2015/07/C%C3%B3moseveOpenGraph.png
11.https://www.socialtools.me/blog/wp
content/uploads/2015/07/C%C3%B3moseveOpenGraphapp
m%C3%B3vil.png
12.https://www.socialtools.me/blog/wp
content/uploads/2015/07/C%C3%B3moseveOpenGraphapp
m%C3%B3vil.png
13.https://wordpress.org/plugins/wpfacebookopengraph
protocol/
14.http://findmyfacebookid.com/
15.https://www.socialtools.me/blog/wp
content/uploads/2015/07/OpanGraphpluginWP.png
16.https://www.socialtools.me/blog/wp
content/uploads/2015/07/OpanGraphpluginWP.png
17.https://developers.facebook.com/docs/sharing/opengraph
18.https://developers.facebook.com/tools/debug/
19.https://www.socialtools.me/blog/wp
content/uploads/2015/07/OGDebugger.png
20.https://www.socialtools.me/blog/wp
content/uploads/2015/07/OGDebugger.png
21.https://www.socialtools.me/blog/author/euge/

Consigueunacuentagratuitade
Evernoteparaguardaresteartculoy
chromeextension://iooicodkiihhpojmmeghjclgihfjdjhj/front/in_isolation/reformat.html

11/12

19/11/2015

CmopuedesaprovecharFacebookOpenGraph

verlomstardedesdecualquier
dispositivo.
Crearcuenta

chromeextension://iooicodkiihhpojmmeghjclgihfjdjhj/front/in_isolation/reformat.html

12/12