Como crear un widget con todas vuestras redes sociales en wordpress.com

Hoy voy a contaros como crear un Widget lateral para vuestros blogs, donde aparezcan unos iconos, que al hacer click sobre ellos, lleven a la gente a vuestras páginas en las redes sociales, o a cualquier otro lugar que os interese (igual que el que tengo yo en mi lateral). He enfocado este mini tutorial en plan copia y pega, prescindiendo de explicaciones sobre HTML, para no extenderme demasiado, y para que cualquiera pueda hacerlo. Si tenéis alguna duda concreta preguntad en los comentarios (si queréis aprender HTML, la web está llena de buenas opciones para aprenderlo).

Yo recurrí a esta solución porque me pareció más claro y más limpio que tener varios Widgets de diferentes estilos, para cada red social. Porque no hay Widget para Google+, y porque al tener pocos seguidores en las redes sociales, no quería darlas demasiado protagonismo en el área de Widgets. Aparte también os voy a enseñar como introducir otro icono más, para dar la posibilidad de que os sigan por Feeds en el mismo Widget, y así matamos más pájaros de un mismo tiro.

No tenía la intención de hacer tutoriales en este blog, pero la semana pasada me comprometí a ayudar a Hesperetusa➠  a poder relacionar su cuenta de Google+ con su blog, y creo que esta es la mejor forma de hacerlo. Además el código que os voy a poner abajo, también lo podréis usar en vuestros artículos, para introducir imágenes que se comporten como enlaces (en vez usar el texto normal), lo que en determinadas circunstancias resulta un recurso muy útil y elegante.

Los pasos a seguir son los siguientes:

❶ Tener preparadas todas las direcciones web, de vuestras páginas en las redes sociales. Por ejemplo la dirección de mi página web en Facebook, que utilizaré más adelante en este ejemplo es: https://www.facebook.com/pages/Palabra-de-Lost/143716552482789

❷ Buscar y elegir un pack de iconos en formato .jpg o .png para las redes sociales que nos guste, y valla con el look de nuestro blog (los que yo tengo son de 45X45 píxeles, vosotros sabréis si los queréis más grandes o más pequeños). Para localizarlos, podéis usar vuestro buscador favorito, descargar alguno de los que os proponen en este artículo➠, o hacéroslos vosotros mismos en Photoshop, GIMP➠ o cualquier otro programa de retoque de imagen que utilicéis.

❸ Una vez elegido vuestro pack de iconos, tenéis que subirlos a la red, uno por uno y guardar sus direcciones url.

Por ejemplo mi icono de Facebook (que veis arriba y en el Widget), lo tengo localizado en esta dirección: http://img208.imageshack.us/img208/8821/nu8l.png Como podéis ver, uso un servidor de imágenes dedicado llamado ImageShack➠, en vez del de wordpress.com, como truquillo para que el blog cargue un poco más rápido (así mejoro un poquito mi SEO). Por si os ha gustado la idea, os adjunto un tutorial bastante bueno sobre como subir imágenes a Imageshack➠ (si a alguien le quedan dudas, repito, no os cortéis en preguntar, nadie nace enseñado).

❹ Entramos a nuestro blog, y vamos a la sección de Widgets (Escritorio > Apariencia > Widgets), y arrastramos uno que se llama «texto», y en cuya descripción aparece «texto o HTML alternativo», a nuestra barra para Widgets.

❺ El código HTML que utilizaremos para cada uno de los iconos de nuestras redes sociales explicado es este:

<a title="Texto que aparecerá al poner el ratón sobre el icono que hayas elegido para la red social" href="dirección web incluido el http:// de tu perfil en las redes sociales" target="_blank"><img src="dirección url de alojamiento del icono" width="ancho del icono en píxeles" height="alto del icono en píxeles" border="0"/></a>

Nota: Por si tenéis curiosidad, lo de de target=»_blank» sirve para que los enlaces se abran en nuevas pestañas del navegador. Lo demás si lo pensáis un poco es bastante lógico.

Utilizando los datos que os he ido dado en los pasos ❶, ❷ y ❸, para reemplazar los textos explicativos de su mismo color, el código para mi icono de Facebook sería:

<a title="Ver la página del blog en Facebook" href="https://www.facebook.com/pages/Palabra-de-Lost/143716552482789" target="_blank"><img src="http://img208.imageshack.us/img208/8821/nu8l.png" width="45" height="45" border="0"/></a>

Nota: Ignorad los cambios de renglón del código, se pueden sustituir por simples espacios, y si los dejáis tal cual, los navegadores los ignorarán, pero están porque todo el código no cabe en un renglón.

El resultado del código anterior, es un enlace distinto de la imagen de arriba, aunque a simple vista parezcan lo mismo (probad a hacer click sobre los dos):

Nota: WordPress es un poco peculiar con las comillas «. En el Widget no vais a tener problemas, pero si el código no os funciona en los artículos: Ponéis la imagen en el artículo > la seleccionáis > y seguís los mismos pasos, que ya hubierais seleccionado un texto y lo quisierais hacer enlace, y eso funcionará seguro.

❻ Este es solo uno de los 4 iconos que tengo en la barra lateral. Hay que hacer uno de estos textos para cada red social, y pegarlos en el orden que queramos que aparezcan uno detrás de otro en el Widget, colocando entre ellos « » (sin comillas), que es un espacio entre imágenes, para que no queden pegadas. El esquema de mi Widget es:

<a title="...ICONO Feeds...</a>&nbsp;<a title="...ICONO Twiter...</a>&nbsp;<a title="...ICONO Facebook...</a>&nbsp;<a title="...ICONO Google+...</a>

He puesto <a title="...ICONO Facebook...</a> para representar el código del icono de Facebook en vez de todo el código HTML que he desarrollado en el paso ❺ (y igual para los Feeds, Twiter y Google+), porque la idea es mostraros el esquema, y como usar   no embarullarlo todo con las 12 líneas que ocupa el código completo del Widget.

❼ Recomiendo cambiar el título al Widget, porque «Texto» no queda nada elegante. Yo por ejemplo, le tengo puesto «Otras formas de seguirme»

Nota: Si queréis añadir la opción de que os sigan a través de los «Feeds», se hace igual que para las redes sociales, pero sabiendo que la dirección web que tenéis que usar es la dirección principal de vuestro blog acabada en /feed/. Por ejemplo en este blog https://palabradelost.wordpress.com la dirección de los Feeds es https://palabradelost.wordpress.com/feed/

Pd: He usado muchos colorines, para ayudar a entender mejor el código, espero no marearos demasiado :). Parece complicado, pero si vais con cuidado, en 5 minutos está hecho.

Aventuras y desventuras de Lost en las redes sociales

La mayoría, empezamos con nuestro blog pensando que si lo que escribimos merece la pena y tenemos un poco de paciencia, las visitas irán llegando poco a poco. Lo que aunque en principio puede parecernos una idea sensata y realista, en realidad es uno de los errores más peligrosos que puede cometer en este mundillo. Digo peligro porque estoy seguro de que esta idea es una de las principales culpables del 95% de abandono de blogs durante su primer año. Y digo error, porque no se puede medir la calidad de un blog, en base a las visitas que recibe, y amargarse pensando que no sirves, solo porque no lleguen las visitas ¿Si la vida no es justa, porque tiene que serlo Internet? Además, hay que tener en cuenta que los blogueros al no contar con apoyo profesional (en la mayoría de los casos), partimos con mucha desventaja, a la hora de captar tráfico.

De hecho creo que lo más difícil de ser bloguero, es saber localizar a personas a las que las pueda gustar lo que hacemos, y convencerlas de que nos den una oportunidad, y gasten unos minutos de su tiempo leyéndonos a nosotros, y no a los demás (o sea saber venderse). Nadie puede gustarle a todo el mundo, pero cuantas más personas lean lo que hacemos, más rápido daremos con nuestro público. Público que dará vida a nuestro blog, y será su mejor crítico y embajador.

La red está llena de artículos, donde se nos promete, toda la información necesaria para conseguirlo, de forma sencilla, rápida, y infalible. Pero a la hora de la verdad resulta casi imposible obtener respuestas actualizadas y prácticas, entre tanto humo y promesas vanas. Como decía Winston Churchill, la gallina de los huevos de oro, nunca cacareó. Lo que sí que parece que está claro, es que hay dos aspectos clave, para aumentar las visitas:

❶ Mejorar el posicionamiento en buscadores o lo que es lo mismo, SEO (Search Engine Optimization), para aumentar más las posibilidades de tener visitas cada vez que alguien busca información sobre los temas que trata nuestro blog. Es algo que todos practicamos a nivel básico, eligiendo con cuidado los tags, las etiquetas, y creando títulos lo más atractivos posible. Sin embargo, hacerlo medianamente bien es muy complicado porque las reglas son muy cambiantes (Google ha actualizado su algoritmo de búsqueda más de 150 veces en los últimos dos años), y son más de 200➠ los factores que hay que tener en cuenta. Por lo que hablamos de mucho trabajo, muy poco divertido, y con la posibilidad de que dentro de 10 meses las reglas cambien, y tener que volver a empezar casi de 0 (especialmente si te has pasado de listo, y has usado truquitos de Black Hat SEO).

❷ Lanzarse a las redes sociales a buscar uno mismo, a sus lectores, a ver si con un poquito de suerte logramos convertir a uno de nuestros artículos en viral… Yo elegí empezar por esta opción, porque además de que aparentemente era mucho más sencillo dar los primeros pasos, tenía la ventaja añadida, de que también ayudaba a mejorar en SEO, y bueno porque confieso que tenía curiosidad.

Tengo que admitir que mi primera toma de contacto con las redes sociales, ha sido un desastre. Me metí en las tres grandes a la vez (Facebook, Twiter y Google+), y aunque he logrado proteger mi anonimato➠ me he topado con un gran problema; los pocos que se han interesado en mi proyecto, no se contentan con ser simples seguidores, y requieren más interacción. He conocido a gente genial, pero quita demasiado tiempo, y se consiguen muy pocas visitas. Supongo que esto se debe a que he vuelto a pecar de iluso, pensando que las cosas se pondrían en marcha por sí mismas poco a poco, sin requerir demasiada dedicación, y a que no me preparé adecuadamente antes de empezar, aparte de que tampoco he sido demasiado constante.

No creáis que he escrito este post para lloriquear, lo hago con la esperanza de que pueda resultar útil a cualquiera que esté en el dilema de si entrar a las redes sociales o no. Yo por mi parte no me doy por vencido, sé que es posible, porque he visto a algunos compañeros aumentar sin parar el número de sus seguidores, pero está claro que es un proceso lento y costoso, donde lo primero (aunque sea un rollo) es conocer muy bien las reglas del juego, para después no desperdiciar tiempo, que en el fondo, es el verdadero quid de la cuestión (si tienes poco mejor dedícalo a escribir, y a relacionarte con los compañeros➠). Mi estrategia actual, (ya que tengo hecho el trabajo), es tener actualizados mis perfiles con el contenido del blog, y tener paciencia, a ver si dejando echado el anzuelo, en más de un sitio, pesco algo de tráfico por casualidad, pero he abandonado al menos de momento la actitud activa, y ahora estoy mucho más interesado en confeccionar un tema a medida para mi blog, que le mejore en SEO y visualmente.