Skip links

Diseño web

Diseño web: hello copenhague

By Deja un comentario

Hace poco leía un artículo en la web de Elena Lala en el que se explicaba cómo elegir un diseñador web de la mano de algunos de los diseñadores web más reconocidos en el sector marketer español.

Me gustó mucho leer sus opiniones con las que coincidí en muchas cosas. Por ejemplo, aquella parte técnica que deberías asegurarte incluye el trabajo cuando elijas un diseñador., por que claro, no quieres cometer ciertos errores habituales, ¿verdad?

Diseño web: la parte técnica

– Que se haga cargo de la instación de plugins de caché, optimización de imágenes, bases de datos, SEO y minificación de código.

– Que las plantillas y plugins premium que te instale, tengan licencia y se actualicen de forma natural.

– Que la web sea responsive y se vea correctamente en todos los dispositivos.

– Que te instalen un child-theme personalizado.

– Que si necesitas hosting, te sepa aconsejar en relación a tus necesidades.

– Que no deje tu web fuera de juego más de lo necesario.

– Que todo lo anterior aparezca en el contrato y también una planificación de fechas y desarrollo del proyecto que podáis seguir las dos partes.

Los distintos tipos de profesionales que venden diseño web:

Se habló mucho de diseño web desde la parte técnica (que es básica, no me mal interpretéis), pero me faltó un poco más de la parte creativa.

Personalmente cuando hablamos de diseño web, yo soy de la opinión que un buen diseño no depende tanto de las herramientas que se usen en él como plantillas o maquetadores, sino del trabajo previo de análisis y creatividad y el trabajo posterior de adaptación esa creatividad para que funcione técnicamente.

Para mi, hay 3 tipos de personas que puedes contratar para crear tu web en wordpress:

1- El coach de emprendedores digitales que monta webs: Este profesional en 48h te ha montado un wordpress en tu hosting, te ha instalado una plantilla y ha personalizado los colores, fotos y tipografías. Lo bueno de este tipo de servicio es que tu presupuesto puede ser de lo más ajustado.

2- El desarrollador web: Es una persona técnica, así que si necesitas una web muy compleja y personalizada (no hablo de diseño, sino de entresijos donde hay que meter mano al código PHP, etc…) es tu persona. Normalmente el desarrollador no es diseñador, así que suele trabajar de la mano de un diseñador y los proyectos en los que se meten son de presupuesto tirando a bastante alto, eso si, técnicamente hablando vas a tener unos resultados sobresalientes.

3- El diseñador web: Es una persona creativa que sabe de usabilidad y que va adaptar tu identidad visual a un espacio digital, por ello debe saber de html y CSS (al menos) y es posible que maneje algo de javascript.

Cuando trabajes con un diseñador vas a entrar en un proceso donde trabajarás mano a mano con él durante semanas. Os reuniréis y se encargará de investigar tu sector a partir de un brief, después te enviará unas maquetas previas que vais a revisar juntos, te va a saber contestar al por qué de cada elemento de tu web: su funcionalidad, la motivación de la estética, etc… además de haberte dado toda la parte técnica que he mencionado al principio.

Un diseñador web pensará en la usabilidad, pero también en crear un diseño que realmente te diferencie y sabrá cómo hacer que funcione tanto creativamente como técnicamente.

¡OJO! si te dice que necesita un programador para cambiar 4 estilos básicos en css o que no lo puede hacer por que la plantilla no lo permite, cuidado…

Recordemos que las plantillas y maquetadores son sólo herramientas a nuestra disposición e igual que saber usar una plataforma de email marketing no me hace experto en funnels, usar los predefinidos de una plantilla no me hace diseñador web.

[ctt title=”Un secreto: instalar y adaptar una plantilla de wordpress no es hacer diseño web” tweet=”Un secreto: instalar y adaptar una plantilla de wordpress no es hacer diseño web #diseñoweb #wordpress http://wp.me/p5kg1E-1IA” coverup=”wb5dQ”]

Y una vez dicho esto, te presento una de las últimas webs en las que he estado trabajando, la de Hello Copenhague

Diseño web: la combinación de técnica y creatividad

Hello Copenhague es una web sobre escapadas, vida y eventos en Copenhague, una marca creada por Teresa Rubio, madrileña residente en esta bella ciudad con la que ya había trabajado anteriormente en el desarrollo de la identidad visual de su anterior proyecto: Mami en Dinamarca

En esta ocasión, ella me presentó la identidad visual y guía de estilo que su hermana (también diseñadora gráfica) creó para ella y partimos de ahí para trabajar en su nueva web.

Como se puede ver, Hello Copenhague tiene identidad visual de estética claramente nórdica, así que nos centramos en crear un diseño minimalista, basado en bloques, limpio y funcional.

No queríamos sobresaturar la imagen, así que los espacios en blanco eran imprescindibles.

Las lineas finas, las animaciones suaves y ocultar los pop-ups hasta que el usuario decida que quiere clickear para verlos es otra forma de crear consistencia con la identidad relajada y nórdica de la marca.

Hemos buscado trasladar el “espíritu hygge” danés a su web.

Ahora es el turno de que Teresa te cuente sobre su proyecto, espero que te guste y si estás pensando en ir a Copenhague, no dudes en pasarte a descargar su guía gratuita sobre la ciudad.

Imagen de cabecera gracias a Shutterstock.

Cómo afecta el diseño web al SEO

By 8 comentarios

A estas alturas todas habremos oído hablar en algún momento de lo importante que es el SEO en nuestras webs o blog, cuales son las técnicas para mejorar nuestro SEO,… Hoy me gustaría tratar este tema desde el punto que mas me atañe cuando diseño una web: Cómo afecta el diseño web al SEO, los factores de diseño web que afectan a posicionamiento orgánico de nuestras páginas en las búsquedas de google.

pero empecemos por el principio:

Qué es SEO y cuál es su objetivo

SEO (Search Engine Optimization o lo que es lo mismo, Optimización del motor de búsqueda) es el proceso que se realiza para mejorar la visibilidad de una web al hacer una busqueda orgánica en Google (y otros buscadores, pero como todas sabemos, de momento Google es el señor que más manda…).

Básicamente se trata de que tú, pequeña emprendedora sin mucho dinero para invertir en publicidad, optimices tu web, para que cuando alguien escriba en un buscador algún tema relacionado con tu especialidad, salgas de las primeras en los resultados que el buscador muestra.

[ctt title=”Mejorar tu SEO es optimizar tu web, para que cuando alguien escriba en un buscador algún tema relacionado con tu especialidad, salgas de las primeras en los resultados que el buscador muestra.” tweet=”Mejorar tu SEO es optimizar tu web, para que cuando alguien escriba en un buscador algún tema relacionado con tu especialidad, salgas de las primeras en los resultados que el buscador muestra. @esti_lop” coverup=”FahlM”]

Si te parece interesante este tema, te recomiendo que veas este video de 3 minutitos donde Matt Cuts, el ex-director de Webspam de Google, nos explica cómo funciona una búsqueda en Google y todo el proceso interno que realiza el buscador en menos de medio segundo.

 

Los 3 pilares del SEO

Hay tres aspectos en los que podemos ir haciendo cambios poco a poco para que google se enamore cada vez más de nosotras y nos saque en las primeras lineas de sus resultados.

On-page

Donde buscamos optimizar todo aquello que se muestra en la web. Aquí entraría el copywriting y el contenido de texto e imágenes, las keywords, los links internos, las etiquetas…

Off-page

Son esas acciones que tomamos para conseguir que nuestra web gane interactividad, haciendo link-building por ejemplo.

Técnico

Aquí nos encontramos con todas esas mejoras que el usuario no puede notar sin echar un vistazo al código fuente de nuestra web. Son optimizaciones técnicas del servidor y el CMS como las redirecciones 301 y 302, la velocidad de carga de la web, la optimización del código…

Aunque cada uno de estos pilares se merecería al menos un post propio, hoy te voy a contar cómo puedes mejorar 3 factores de la parte on-page y la parte técnica para que tu posicionamiento SEO aumente.

3 factores de diseño web que afectan al SEO

 

Los 3 factores de los que te hablo a continuación, son mejoras de diseño que puedes hacer en tu web, que afectan a la Experiencia de Usuario, a la Usabilidad y a la Velocidad de carga. 3 aspecto que google tiene muy en cuenta en su algoritmo de SEO.

Optimización de imágenes

 

Cómo afecta el diseño web al SEO

La parte visual de una web es básica. Como creo ya he comentado alguna vez, en menos de 3 segundos un visitante puede decidir si se queda o se marcha, y eso amiguita, es a causa de un amor o desamor a primera vista. Lo que también es cierto, es que no podemos crear una web decente a base de imágenes.

Últimamente me he encontrado con webs diseñadas de este modo, gente que cobra miles de dólares por crear un producto que no está a la altura… No digo yo que no serán bonitas, pero incumplen todos los principios de diseño web profesional habidos y por haber.

El caso es que el “peso” de tus imágenes dependerá de su tamaño y para qué la vas a utilizar en tu web, ¿es una imagen de fondo? entonces el tamaño será grande, pero si es posible que puedas jugar con la calidad de compresión, por el contrario si la imagen es para la cabecera de un post, te interesa que la calidad sea mayor para que se aprecie bien.

Te doy 4 pinceladas que puedes tener en cuenta a la hora de optimizar tus imágenes web:

  • Cuando guardes una imagen para tu web, dale el formato adecuado: .PNG si va a tener transparencias o .JPG para fotografías.
  • Que tu imagen tenga el tamaño exacto al que vaya a ser publicada.
  • Guarda la imagen nombrándola con la Keyword que te interesa.
  • Utiliza el atributo alt de la imagen incluyendo la Keyword que quieres posicionar.

 

Y por último y si eres una chica WordPress, mi consejo es que instales un plugin como: Smush.it

Yo lo uso y me encanta. Su función: optimizar las imágenes que ya tienes subidas a tu web y cada vez que añadas una nueva foto, trabajará de forma automática, sin que tu tengas que tocar nada para optimizarla.

Minificar Código

 

Minificar es conseguir que los ficheros HTML, CSS y Javascript de tu web sean más ligeros eliminando espacios y tabulaciones que no sean imprescindibles dentro del código.

La verdad es que es un proceso complejo que no te recomiendo que hagas tu misma a mano a no ser que manejes de programación y sepas dónde te estás metiendo, pero si te puedo recomendar que si eres de WordPress, uses un plugin como puede ser Autoptimize o WP Super Minify fáciles de configurar y que harán volar tu web.

Web responsive

 

Cómo afecta el diseño web al SEO

Ya que cada día somos más los enganchados a los móviles y los que queremos estar conectados en todas partes, tener una web que se puede visualizar en móviles y tablets es uno de los factores de SEO que google está valorando más durante los últimos meses. Pero ¡ojo!, que no nos sirve cualquier forma de ver nuestra web en el móvil.

Si la versión de tu web que ves en el móvil es la misma que ves en la pantalla de tu ordenador, ¡Euston tenemos un problemón! Lo ideal es que al abrir tu web en un móvil, el contenido se haya reorganizado, los tamaños de imágenes y tipografías se hayan adaptado al nuevo espacio y tu visitante se sienta cómodo navegando.

[ctt title=”Si la versión de tu web que ves en el móvil es la misma que ves en la pantalla de tu ordenador, ¡Euston tenemos un problemón! ” tweet=”Si la versión de tu web que ves en el móvil es la misma que ves en la pantalla de tu ordenador, ¡Euston tenemos un problemón! #RWD via @esti_lop” coverup=”3en15″]

Si tu plantilla de wordpress no es responsive, te recomiendo que eches un vistazo a los plugin Jetpack o el WP Mobile Detector, aunque también puedes visitar el artículo sobre errores de diseño web que puedes evitar fácilmente que escribí hace un tiempo y donde te doy algunos detalles más o pasarte por la web de recomendaciones de Google que seguro te aclara todas las posibles dudas que te queden 🙂

Plugin Editorial Calendar

By 5 comentarios

¡Hola buenas¡ ¿Qué tal estás? Yo encantada de que Esti me vuelva a dejar un rinconcito de su blog 🙂

Seguro que estás de acuerdo conmigo en que septiembre y diciembre son dos meses propicios para sentarnos a pensar en nuestros objetivos y en planificarlos. Y ya estaba yo a punto de sacar mis hojas de calendario impresas, mi lápiz y mis post-it cuando, durante una sesión del mentoring, me consultaron sobre el funcionamiento del plugin Editorial Calendar.

Ya había oído hablar de él, pero como para los temas de organización me apaño mejor con el papel, pues ni se me había pasado por la cabeza instalarlo. Pero claro, una vez me han preguntado por él, la curiosidad pica y hay que probarlo 😉

Y justo un par de días después me encuentro con un post de Esti en el que habla sobre las ventajas de usar un calendario editorial y, estaba claro, mi post le iba mejor a ella.

Instalación y uso de WordPress Editorial Calendar

La instalación del plugin no tiene ningún misterio. Pero recuerda que antes de hacer una instalación o una actualización es conveniente hacer una copia de seguridad de tu blog:

  • Accedes al panel de control y en Plugins seleccionas Añadir nuevo
  • Buscas Editorial Calendar
  • Pulsas sobre Instalar ahora
  • Y tras la instalación activas el plugin 

 

El plugin crea la sección Calendario en el menú Entradas y desde ahí puedes:

  • Navegar por el calendario para tener una vista rápida de lo que has publicado y lo que tienes pendiente y en qué estado se encuentra.
  • Añadir una nueva entrada a un día en concreto.
  • Gestionar las entradas:  editar, ver o eliminar
  • Y lo mejor de todo, puedes programar las publicaciones arrastrándolas de un día para otro.

 

A continuación te dejo un video para veas el plugin en funcionamiento:

Personalización del calendario

El calendario está muy bien, pero personalmente creo que es un poco soso. A mi me gusta usar bolis de colores para hacer mi calendario un poco más visual y eso es algo que se echa de menos en este plugin, que a lo más que llega es a marcar entre corchetes el estado de la entrada (borrador o en revisión)

Pero después de investigar un poco encontré la forma de aplicar un poco de color de forma que se puedan distinguir las entradas según su categoría y/o su estado.

¿Qué me dices? ¿Te sientes valiente como para trastear un poco en el código del plugin? No tengas miedo que, aunque no entiendas todo el proceso, si sigues las indicaciones del siguiente video verás que lo más complicado es escoger el color qué vas a usar para cada elemento.

Conclusión

No te voy a mentir diciéndote que a partir de ahora voy a planificar mis entradas exclusivamente con este plugin porque a mi me gusta extender las hojas del calendario sobre la mesa y planificar varios meses a la vez. El día en que tenga un monitor del estilo al que usaba Tom Cruise en Minority Report pues no te digo que no, pero hasta entonces, papel y bolis de colores…

Pero si que me voy a dejar el plugin instalado porque me parece muy práctico trasladar la planificación del papel a un medio digital y así me ahorro usar otras herramientas externas. Yo me muevo mucho con el portátil y me da mucha rabia tener un hueco para adelantar trabajo y no recordar el tema que tenia planeado para el próximo post.

Además, lo mismo me equivoco pero por lo que tengo entendido, al tratarse de un plugin de panel de control no afecta a la velocidad de carga de la parte pública y mis lectoras no notaran la diferencia.

Bueno, tú qué me cuentas ¿qué formato te gusta más: eres una chica digital o analógica?

 

mama es una frikiEl post de hoy viene de la mano Jessica Gestoso, autora del blog Mamá es una friki , así que no te olvides de pasarte por su casa virtual donde podrás encontrar un montón de contenido interesante sobre Blogging, SEO y WordPress.

También es muy activa en redes sociales, así que puedes pasarte a saludarla por Twitter o Facebook

 

[ct_divider style=”double dashed” color=”” width=”100%” alignment=”center” size=”1px” space_t=”36px” space_b=”36px”][ct_section bg_color=”#ffffff” img=”” img_pos=”center center” img_size=”cover” img_rep=”no-repeat” overlay_op=”” parallax=”no” fullwidth=”no”][ct_row][ct_column width=”1/3″ alignment=”none”][ct_gap height=”20px”][ct_image style=”no-filter” src=”https://estibalizlopez.com/wp-content/uploads/2015/06/ebook-10-claves-para-crear-un-gran-logo-estibaliz-lopez.png” alignment=”center” url=”http://eepurl.com/bjiCMj”][ct_gap height=”20px”][/ct_column][ct_column width=”2/3″ alignment=”none”][ct_gap height=”20px”]¿Te ha gustado este artículo?

Te invito a que te unas a mi newsletter para conseguir contenido exclusivo como el ebook “10 claves para crear un gran logo”. Prometo que no mando spam, sólo cosas interesantes y un montón de recursos chulos 😉

[/ct_column][/ct_row]
[/ct_section][ct_divider style=”double dashed” color=”” width=”100%” alignment=”center” size=”1px” space_t=”36px” space_b=”36px”]

6 Tutoriales de diseño para blogger que deberías conocer

By 18 comentarios

La semana pasada Yudy de Ingenio DIY lanzó su primer curso en el que colaboro: el Curso Blogger Design, que empieza de forma gratuita el viernes de esta semana.

Van a ser 6 clases via email que esperamos te gusten tanto, que no puedas más que pedirnos que te mandemos más 😉 Así que si te apetece apuntarte, aun estás a tiempo.

Mientras tanto, como sé que sois bastantes las chicas blogger que os pasáis por aquí, he hecho un recopilatorio de tutoriales de diseño para blogger, con los que podréis hacer cambios en el diseño de vuestro blog y que me parece interesante que conozcáis (si no lo hacéis ya).

El botón de subir que todo blog debería tener:

Un botón de subir es importante por que facilitas el trabajo al visitante para volver al origen del blog, sin tener que hacer scroll. A nivel de usabilidad es un básico.

VISITA EL TUTORIAL EN EL BLOG DE EL PERRO DE PAPEL

Coloca fuentes personalizadas de google fonts:

¿te gustaría tener una fuente específica y no es una de las opciones que te de Blogger? No hay problema, si es una fuente de google con este sencillo tutorial podrás personalizar las fuentes tipográficas de tu blog sin problema.

VISITA EL TUTORIAL EN EL BLOG DE MISS LAVANDA

Inserta un slider con tus productos:

Para las que teneis productos en venta y quereis llamar la atención de quien visite vuestro blog, ¿qué tal tener un slider con imágenes de vuestros productos pasando en portada?

VISITA EL TUTORIAL EN EL BLOG DE APRENDE Y COMPARTE

Personaliza el gadget de post populares:

Este tutorial me gusta por que conseguimos llamar la atención de nuestros visitantes a nuestros post más populares, esos que el resto de lectores consideran imprescindibles en nuestro blog y que en consecuencia, seguramente también les parecerán interesantes a los nuevos visitantes, haciendo que permanezcan en nuestra web más tiempo.

VISITA EL TUTORIAL EN EL BLOG DE INGENIO DIY

Quita ese feo “con la tecnología de blogger”:

Creo que no merece mayor explicación ¿verdad? a la mayoría no nos gusta ese credito que te obliga a tener blogger, pero tranquila que se puede quitar y es fácil, fácil.

VISITA EL TUTORIAL EN EL BLOG DE PERSONALIZACIÓN DE BLOGS

Mándales un mensaje a tus lectores al final de cada post:

¿te gustaría despedirte de tus visitantes en cada post pidiéndoles que te compartan en redes sociales o simplemente dándoles un saludo personal? Tan fácil como automatizar el trabajo siguiendo el siguiente tutorial.

VISITA EL TUTORIAL EN EL BLOG DE THE LITTLE COCCINELLE

Para las que se lo preguntan, el curso Blogger Design del que te hablé la semana pasada no tiene nada que ver con utilizar este tipo de tutoriales y colocarlos en tu blog. La intención del curso es aprender a diseñar en blogger, entendiendo cómo se diseña, profundizando en Blogger. Partiendo de la base que en nuestro email sólo hay un mensaje de un posible cliente y que queremos trasladar sus ideas lo más profesionalmente posible a un diseño de blog espectacular 🙂

Por último sólo comentarte, que si quieres ver más tutoriales de este tipo, no dudes en visitar los blogs que te acabo de mencionar, donde encontrarás un montón de ellos, geniales todos, que te ayudarán a mejorar el diseño de tu blog en Blogger de forma fácil.

[ct_divider style=”double dashed” color=”” width=”100%” alignment=”center” size=”1px” space_t=”36px” space_b=”36px”][ct_section bg_color=”#ffffff” img=”” img_pos=”center center” img_size=”cover” img_rep=”no-repeat” overlay_op=”” parallax=”no” fullwidth=”no”][ct_row][ct_column width=”1/3″ alignment=”none”][ct_gap height=”20px”][ct_image style=”no-filter” src=”https://estibalizlopez.com/wp-content/uploads/2015/06/ebook-10-claves-para-crear-un-gran-logo-estibaliz-lopez.png” alignment=”center” url=”http://eepurl.com/bjiCMj”][ct_gap height=”20px”][/ct_column][ct_column width=”2/3″ alignment=”none”][ct_gap height=”20px”]¿Te ha gustado este artículo?

Te invito a que te unas a mi newsletter para conseguir contenido exclusivo como el ebook “10 claves para crear un gran logo”. Prometo que no mando spam, sólo cosas interesantes y un montón de recursos chulos 😉

[/ct_column][/ct_row]
[/ct_section][ct_divider style=”double dashed” color=”” width=”100%” alignment=”center” size=”1px” space_t=”36px” space_b=”36px”]

Qué hacer para ayudar a tu blog a funcionar mejor

By 5 comentarios

Hoy tenemos post invitado, esta vez es Taina, la que fue mi primera emprendedora entrevistada en la sección Hanghouteando con… Mamá bloguera y emprendedora 2.0 viene a darnos su visión sobre cómo podemos mejorar la funcionalidad de nuestros blogs y webs. Estoy segura que le encantará conocer vuestra opinión 😉

Hay cosas que necesitamos hacer para dar un empujoncito a nuestros blogs. Y claro que esto es solo basado en mi experiencia personal, pero que me a resultado bastante bien. Y conste que dije empujoncito por que existen mas reglas de diseño que nos ayudarían a un mas.

Puede que algunos estén de acuerdo y otros no, pero esta bien, déjanos un comentario, entre más personas nos den su opinión, mejores decisiones podemos tomar entre que nos sirve y que no.

Come on people, es algo que tenemos que hacer si queremos que nuestros blogs tengan mas éxito y que a la gente le guste pasar de visita.

Qué hacer para ayudar a tu blog a funcionar mejor

 

Leer Mas

Para mi es indispensables ponerlo, no me gusta llegar aun blog y tener que bajar y bajar y bajar y bajar para poder llegar a otra entrada, esto no hará que lea todo el post completo, si me interesa lo que hay, sin dudar ni un minuto voy a dar leer mas-> para enterarme de todo.Además las entradas resumidas hacen mas limpio tu diseño y menos cargado a la vista.

Menu de Etiquetas(pestañas)

Por amor a la vida y al bienestar del mundo entero, pon un menú, es horrible tener que nadar entre un mundo de entradas para encontrar algo en un blog, deja a tus lectores que encuentre las entradas fácil y rápido no les hagas la vida tan difícil.

Entre mas pequeño mejor

¿Qué cosa? Fuentes masivas, encabezados gigantes, ancho de las columnas que no caben en un tamaño de pantalla estándar y se encimas en las entradas.

Concentremonos en los encabezados tan GIGANTES que toman toda la pantalla y tenemos que bajar demasiado para llegar al primer post, un encabezado pequeño con el logo o el nombre de tu blog, hace menos cargado tu pagina y con un aspecto limpio.

Que tus enlaces resalten del resto de la entrada

Esto pareciera que no tiene importancia, cierto? Pero entonces para que enlazar textos si tus lectores no van a saber que existen dentro del post, si tu texto es negro entonces has tus enlaces rojos, anaranjados, morados, que se yo el color que mas te guste, de esta manera sobre salen del resto de la entrada y además ayudara a traer mas trafico a tus otras entradas.

Botones de compartir a la vista

No se porque chanfles hay blogs que no los tienes habilitados o los tienen muy escondidos, si me gusta lo que escribes, entonces quiero compartirlo, pero como lo voy hacer, si los mugrosos botones no los encuentro por ningún lado, hasta parece que son buscados por la FBI, se han desaparecido del planeta, hay tantísimos recursos disponibles para poner botones de compartir y con la opción de personalizarlos. Vamos que no quieres llegar a mas gente?

Personaliza tu About Me (Sobre Mi)

No has notado que te atrae mas un blog donde conoces quien esta detrás de cada entrada, da la sensación de hablar con un ser vivo y no con la pared a la hora de comentar, en lo personal me agrada saber quien, como, donde y porque del responsable del blog.

¿Qué piensas de estos puntos, estas de acuerdo con alguno de ellos? Si tienes algún otro punto que crees que nos ayudaría, comparte con nosotros en los comentarios.

Antes de irme quiero agradecer a Esti por la oportunidad de abrirme su casa y llegar hasta ustedes, mil gracias guapa siempre es un placer trabajar contigo.

Les invito a visitarme en THEBBT me encanta conocer gente nueva o también me pueden encontrar en las redes sociales: facebook y twitter

[ct_divider style=”double dashed” color=”” width=”100%” alignment=”center” size=”1px” space_t=”36px” space_b=”36px”][ct_section bg_color=”#ffffff” img=”” img_pos=”center center” img_size=”cover” img_rep=”no-repeat” overlay_op=”” parallax=”no” fullwidth=”no”][ct_row][ct_column width=”1/3″ alignment=”none”][ct_gap height=”20px”][ct_image style=”no-filter” src=”https://estibalizlopez.com/wp-content/uploads/2015/06/ebook-10-claves-para-crear-un-gran-logo-estibaliz-lopez.png” alignment=”center” url=”http://eepurl.com/bjiCMj”][ct_gap height=”20px”][/ct_column][ct_column width=”2/3″ alignment=”none”][ct_gap height=”20px”]¿Te ha gustado este artículo?

Te invito a que te unas a mi newsletter para conseguir contenido exclusivo como el ebook “10 claves para crear un gran logo”. Prometo que no mando spam, sólo cosas interesantes y un montón de recursos chulos 😉

[/ct_column][/ct_row]
[/ct_section][ct_divider style=”double dashed” color=”” width=”100%” alignment=”center” size=”1px” space_t=”36px” space_b=”36px”]

Un blog bonito es un blog de éxito

By 13 comentarios

Hoy vuelvo a tener bloguera invitada: Se llama Yudy y desde que nos conocimos no hemos podido evitar sentirnos unidas (tanto que estamos trabajando en un proyecto super chulo juntas). Su blog IngenioDIY es una base de datos increíble si te gusta hacer cambios de diseño en tu blog de blogger. Así que cuando me dijo, tengo una caso de éxito que sería genial compartir con tus lectoras. Obviamente no pude decir que no 😉

Vale ya se, querrás saltar a decirme ¡Noooo Yudy, estás loca!

Pero supongo que tú tienes un contenido de calidad estupendo y que escribes con frecuencia, suponiendo esto vuelvo y lo repito un Blog bonito es un blog de éxito. Quiero contarte la experiencia de una de mis clientas (No me preguntéis quien es porque fue lo primero que ella me pidió y con el trascurso de la lectura te darás cuanta porque quiere mantener su identidad en secreto).

Un blog bonito es un blog de éxito: el caso

Mi clienta llamémosla “Pepita” ¡Hola pepita jajaja no te rías del nombre ¡eh! (seguro que ella lee este post yo misma se lo hare llegar).

Bueno, el caso es que Pepita estudio Bibliotecología y hace exactamente un año y medio creo un blog de reseñas para libros, escritos de su puño y letra y aparte de eso ofrece sus servicios de corrección de estilo y dedicatorias para festejos. Nos conocimos hace unos 4 meses por medio de un correo en el que ella me pedía encarecidamente que mirara su blog y que le diera mi opinión. Yo no dude en hacerlo, me dije, seguro que tendrá errores y yo sabré decirlo de una manera amable. Vale, abrí el link, puse mis manos en la cabeza y grite:

¡¡¡Madre de todos los santos, demonios de satanás por el poder que me confiere la blogosfera, yo desato esta furia!!! (Exagero).

 

Respire profundo y le escribí lo siguiente.

  • Mujer, no tienes 15 años tienes 38, al parecer te gusta el manga a mí también pero en tu temática no creo que debas usarlas.

  • El puntero estilo patita de perro es muy mono pero mejor ir por la clásica flecha para que tus lectores sepan bien a donde clican.

  • Porque tratas de ahuyentar a los visitantes de tu blog, nadie tiene porque saber los blogs que sigues y si los dejas que sea lo último que se vea.

  • Los iconos sociales en forma de corazón… ¿En serio? En un blog donde predomina la escritura esto no va para nada.

  • Si vas a dejar la servilleta de fondo mejor que pongas una casa de banquetes.

Y esas eran mis opiniones entre otras cuantas. Nos reímos un montón.

Si quieres saber más consejos no olvides pasarte por este post

Luego me dijo: mira Yudy cuando empecé con el blog compre una base de datos (mejor en lo posible nunca compréis bases de datos) de correos de personas que buscan corregir sus escritos, personas que buscan ayuda para algún trabajo de universidad y cosas así, son casi 1200 contactos, les envió una Newsletter semanal en donde siempre les pongo casos de éxito de escritores que también necesitaron que les corrigieran sus escritos, el caso es que mi servicio de email marketing me arroja de de los 1200 correos, más o menos 700 personas lo abren pero nadie contrata mis servicios. ¿Qué hago mal?

Un blog bonito es un blog de éxito: La solución

Yo le respondí:

Me queda más fácil decirte lo que estás haciendo bien y básicamente es “escribir” mi consejo es que cambies la plantilla que tienes por una más acorde a tu temática, las fotografías que haces me encantan y tu fuerte es la escritura así que solo hay que cambiar de casa y pasarte a una más armoniosa acogedora, simple pero elegante.

Un blog bonito es un blog de éxito: Hoy

Hace unos días me conto que tras cambiar su plantilla han incrementado sus visitas, ha contratado a su mejor amiga para que se haga cargo de las dedicatorias de festejos y hace un mes trabaja como Freelancer para una editorial. Una blogger de éxito sin duda

Entonces vuelvo y repito “Un blog bonito es un blog de éxito” No solo le he pasado a ella, sino también a muchos otros Bloggers que han invertido en su blog o los más creativos autodidactas se inventan unas plantillas súper bonitas.

¿Y tú que estas esperando para dar el paso? Si eres de aquellos blog que tienen las mismas características que mencione anteriormente, cámbiate lo antes posible de diseño y emprende con los artículos que quieras vender.

Tu blog puede ser una gran tienda virtual si te enfocas en tus lectores, en sus necesidades y en lo que te piden. Si tienes un diseño desastre seguro te estancaras y tus posibles clientes seguirán derecho en tu blog sin mirar si quiera el 10% de tu contenido, sorprende primero por los ojos a tus lectores, el contenido será lo segundo que vean.

Y esto es todo por hoy, espero que Esti me vuelva a invitar a participar en su blog, que es un gran honor. Pero shiiiiii no se los digas 😉

[ct_row][ct_column width=”1/3″ alignment=”none”]yudy de ingeniodiy habla sobre un blog bonito de exito[/ct_column][ct_column width=”2/3″ alignment=”none”]www.ingeniodiy.es

Mi nombre es Yudy y en mi blog trato dos temas Blogging y proyectos Do it your self (DIY)

facebook | twitter[/ct_column][/ct_row]

[ct_divider style=”double dashed” color=”” width=”100%” alignment=”center” size=”1px” space_t=”36px” space_b=”36px”][ct_section bg_color=”#ffffff” img=”” img_pos=”center center” img_size=”cover” img_rep=”no-repeat” overlay_op=”” parallax=”no” fullwidth=”no”][ct_row][ct_column width=”1/3″ alignment=”none”][ct_gap height=”20px”][ct_image style=”no-filter” src=”https://estibalizlopez.com/wp-content/uploads/2015/06/ebook-10-claves-para-crear-un-gran-logo-estibaliz-lopez.png” alignment=”center” url=”http://eepurl.com/bjiCMj”][ct_gap height=”20px”][/ct_column][ct_column width=”2/3″ alignment=”none”][ct_gap height=”20px”]¿Te ha gustado este artículo?

Te invito a que te unas a mi newsletter para conseguir contenido exclusivo como el ebook “10 claves para crear un gran logo”. Prometo que no mando spam, sólo cosas interesantes y un montón de recursos chulos 😉

[/ct_column][/ct_row]
[/ct_section][ct_divider style=”double dashed” color=”” width=”100%” alignment=”center” size=”1px” space_t=”36px” space_b=”36px”]

Dominio: qué es, cuándo comprarlo y cómo instalarlo

By 10 comentarios

Hace poco me llegó una consulta por email sobre dominios, había muchas dudas y me llevó un rato contestar el email, así que he pensado que toda esa información os puede ser útil a todas vosotras ^_^

Elegir un dominio es como elegir el nombre para tu hijo, ¿de verdad quieres llamarlo Cucufato? ahora suena gracioso y hasta puedes pensar que es una buena idea, pero es mejor descansar la idea, consultarlo con la almohada y darle un par de vueltas, ¿no quieres que tu hijo te odie para el resto de tu vida por una mala decisión que tomaste en un momento dado, verdad? 😉

¿Qué es un dominio?

Un dominio es la dirección de tu página web o blog. Como la dirección física de tu casa o tu numero de teléfono, si alguien se equivoca al marcarlo en el móvil le dará una llamada erronea o conectarás con quien no deseabas. ¿Te imaginas que te tiene que llegar un paquete super importante y alguien a puesto tu dirección mal en el sobre? Ese paquete se perderá, llegará a otra persona o dará mil vueltas antes de llegar a tus manos. Lo mismo pasa con tus visitantes, si no saben tu dirección nunca llegarán a tu web y estarás perdiendo lectores y posibles clientes.

¿Por qué necesito un dominio web?

Por que te da seriedad y aspecto profesional (además de ser realmente barato)

No quiero ofender a nadie, pero la verdad, cada vez que mandan un CV para mi departamento y veo que tienen un dominio del estilo: minombre.wordpress.com o elnombredemiblog.blogspot.com no me gusta. Es como quien te manda un CV con el email chicasexy21@cualquiercosa.com Si queremos que nos tomen en serio, tenemos que parecerlo (ya sé que no es lo mismo, pero entendéis a lo que me refiero ¿verdad?), al igual que no nos cuenta nada hacernos una cuenta de gmail con nuestro nombre para el CV, sinceramente creo que si tienes un negocio online, puedes invertir entre 5 y 10€ por un año de dominio.

¿Cómo elijo el dominio perfecto?

Elegir el nombre de tu dominio puede depender de tu estrategia de posicionamiento.

¿prefieres trabajar tu marca personal o mejor usar una palabra nicho? En mi caso para esta web opté por la marca personal. En su momento y teniendo en cuenta que la función principal de esta web iba a ser dar soporte a mi portfolio para empresas, me pareció la mejor idea, podéis leer más sobre este tema aquí.  Aunque ya sabéis que al final el mundo da muchas vueltas, mis metas laborales y la finalidad de esta web cambiaron convirtiéndose en lo que tenéis aquí ahora…

Para mi página inglesa, por el contrario, opté por la otra estrategia. Ya que mi nombre ya suena raro a españoles, os podéis imaginar cómo les suena a los ingleses… así que me decanté por usar el concepto de nicho incluyendo la palabra desing (diseño en inglés) en el dominio para mejorar mi posicionamiento SEO en google.

Os recomiendo que le echéis un vistazo al artículo de Beatriz Peña: 10 consejos para elegir el dominio de tu web donde ella explica su experiencia y cómo decidió el nombre de su nuevo dominio.
mini guía para comprar un dominio web

Recomendaciones varias a la hora de elegir un dominio:

  • plantéate donde está tu audiencia y si te interesa más un dominio territorial (.es) o internacional (.com)
  • revisa que estén libres todas las versiones de tu dominio y disponibles para su compra, es un poco más de dinero, pero te puedes ahorrar sustos en el futuro. Imagina que quieres comprar un dominio que sea www.lacasadeljabon.es y a los pocos meses llega alguien que ha visto el potencial de tu marca y decide comprar la versión .com normalmente y por inercia cuando nos suena un nombre pero no recordamos cual es el dominio solemos probar ¿era .com o .es voy a probar? y tendemos a poner .com, si llego a una página de jabones que se parezca a la tuya o venda un producto parecido puedo suponer que he llegado a la web que buscaba y has perdido un posible cliente.
  • Deja enfriar la idea y consúltala con gente de confianza. Tal vez estés ofuscada con una idea y no estés viendo las mil y un posibilidades, de igual o mejor valor que la tuya.
  • Mejor si es corto y fácil de recordar.
  • Evita usar guiones, números y letras como y, z, x, h, q, w, ñ.
  • Las extensiones de dominio más famosos en España son el .com y .es y después el .net y .org
  • Puedes usar alguna de la múltiples herramientas que te ayudan a combinar palabras para crear el dominio perfecto como Bustaname.
  • Una vez lo tengas totalmente claro, cómpralo sin dudar. En el peor de los casos y si en un futuro te arrepientes, no habrá sido una gran perdida de dinero aunque si es posible que hayas perdido posicionamiento al realizar el cambio.

¿Dónde puedo comprar el dominio para mi web o blog?

Hay muchas empresas que venden dominios y muchas veces es una gestión que no tienes que trabajar a parte si te vas a dar de alta en un servidor para instalar tu web o blog.En mi caso por ejemplo al darme de alta en webempresa, el dominio está incluido en el precio. Pero si no es tu caso, hay empresas como Dondominio, Godaddy o Namecheap donde puedes conseguir tu dominio por 1 año a precios muy asequibles.

¿Cómo instalo el dominio en mi blog de blogger?

Como ya he comentado si tu blog o web es un CMS (ya sea wordpress, joompla, drupal,…) y está alojado en un servidor propio, es algo que se realiza automáticamente al instalar el CMS y no te tienes que preocupar o si tienes dudas puedes pedir al servicio técnico.

En caso de que seas chica blogger, te recomiendo que veas este video corto donde te explican paso a paso cómo instalar tu dominio en tu blog de blogger.

[ct_divider style=”double dashed” color=”” width=”100%” alignment=”center” size=”1px” space_t=”36px” space_b=”36px”][ct_section bg_color=”#ffffff” img=”” img_pos=”center center” img_size=”cover” img_rep=”no-repeat” overlay_op=”” parallax=”no” fullwidth=”no”][ct_row][ct_column width=”1/3″ alignment=”none”][ct_gap height=”20px”][ct_image style=”no-filter” src=”https://estibalizlopez.com/wp-content/uploads/2015/06/ebook-10-claves-para-crear-un-gran-logo-estibaliz-lopez.png” alignment=”center” url=”http://eepurl.com/bjiCMj”][ct_gap height=”20px”][/ct_column][ct_column width=”2/3″ alignment=”none”][ct_gap height=”20px”]¿Te ha gustado este artículo?

Te invito a que te unas a mi newsletter para conseguir contenido exclusivo como el ebook “10 claves para crear un gran logo”. Prometo que no mando spam, sólo cosas interesantes y un montón de recursos chulos 😉

[/ct_column][/ct_row]
[/ct_section][ct_divider style=”double dashed” color=”” width=”100%” alignment=”center” size=”1px” space_t=”36px” space_b=”36px”]

Mejora el diseño de tu web haciendo fotos increibles

By 10 comentarios

Hoy tenemos post invitado de la mano de una encantadora bloguera y apasionada de la fotografía, Sandra de Miss Agenda Limón. Todo un lujo de tutorial y nociones básicas para que las fotos de nuestras webs y blogs queden estupendas.

Mejora el diseño de tu web haciendo fotos increibles

Hola, soy Sandra, y estoy detrás del blog Miss Agenda Limón. Soy mama de dos chiquitines, trabajo a jornada partida, estudio infantil y primaria (porque fue un sueño que creí que no podría cumplir y al final…) y me apasiona además la fotografía y saco tiempo de donde no hay para disparar con mi cámara.

Estoy feliz de corazón por poder compartir contigo algunas cositas a tener en cuenta a la hora de fotografiar producto. Espero que te ayuden y explicarme bien para que quede todo claro.

Antes de ponerme directamente al lío quiero agradecer a Estíbaliz esta oportunidad de poder escribir unas líneas en su blog. Desde que nos pusimos en contacto han sido siempre conversaciones fáciles, amigables y sencillas. Que gusto da encontrarse en el camino personas así. Gracias.

Y volviendo al tema por el que hoy estoy aquí, decirte que espero que te venga bien y te ayuden los consejos que te voy a dar hoy. Este es mi principal objetivo, ayudarte.

Quiero que sepas que no todos somos fotógrafos profesionales (ojalá ;)) pero si podemos conseguir esa foto maravillosa del trabajo que realizamos y enamorar al lector cuando entre en nuestro blog con algunos buenos consejos.

Da mucha pena cuando buscas en Google algo, llegas a un blog genial, pinchas en ese link que te puede dar la solución y encuentras una foto extraña, sin luz, con fondo raro, véase sin gracia.
Aunque sea un producto genial el que hay detrás, el lector no se enamora al primera vista de ese producto… y lo más posible es que se marche y no regrese.

¿Lista para unos consejos que evitarán que no te pase esto?

Tienes que tener en cuenta cuatro aspectos fundamentales a la hora de hacer tu foto.

 

LA LUZ

Desde mi punto de vista es lo más importante: la luz.
Lo primero que tienes que tener en cuenta es que no es lo mismo una foto con luz natural que con luz artificial.

La luz natural es la que entra en las horas donde esta de día y si estas en tu casa tienes que buscar una buena ventana por donde entre esa luz tan maravillosa con la que puedas hacer las fotos.

Los mejores momentos para hacer fotos en casa son a primera hora y a última.
Motivo: la luz entra a tu casa pero no el rayo de sol directamente. Si pones tu mano, no tiene que darte el sol directo.

Si el día esta nublado no hace falta que te preocupes por el momento del día en el que hacer la foto.
Esos días que no llueve pero que el cielo esta blanco. Esos días son perfectos para hacer fotos. ¿Por qué?, pues porque conseguirás que las fotos no tengas sombras muy duras, (negras) sino claritas o casi inexistentes. Y eso hace que las fotos sean muy dulces.

Al concepto de luz va unido (entre otras cosas) las sombras.
1 foto con luz natural y sombras suaves: ideal.
1 foto con luz natural y sombras duras: regulín
1 foto con luz artificial y sombras suaves, regulín pero se puede salvar.
1 foto con luz artificial y sombras duras, no la publiques

Como ejemplo te pongo unas fotos mías, para que veas la importancia de la luz

foto con sombras suaves mejora el diseño de tu web haciendo fotos increibles

foto con sombras suaves

foto-sombras-fuertes mejora el diseño de tu web haciendo fotos increibles

foto con sombras fuerte

 

 

 

 

 

 

¿A que resulta mucho más bonita la foto de las sombras suaves?

EL FONDO Y LA SUPERFICIE

Cuando estés preparando tu escena, una vez elegido el sitio perfecto por donde entra esa luz maravillosa, es el momento de elegir un buen fondo y una buena base para hacer tu foto.

Fondo
Puede ser un fondo real (de tu casa), pero por favor que este ordenado y tenga sentido que se vea. Con esto quiero decir, que si estas exponiendo un dulce tiene sentido que se vea de fondo una cocina bien limpita y ordenada, no tiene sentido que se vea la habitación de juegos de tus hijos.

Puede ser un fondo liso. Lo mejor desde mi punto de vista es que el fondo llame lo menos posible la atención. Un fondo liso que puedes conseguir con:
– una cartulina,
– la propia pared
– telas ( por favor planchada… es horrible ver arrugas de fondo, se te van los ojos ahí).

Superficie
La superficie es el lugar donde va a estar el objeto fotografiado. Sobre esta base pueden encontrarse además del objeto principal también complementos.

Se llevan mucho los tableros de madera. Yo conseguí un andamio de unos obreros. Un poco grande, no voy a mentir.
Si no tienes espacio para tener tableros por tu casa, también te puedes ir a una copistería e imprimirte en Din A3 unos tableros. Hay muchos en la red listos para llevar en un pen e imprimírtelos.

Los tableros que se llevan son el blanco, azul turquesa y marrón oscuro.

foto con sombras suaves mejora el diseño de tu web haciendo fotos increibles

También puedes ponerle telas, si son colores neutros mucho mejor. Es muy difícil poner telas floreadas y que no destaquen más las telas que el propio producto.
foto con sombras suaves mejora el diseño de tu web haciendo fotos increibles

LOS PUNTOS DE DISPARO

A la hora de fotografiar tu producto se puede disparar desde distintos ángulos.

Las que te enumero a continuación son las normas básicas. Aunque en fotografía puedes aplicarlas un poco a tu gusto también.

– Para fotos de platos o comida los puntos de disparo que mejor acepta son cenital, ángulo picado y normal.
– Si es un producto como puede ser un muñeco, un anillo, cosas de papelería… en estos casos ángulo normal es la mejor opción.

Voy a enseñarte como es cada uno. Con una imagen queda muy claro

Punto de disparo cenital

foto cenital mejora el diseño de tu web haciendo fotos increibles

foto cenital

Punto de disparo picado

foto con angulo picado mejora el diseño de tu web haciendo fotos increibles

foto con ángulo picado

Punto de disparo normal

Foto angulo normal

Foto angulo normal

FOTO HORIZONTAL O VERTICAL

Para esto tampoco hay una regla exacta, pero cuando entras en un blog en el que encuentras
– todo ordenado,
– limpio,
– en su sitio
– y con fotos horizontales.

Eso es amor a primera vista

La foto horizontal queda mucho mejor, sin marcos ni sombras por favor.

Si quieres firmarlas, vale, pero con una firma discreta, suave y pequeña .
Tienes que ser un experto para poner tu firma en la foto justo en medio y que quede bien.

Que ocupen todo el ancho del blog

Las fotos verticales suelen usarse para poner dos, una pegada junto a la otra.

Usa la leyenda de las fotos, pon que es tuya y de que se trata. Eso siempre le gusta a papa Google.
¿Cómo se pone la leyenda?. Cuando subes la foto al post luego pincha encima de ella y a la derecha aparecerá “leyenda”

Y hasta aquí mis consejos sobre fotografía.
Hay muchos más en mi blog hablo de ellos, pero para mi estos son de los más importantes.

Un beso muy grande
Sandra

Cualquier consulta estaré encantada de solventarla.

sandra de miss agenda limón¿Te ha gustado el artículo de Sandra? A mi que me encanta la fotografía y la verdad saco más por impulso que por conocimiento cierto, me ha encantado todo lo que nos ha contado. Si quieres más consejos y tutoriales no dudes en pasarte a visitar a Sandra en su blog, facebook y google+ pero además (y esto es un secreto…) Sandra tiene un grupo de fotografía privado, estoy segura que si le pides permiso para entrar te reserva un sitio 😉

 

[ct_section bg_color=”#00beb1″ img=”” img_pos=”center center” img_size=”cover” img_rep=”no-repeat” overlay_op=”” parallax=”no” fullwidth=”no”]

Si te ha gustado el artículo, no te pierdas la newsletter de este domingo que trae contenido exclusivo relacionado 😉 ¿aun no estás en la lista? No te preocupes, PINCHA AQUÍ y te registras en un plis plas ^_^

 

[/ct_section]

Plugin Social Locker: el plugin que aumenta tus visitas

By 14 comentarios

Hoy tenemos post invitado: Jessica de Mamá es una friki se ha prestado a escribir un post-tutorial super interesante sobre el plugin: Social Locker. Una de las herramientas que yo aun no he probado, pero que al leer su artículo me ha convencido y seguramente lo veréis en breve por estos lares 😉

Os dejo con Jessica y el plugin Social Locker:

Social Locker: el plugin que aumenta las visitas a tu blog

¡Buenas! ¿Te apetece conocer una forma de aumentar el número de visitas y me gustas en las entradas de tu blog? A mi me encanta cuando veo que el esfuerzo que pongo en mi trabajo, tiene su premio a través de la participación de mis lectoras. Seguro que a ti también te hace ilusión cada vez que alguien comparte. Así que hoy te voy a enseñar una herramienta muy sencilla con la que potenciar esa interacción.

¿Para qué sirve Social Locker?

Con la Social Locker puedes bloquear parte del contenido de una entrada y mostrarla a cambio de una acción social.

Te pongo un ejemplo. Imagina que tienes un blog de cocina y decides publicar un post con la receta de una deliciosa tarta de chocolate. Tu post tiene fotos con el paso a paso y has explicado la elaboración de la receta, con tanto detalle que todos tus lectores están deseando prepararla convencidos del éxito que tendrán. Llegados a este punto te despedirías, pedirías compartir la entrada o incluso que te etiqueten para ver las fotos de las elaboraciones. ¿Pero que te parece ir un poco más allá? Imagina que preparas un par de fotos más dando varias ideas para decorar la tarta según la ocasión: en un cumpleaños, San Valentín… Pues eso lo ocultas con Social Locker y tus lectores estarán encantados de compartir tu entrada a cambio de esos consejos extras.

En resumen, se trata de realizar un trueque con tus lectores. Tú preparas tu entrada como siempre, le añades un extra que aporte valor y como resultado obtienes un post más viral 😉

Cómo se instala un plugin en WordPress

 

instalar-social-locker

La instalación es igual de sencilla que con el resto de plugin:

  • Desde el panel de control de WP accede al apartado “Plugins”
  • – “Añadir nuevo”
  • Busca “Social Locker” y pulsa sobre “Instalar ahora” en el resultado que pone “OnePress Social Locker”
  • Y una vez instalado pulsar sobre “Activar plugin”
  • Con esto tienes el plugin listo para usarlo.
  • activar-social-locker

    Configuración

    Pero antes de empezar a ocultar parte del contenido de tus post te toca hacer un par de ajustes en la configuración. Y no te preocupes que la mayoría de ellos sólo tendrás que hacerlos una vez.

    Para establecer los ajustes globales entra, a través del menú lateral de WordPress, en “Social Locker” – “Global Settings”.

    La pestaña más importante es “Social Options” donde puedes que configurar: el lenguaje de los botones y la vinculación a diferentes redes sociales.

  • configurar-social-locker

 

Ten en cuenta que el Facebook App ID que aparece es la del desarrollador. Si quieres utilizar los botones de Facebook tendrás que cambiarlo por el tuyo. Si no sabes como conseguirlo tienes una guía aquí, está en inglés pero si te fijas en las imágenes se entiende muy bien. Y si no avísame y te ayudo 😉

Yo he dejado las opciones de la pestaña “Lock Options” tal y como vienen por defecto, pero, en caso de problemas puedes acudir ahí para activar el modo debug y ver si hay algún error. También puedes configurar un código que podrás añadir en la url de tu página y mostrar el contenido completo, decidir si quieres mantener el bloqueo en el feed de tu página y algunas otras opciones avanzadas que es mejor que no toques si no sabes lo que haces 😉

En “Stats Options” puedes activar las estadísticas del plugin y así hacer un seguimiento del numero de veces que tus lectores interactuar con el contenido bloqueado. Esto puedes hacerlo a través de Google Analitys (creando los eventos necesarios en esa plataforma) o a través del apartado “Stats & Reports” que trae el propio plugin.

Como ya te imaginarás, en la pestaña “Front-end Text” puedes configurar los textos que verán tus lectores.

Y, por último, en “Term & Policies” puedes escoger si mostrar un link con tu política de privacidad y, claro está, definir su texto.

Y ahora que ya tienes configuradas las opciones generales toca empezar con la parte divertida.

all-lockers

Creando tu primer Locker

La primera vez que accedes al apartado “All Lockers” verás que tienes dos ejemplos: uno llamado Sing-in Locker y otro llamado Social Locker.

El tipo Sing-in Locker está pensado para captar suscriptores, que luego podrás consultar a través del apartado Leads. No voy a entrar en detalle porque su presencia en esta versión del plugin es prácticamente una demo. Sólo te da algunas opciones de asociación a través de twitter y al no tener integración con las plataformas de email marketing me parece un jaleo tener que estar exportando luego los registros. Pero si lo pruebas, cuéntame qué tal te va.

Así que me voy a centrar en el tipo Social Locker.

 

plugin social-locker

Puedes crear tantos lockers como quieras. Imagina que tienes uno por defecto para bloquear parte de la información, otro en el que personalizas el texto a mostrar porque oculta un documento y un tercero en el que cambias el diseño y tras el cual tienes un código de descuento para uno de tus servicios.

Como ves, en la imagen puedes configurar varios aspectos y además cuentas con la ventaja de tener una vista previa donde ir viendo el resultado.

Puedes personalizar el titulo, el texto de la cabecera, tienes un par de opciones de diseño y la forma en la que se mostrará dentro del contenido.

Y el siguiente paso es decidir que botones sociales utilizar. Esta versión te permite pedir un like en Facebook, compartir en Twitter y un +1 en Google.

Te habrás dado cuenta de que hay algunas opciones que están deshabitadas, debido existe una versión premium del plugin. Así que si después de probarlo, ves que las opciones se te quedan cortas, puedes echarle un vistazo, teniendo en cuenta los beneficios, no lo considero demasiado caro.

Cómo se usa

Y ahora sí. Ya lo tienes todo listo para empezar a utilizar el plugin en tus entradas.

Escribe el post con toda normalidad, incluido el trozo que quieres proteger. Si te fijas, ahora tienes un nuevo icono en la barra de herramientas. Así que sólo tienes que seleccionar el texto que quieres ocultar, pulsar sobre el botón de Social Locker y escoger el que quieres usar. Aparecerán unas etiquetas el inicio y al final del texto; si quieres hacer cambios en el contenido, sólo asegúrate que todo el texto que quieres proteger permanece dentro de esas dos etiquetas.

Así con las etiquetas queda un poco raro, pero en cuanto le des a visualizar el post verás como aparece el locker que tal y como lo habías configurado.

06-usar-social-locker

Conclusiones

Bien usado, es un plugin que te puede ayudar a mejorar el alcance de tu blog. Pero si abusas o bloqueas contenido que no cumpla con las expectativas puede jugar en tu contra. Así que empléalo con cabeza y después pasa por aquí a contarnos qué tal te va.

No olvides visitar la web de Mamá es una friki donde podrás encontrar un montón de contenido interesante sobre blogging y wordpress.