7 days of WordPress plugins, themes & templates - for free!* Unlimited asset downloads! Start 7-Day Free Trial
Advertisement
  1. Code
  2. General

5 Consejos Esenciales Para Integrar las Redes Sociales en WordPress

Read Time: 7 mins

Spanish (Español) translation by Eva Collados Pascual (you can also view the original English article)

Hoy en día, implementar las redes sociales lo es todo para los sitios web - especialmente para los blogs.  Incluso los motores de búsqueda tienen en cuenta la actividad de los sitios web en los medios sociales, así que ignorar las redes sociales y centrarse en las antiguas técnicas SEO son opciones cuestionables.

Pero, ¿cómo integramos las redes sociales en nuestros sitios web? En este tutorial, vamos a ver 5 consejos esenciales para ser más social.


1. Usar Open Graph para Hablar con las Redes Sociales

El protocolo Open Graph es estándar no excesivamente reciente  (fundado por Facebook) que puede ser considerado como los metadatos sociales de las páginas web. Para que nuestro contenido sea fácilmente reconocido y detectado por las redes sociales, podemos utilizar las especificaciones de Open Graph de forma que cuando alguien comparta nuestro contenido, la red social pueda mostrar información precisa sobre la página que se está compartiendo.

Puedes consultar las especificaciones completas en la web oficial de Open Graph, pero revisaremos los fundamentos en este artículo. Vamos a extraer el título, la descripción breve, la URL y la imagen en miniatura del post y utilizarlos como metadatos de Open Graph:

Este código recoge tus artículos y tus páginas e inserta los metadatos Open Graph que hemos mencionado en el interior del </head>. Pega esto en tu archivo functions.php y comprueba como se muestra en la salida el código fuente de las páginas de tus posts.

Por cierto, también tienes que actualizar la etiqueta <html> de tu tema. La etiqueta <html> del archivo header.php de mi tema es asi:

Así que necesito actualizarlo para que se parecezca a esto:

Y eso es todo, tus post y las páginas son ahora compatibles con Open Graph.

Consejo extra: Mientras que escribo este artículo, se ha lanzado la versión 2.0 de Jetpack y parece que han incluido una nueva característica llamada Publicize, que nos permite publicar en varias redes sociales. Si estás usando este plugin, simplemente activa esta característica (ni siquiera tendrás que conectar ninguna red social) y voilà, ¡ya tendrás implementado Open Graph!

Incluye Botones para Compartir en Redes Sociales Con Estilo

Vale, le hemos dejado claro a las redes sociales cómo deben compartir nuestro contenido... pero las redes sociales no van a compartir nuestro contenido por sí mismas, ¿cierto? Necesitamos que la gente, posiblemente nuestros visitantes compartan nuestros artículos y páginas. Para esto nos resulta de gran utilidad Digg Digg:

A screenshot of Digg DiggA screenshot of Digg DiggA screenshot of Digg Digg

Digg Digg es el complemento casi perfecto para permitir que los visitantes de tu web compartan tu contenido. Te permite mostrar una columna con botones para "compartir" situada en la parte superior, en la inferior de tus entradas o como una columna flotante junto a ellas. Puedes cambiar la apariencia de la columna mediante un extenso panel de personalización que incluso te permite mostrar los botones de forma ralentizada, es decir en modo "lazy load". Este útil plugin se integrará con tu tema perfectamente y permitirá a tus visitantes compartir tu contenido en hasta casi 20 redes sociales diferentes.


Mostrar Tu Perfil de Google+ en los Resultados de Búsqueda de Google

Atención: Este truco no solo te ayudará a difundir tu perfil de Google+, sino que también mejorará tu visibilidad en los listados del SERP (Search Engine Results Page, página de resultados del motor de búsqueda).

Este sencillo truco te ayudará a mostrar tu cuenta de Google+ acompañada de tu avatar o foto de perfil. Lo único que necesitas hacer es editar el archivo header.php de tu tema y poner el código siguiente dentro de la etiqueta <head>:

Simplemente he cambiado el enlace de mi perfil de Google+ por el tuyo, ¡ya esta! Espera un par de días hasta Google indexe tus páginas con tu perfil de Google+ dentro de la etiqueta <head>. Después, disfruta de tus enlaces con tu la imagen de tu perfil de Google+, destacando en los resultados de búsqueda. Atraer más la atención significa dirigir más tráfico, y cuanto mayor tráfico se obtiene una posición más alta en los resultados de búsqueda… y una mejor posición en los primeros puestos de los resultados significa incluso atraer más volumen de tráfico, posiblemente tu ya debes saber todo esto. 

Consejo para los blogs de múltiples autores: Si existe más de un autor en tu sitio web, puede que te interese el fragmento de código Navjot Singh que compartimos en este artículo, en la sección "Promocionar Tus Autores". Insertando esta función en tu archivo functions.php, tus autores podrán actualizar la información de Google+ de sus perfiles en WordPress para auto-promocionarse en los SERP en los que aparezca la web. 

Promueve Todas Tus Cuentas de Redes Sociales Con un Solo Widget en la Columna Lateral

No sé si te has fijado en la columna lateral de Mashable, pero tienen un impecable "sidebar widget" que muestra todas las cuentas de sus redes sociales:

Mashable's social networks widget

Curiosamente, descubrí que uno de los autores de Tuts+, Ahmad Awais ha creado un plugin para WordPress que nos permite promocionar nuestras cuentas en redes sociales de igual forma a como lo hace Mashable:

WP MashSocial Widget

Puedes descargar el Widget WP MashSocial desde el repositorio de plugins de WordPress (o buscarlo por su nombre desde la página de instalación de plugins de tu escritorio en WordPress) e instalarlo en tu web. Tras instalarlo, simplemente accede a la página de Widgets de tu panel de admin y arrástralo a tu sidebar. Rellena los campos con tus perfiles de redes sociales, modifica el estilo del widget a tu gusto y ¡listo!


Publicar Automáticamente en Twitter y Facebook… ¡Sin un Plugin! 

He guardado mi consejo favorito para la última parte: Te voy a enseñar a publicar tus artículos de forma automática en Twitter y Facebook ¡sin usar ningún plugin!

El plan es sencillo:

  1. FeedBurner extraerá nuestras entradas y las publicará en Twitter 
  2. La aplicación de Twitter para Facebook publicará los tuits en nuestro perfil o página de Facebook

Conectar FeedBurner con Twitter

Primero, inicia sesión en tu cuenta de FeedBurner. (Si no tienes una aun, bueno, créate una). Pulsa la pestaña Publicize y en su columna lateral, selecciona la página Socialize:

A screenshot of FeedBurnerA screenshot of FeedBurnerA screenshot of FeedBurner

Haz clic en el botón "Añadir una Cuenta de Twitter" para conectar esa red.  Después de autorizar a FeedBurner, ajusta tu configuración y pulsa el botón Activar situado al final de la página. Enhorabuena, ahora estás publicando tus artículos de forma automática en Twitter.

Conectar Twitter a Facebook

Este también es un paso sencillo, ya que solo estamos autorizando una nueva aplicación - en este caso, una aplicación de Facebook. Dirígete a los ajustes de tu perfil de Twitter y justo bajo tu "Bio", podrás autorizar la aplicación de Twitter para Facebook, de forma que puedas enviar las actualizaciones de Twitter a tu perfil o página de Facebook:

A screenshot of Twitter's settings pageA screenshot of Twitter's settings pageA screenshot of Twitter's settings page

¡Eso es todo! Ahora cada vez que publiques algo en tu blog, FeedBurner lo enviará y publicará en Twitter y Twitter lo enviará a Facebook. Fácil, ¿verdad?


Conclusión

Estas son las primeras cosas que vinieron a mi mente sobre la integración de las redes sociales en tu sitio web. ¿Tienes alguna sugerencia para ampliar este artículo? Si es así, por favor comparte tus ideas a través de un comentario aquí abajo. Pero más importante aun, no olvides compartir este artículo, ¡si te pareció útil!

Advertisement
Did you find this post useful?
Want a weekly email summary?
Subscribe below and we’ll send you a weekly email summary of all new Code tutorials. Never miss out on learning about the next big thing.
Advertisement
Scroll to top
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.