{"id":2038,"date":"2017-07-25T07:00:59","date_gmt":"2017-07-25T14:00:59","guid":{"rendered":"https:\/\/www.vladimirlugo.com\/?p=2038"},"modified":"2021-06-03T16:18:19","modified_gmt":"2021-06-03T23:18:19","slug":"6-integrations-between-your-website-and-your-social-channels","status":"publish","type":"post","link":"https:\/\/vladimirlugo.com\/es\/6-integraciones-de-las-redes-sociales-con-tu-sitio-web\/","title":{"rendered":"6 integraciones de las redes sociales con tu sitio web"},"content":{"rendered":"\n

J<\/span><\/p>immy, el encargado de la presencia digital de una de las compa\u00f1\u00edas que asesoro me coment\u00f3: \u201cLa gente que visita nuestro sitio web no sabe de nuestra actividad en las redes sociales, y nuestros seguidores nunca se enteran de lo que publicamos en el sitio web.\u201d<\/p>\n\n\n\n

Este es un problema com\u00fan, Jimmy, y no tiene raz\u00f3n de ser, ya que es muy f\u00e1cil de solucionar. Integra tus redes sociales a tu sitio web y publica en tu sitio web con tus redes sociales en mente.<\/p>\n\n\n

Esfu\u00e9rcense por mantener la unidad del esp\u00edritu mediante el v\u00ednculo de la paz.<\/p>Efesios 4:3<\/small><\/blockquote>\n\n\n\n

Tus redes sociales y tu sitio web deben estar vinculados en perfecta armon\u00eda para expresar la unidad de tu mensaje. A diferencia de mantener la unidad entre las personas, esto requiere un nivel m\u00ednimo de esfuerzo, si implementas estas 6 integraciones de las redes sociales con tu sitio web<\/em>.<\/p>\n\n\n\n

1. Incluye los enlaces para seguirte<\/h3>\n\n\n\n

Esta es con certeza la m\u00e1s f\u00e1cil de todas. La mayor\u00eda de los temas y plantillas de WordPress<\/a> ofrecen un espacio para incluir v\u00ednculos a tus redes sociales. Usa esta funci\u00f3n para que la gente te siga.<\/p>\n\n\n\n

\"Vladimir
Incluye v\u00ednculos a tus redes sociales en WordPress<\/figcaption><\/figure><\/div>\n\n\n\n

La mejor manera es que aparezcan en el encabezado y en el pie de p\u00e1gina. Me gusta utilizar FontAwesome<\/a>, una fuente gratuita especializada de \u00edconos como botones para los enlaces en vez de im\u00e1genes. Esto ayuda a optimizar el sitio web.<\/p>\n\n\n\n

\"Vladimir<\/a>
Incorpora \u00edconos de fontawesome en tu sitio web<\/figcaption><\/figure><\/div>\n\n\n\n

Si tu tema no incluye dichos botones para vincular tus redes sociales, utiliza un plugin como Crafty Social Buttons<\/a>, por ejemplo, para a\u00f1adirlos.<\/p>\n\n\n\n

\"Vladimir<\/a>
Instala el plugin Crafty Social Buttons<\/figcaption><\/figure><\/div>\n\n\n\n

2. Haz f\u00e1cil el compartir tu contenido<\/h3>\n\n\n\n

Acondiciona tu sitio web para se pueda compartir su contenido en las redes sociales, por lo menos de dos maneras: se\u00f1ala tus citas citables y deja compartir el art\u00edculo completo.<\/p>\n\n\n\n

Citas citables<\/h4>\n\n\n\n

En esta modalidad t\u00fa decides, preparas, y resaltas la cita que quieres que tus seguidores compartan. Lo m\u00e1s com\u00fan es resaltar un texto corto de tu art\u00edculo para que la gente lo comparta v\u00eda Twitter. Para ello, puedes utilizar un plugin<\/a> como Better Click to Tweet<\/a>.<\/p>\n\n\n\n

\"Vladimir<\/a>
Instala el plugin Better Click to Tweet para republicar en Twitter<\/figcaption><\/figure><\/div>\n\n\n\n

Estos plugins<\/a> tienen opciones para escoger la apariencia visual y el enlace para compartir. Puedes verlo funcionar en la cita hacie el final de este art\u00edculo.<\/p>\n\n\n\n

\"Vladimir
Cita para compartir en Twitter usando Click to Tweet<\/figcaption><\/figure><\/div>\n\n\n\n

Art\u00edculo completo<\/h4>\n\n\n\n

En esta segunda modalidad, el usuario comparte el v\u00ednculo o URL (Universal Resource Locator<\/em>, o localizador universal de recursos, por sus siglas en ingl\u00e9s) en sus redes sociales, con la capacidad de editar su propio mensaje. Para lograr este efecto, me gusta utilizar el plugin Sumo<\/a>.<\/p>\n\n\n\n

\"Vladimir<\/a>
Instala el plugin Sumo<\/figcaption><\/figure><\/div>\n\n\n\n

Sumo te deja mostrar tus redes principales en varios lugares de tu sitio web, d\u00e1ndote la posibilidad de que los usuarios impriman el contenido o lo reenv\u00eden por WhatsApp o correo electr\u00f3nico, dependiendo de las opciones que configures.<\/p>\n\n\n\n

\"Vladimir<\/a>
VComparte el art\u00edculo en Facebook usando Sumo<\/figcaption><\/figure><\/div>\n\n\n\n

3. Utiliza el protocolo Open Graph<\/em><\/h3>\n\n\n\n

Open Graph<\/a> (OG, o Gr\u00e1fico Abierto, por sus siglas en ingl\u00e9s) es un protocolo de c\u00f3digo web en forma de etiquetas OG, creado por Facebook, para estandarizar las referencias web a diferentes clases de media, incluyendo im\u00e1genes, audio, y v\u00eddeo.<\/p>\n\n\n\n

Con certeza has visto im\u00e1genes en Facebook que aparecen entrecortadas, interrumpidas o que no aparecen del todo. Esto sucede porque no tienen la proporci\u00f3n correcta o no usan las etiquetas OG.<\/p>\n\n\n\n

El plugin All in One SEO<\/a>, aparte de los beneficios de optimizaci\u00f3n para los motores de b\u00fasqueda, a\u00f1ade dichas etiquetas al sitio web y a cada entrada, para que cuando compartas tus URLs se vean bien en las redes sociales. Puedes aprender m\u00e1s sobre All in One SEO en este art\u00edculo<\/a>.<\/p>\n\n\n\n

\"Vladimir<\/a>
Configura las opciones de Open Graph en el plugin All in One SEO<\/figcaption><\/figure><\/div>\n\n\n\n

Prepara tus im\u00e1genes para que se vean bien en Facebook, y se ver\u00e1n bien en las dem\u00e1s redes sociales. Puedes verificar las etiquetas OG de tus v\u00ednculos antes de compartirlos en Facebook Debugger<\/a>.<\/p>\n\n\n\n

4. Incorpora la fuente sindicada de tu red m\u00e1s activa<\/h3>\n\n\n\n

Todas las redes sociales tienen una fuente sindicada de contenido (RSS) que se puede incorporar en las p\u00e1ginas de tu sitio web.<\/p>\n\n\n\n

Como, por lo general, la informaci\u00f3n se actualiza con m\u00e1s frecuencia en tus redes sociales que en tu sitio web, te recomiendo que incorpores la fuente de tu red m\u00e1s activa, ya sea Facebook o Twitter, en sus p\u00e1ginas.<\/p>\n\n\n\n

Cada red social tiene recursos para desarrolladores, ya sea para crear aplicaciones, widgets, o utilizar su data (por ejemplo, el n\u00famero de seguidores). Para incrustar la fuente en tu p\u00e1gina, necesitas un widget con c\u00f3digo web generado en la red social.<\/p>\n\n\n\n

Facebook<\/h4>\n\n\n\n

En el caso de Facebook, esto se logra creando el c\u00f3digo para incorporar en tu sitio web. El c\u00f3digo se genera en las herramientas de Facebook para desarrolladores<\/a>. Ingresas el URL de la p\u00e1gina de Facebook, o de la p\u00e1gina de tu grupo, por ejemplo, en mi caso, este enlace es https:\/\/facebook.com\/vladimirlugomt<\/a>.<\/p>\n\n\n\n

\"\"
Genera el c\u00f3digo de Facebook para incorporarlo en tu sitio web<\/figcaption><\/figure><\/div>\n\n\n\n

Una vez que ingreses la informaci\u00f3n, haz clic en Obtener c\u00f3digo.<\/em> Esto te mostrar\u00e1 el c\u00f3digo que debes empotrar en el lugar donde deseas que aparezca en tu sitio web.<\/p>\n\n\n\n

\"Vladimir
Copia el c\u00f3digo de Facebook e ins\u00e9rtalo en tu sitio web<\/figcaption><\/figure><\/div>\n\n\n\n

Twitter<\/h4>\n\n\n\n

En el caso de Twitter, puedes seguir un procedimiento similar para incrustar tu feed<\/em> de Twitter en tu sitio web. Para ello debes visitar la p\u00e1gina para publicar Twitter<\/a>. Tienes varias opciones para publicar, incluyendo tus propios comunicados. Esto se hace ingresando tu p\u00e1gina de Twitter, en mi caso, https:\/\/twitter.com\/vladimirlugomt<\/a>.<\/p>\n\n\n\n

\"Vladimir<\/a>
Genera el c\u00f3digo de Twitter para incrustar en tu sitio web<\/figcaption><\/figure><\/div>\n\n\n\n

La imagen anterior muestra el bot\u00f3n Copiar c\u00f3digo<\/em>, con el cual puedes obtener el c\u00f3digo que va en tu sitio web, en la ubicaci\u00f3n que lo deseas incrustar. Ahora lo que publiques en Facebook o Twitter aparecer\u00e1 en tu sitio web de forma directa y autom\u00e1tica.<\/p>\n\n\n\n

5. Agrega los comentarios en un solo sitio<\/h3>\n\n\n\n

Aunque WordPress tiene su propio sistema de comentarios, me gusta utilizar un agregador de comentarios. Lo que esto hace es que trae los comentarios recibidos de las redes sociales principales y los muestra al final de cada una de tus entradas.<\/p>\n\n\n\n

Mi plugin favorito para lograr este objetivo es el sistema de comentarios Disqus<\/a> (que suena como discusi\u00f3n en ingl\u00e9s).<\/p>\n\n\n\n

\"Vladimir<\/a>
Instala el plugin Disqus<\/figcaption><\/figure><\/div>\n\n\n\n

Con Disqus, los comentarios recibidos en Twitter, Facebook y Google se agregan a los recibidos por WordPress y se muestran al final de cada art\u00edculo.<\/p>\n\n\n\n

6. Republica los mensajes de forma autom\u00e1tica<\/h3>\n\n\n\n

He escrito antes al respecto. Si no tienes cuenta (gratis) en If This Then That<\/em> (IFTTT) y en Zapier, visita estos sitios web, vis\u00edtalos ahora mismo y abre una. IFTTT y Zapier<\/a> te permiten conectar tus redes sociales para crear flujos de republicaci\u00f3n autom\u00e1tica.<\/p>\n\n\n\n

\"Vladimir
Publica tus art\u00edculos en Facebook autom\u00e1ticamente con IFTTT<\/figcaption><\/figure><\/div>\n\n\n\n

Con las f\u00f3rmulas de estos servicios web, tus entradas en WordPress aparecer\u00e1n en Facebook, tu cita citable aparecer\u00e1 en Twitter, y tus URLs de las redes sociales aparecer\u00e1n en tu sitio web, sin necesidad de que visites cada red social por separado.<\/p>\n\n\n

\n\t\t\t\t\n\t\t\t\t

Integra tus redes sociales a tu sitio web y publica en tu sitio web con tus redes sociales en mente #wordpress<\/p>\n\t\t\t\t

<\/i>Click To Tweet<\/span><\/div>\n\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\n\n\n

Si tienes preguntas acerca de los detalles de instalaci\u00f3n y configuraci\u00f3n de los plugins en este art\u00edculo, d\u00e9jame saber.<\/p>\n\n\n\n

Y t\u00fa, \u00bfintegras todas tus redes sociales en tu sitio web? \u00bfCu\u00e1ndo creas contenido para tu sitio web, lo haces con las redes sociales en mente? \u00bfUsas estas u otras herramientas?<\/h3>\n","protected":false},"excerpt":{"rendered":"

Jimmy, el encargado de la presencia digital de una de las compa\u00f1\u00edas que asesoro me coment\u00f3: \u201cLa gente que visita nuestro sitio web no sabe…\u00bb<\/p>\n","protected":false},"author":1,"featured_media":3010,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[15],"tags":[23,28,60,65,64,71,68],"translation":{"provider":"WPGlobus","version":"3.0.2","language":"es","enabled_languages":["en","es"],"languages":{"en":{"title":true,"content":true,"excerpt":true},"es":{"title":true,"content":true,"excerpt":true}}},"jetpack_featured_media_url":"https:\/\/vladimirlugo.com\/wp-content\/uploads\/2017\/07\/vladimir_lugo_6_integrations_between_your_website_and_your_social_channels.jpg","_links":{"self":[{"href":"https:\/\/vladimirlugo.com\/es\/wp-json\/wp\/v2\/posts\/2038"}],"collection":[{"href":"https:\/\/vladimirlugo.com\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/vladimirlugo.com\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/vladimirlugo.com\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/vladimirlugo.com\/es\/wp-json\/wp\/v2\/comments?post=2038"}],"version-history":[{"count":31,"href":"https:\/\/vladimirlugo.com\/es\/wp-json\/wp\/v2\/posts\/2038\/revisions"}],"predecessor-version":[{"id":10068,"href":"https:\/\/vladimirlugo.com\/es\/wp-json\/wp\/v2\/posts\/2038\/revisions\/10068"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/vladimirlugo.com\/es\/wp-json\/wp\/v2\/media\/3010"}],"wp:attachment":[{"href":"https:\/\/vladimirlugo.com\/es\/wp-json\/wp\/v2\/media?parent=2038"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/vladimirlugo.com\/es\/wp-json\/wp\/v2\/categories?post=2038"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/vladimirlugo.com\/es\/wp-json\/wp\/v2\/tags?post=2038"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}