Las redes sociales forman parte de nuestro día a día, necesitamos compartir y que compartan lo que hacemos. Esto trasladado a lo profesional es todavía más importante.

Por este simple motivo es imprescindible usar botones sociales en WordPress, porque de una manera sencilla podemos incentivar al usuario a que nos ayude a la difusión de nuestros contenidos de forma muy rápida y simple.

Los botones sociales van a permitir no solo que cualquier persona que visite tu web pueda acudir a los diferentes perfiles creados en redes sociales.

También va a permitir que cualquier usuario que visite un contenido de tu blog pueda compartirlo en sus cuentas personales y esto es maravilloso.

¿Ves el potencial que tiene? Incluyendo botones sociales en WordPress vas a permitir una doble función:

• Aumentar seguidores en tus redes sociales y potenciar tu marca personal
• Conseguir que tus publicaciones tengan mayor alcance.

Ante esta necesidad y obligada integración en cualquier página web en la actualidad, en este post voy a enseñarte los mejores plugins para añadir botones sociales en WordPress.

De manera muy sencilla vas a poder aumentar el alcance de tus publicaciones y los seguidores en las diferentes cuentas.

¿Qué miro a la hora de elegir un plugin para compartir en redes sociales?

Las 3 cosas más importantes en las que te tienes que fijar son:

1. Velocidad de carga de los botones que aparecen en el post:

Es importante que elijas un plugin que no ralentice en exceso el tiempo de carga de tu blog, ya que eso hará que muchos visitantes se vayan incluso antes de que lleguen a ver el contenido. Además, a  Google le gustan los blogs que cargan rápido, con lo cual es beneficioso para el SEO.

2. Responsivo:

Esto significa que el plugin tiene que adaptar su tamaño y su aspecto visual a las pantallas más pequeñas de los dispositivos móviles.

Piensa que cada vez el tráfico móvil de Internet es más grande, y que es muy probable que un gran número de visitas a tu blog se hagan desde un dispositivo móvil (teléfono o tablet).

Si tu blog y los plugins que utilizas no muestran un buen aspecto en una pantalla pequeña es muy probable que el usuario no quiera seguir navegando.

3. Diseño:

Pues sí, lo botones para compartir en redes sociales tienen que ser muy visuales y encajar con el diseño de tu blog.

Y aunque los dos aspectos anteriores son mucho más importantes que el aspecto visual, si puedes, también es algo muy a tener en cuenta.

Cuanto más bonitos y llamativos sean los botones de tu blog más fácil será que tus lectores se fijen en ellos y quieran compartir tus entradas en sus redes sociales haciendo clic sobre ellos.

Por lo tanto, éstos son los 3 aspectos en los que me centraré en este listado de plugins que te he preparado 🙂

¡Vamos a ello!

Los mejores plugins para compartir en redes sociales en WordPress

Existen muchísimos plugins para compartir en redes sociales y hoy día desde el repositor oficial de WordPress vas a poder encontrar lo que necesites.

Existen algunos de pago pero en la lista que vas a ver son todos gratuitos y como podrás comprobar en el vídeo y en el artículo, estos cuentan con muchísimas descargas y excelentes valoraciones.

¿Quieres poner iconos de Whatsapp, barra lateral flotante y personalizarlo a tu gusto? Vamos a verlo.

Mowomo redes sociales

Es muy sencillo, instalas y activa el plugin y tendrás un solo panel con opciones muy básicas.

• Escoge entre las resdes sociales que ofrece el plugin: Facebook, Twitter, Pinterest, LinkedIn, Whatsapp.
• Posibilidad de usar shortcodes para que insertes los iconos en el sitio que quieras dentro de tu web.
• Elige la posición de los botones donde quieres que se comparta tu contenido (debajo del post, antes del contenido o arriba y abajo)

El plugin es responsive y aunque sencillo, sin barras flotantes y personalizaciones, puede ser suficiente para dar difusión a tus contenidos ahorrando al máximo la velocidad de carga de tu web.

Sassy social Share

Aunque puede parecer que tiene muchas opciones, en realidad es muy sencillo de configurar y sobre todo es un gran plugin.

Es muy bueno y es el que necesitas si quieres tener barra flotante y necesitas incluir más redes sociales ya que Sassy Social incluye todas las redes sociales que existen

Características:

• Puedes escoger tamaños a tu gusto.
• Escoge colores del fondo de los botones o colores del borde.
• Establece posiciones diferentes (lateral, arriba, abajo…).
• Además te permite escoger en qué páginas quieres que se muestren los botones sociales.
• Activar o no la opción de más.
• Mostrar o no los contadores sociales.
• Personalizar la forma de botones (circular, cuadrado o rectangular).
• Selección de páginas donde mostrar los botones.
• Escribe el texto que quieras para invitar a compartir.
• Posibilidad de usar shortcodes.
• Responsive al 100%.

Como ves este plugin es buenísimo y es gratuito.

Scriptless Social Sharing

Con pocas opciones permite mostrar los botones sociales en WordPress y es 100% responsive.

• Posibilidad de mostrar solo iconos o iconos con texto.
• Permite ajustar tamaños.
• Ordena los iconos según quieres que se muestren.
• Escoge donde mostrar (arriba, abajo o manualmente).
• Incluye Whataspp, Pocket o Telegram.

No ofrece barra lateral flotante pero es sencillo y está muy bien.

Simple Social Media Share Buttons

Muy buen plugin para compartir en redes sociales con opción de barra flotante. Cuenta con muchas opciones pero es muy fácil de manejar al igual que el resto de la lista.

Características:

• Incluye Facebook, Twitter, LinkedIn, Whataspp, email, Pinterest…
• Arrastrando y soltando puedes escoger que botones quieres mostar.
• Incluye distintos formatos de visualización (rectangulares, redondos, radiales, iconos oficiales…).
• Además puedes escoger en simple clic donde mostrarlos (barra lateral flotante, arriba o abajo, pop up o una esquina).
• Diferentes opciones para marcar, por ejemplo, tiene la opción de mostrar los contadores sociales.
• Escoge en las páginas en qué lugar quieres que aparezcan.
• Es otro plugin sencillo de manejar y muy potente.

Social Pug

Con barra flotante podrás configurar los botones y formas de los mismos de manera muy fácil.

¿Qué permite este plugin para WordPress?

• Configurar de forma independiente la barra flotante y los iconos del post.
• Solo deja utilizar Facebook, Twitter, LinkedIn, email y Print.
• Escoge los botones que se mostrarán arriba o abajo.
• Es muy personalizable por la posibilidad de configurar las opciones de diseño.
• Posibilidad de mostrar contadores.
• Escoge si se muestra en páginas, entradas, etc…
• Cambia el texto para que muestre lo que quieres antes de los botones de compartir.

Social Warfare

Es un plugin fremium pero que su versión gratuita está genial.

¿Qué puede hacer por ti?

• Con barra flotante permite mostra de forma muy atractiva las redes sociales que quieres usar para tu blog de redes sociales.
• La versión grauita incluye Facebook, Linkedin, Twitter o Pinterest.

• Permite mostrar los contadores sociales.

• Escoge donde mostrar los botones.
• Elige en qué lugar se muestra la barra flotante estableciendo el tamaño de la misma.

La versión de pago incluye mucho más, por ejemplo, más redes sociales, más personalización, clic to tweet o la posibilidad de recuperar los contadores sociales que se pueden perder al migrar a https.

Accesspress Social Share

Es muy sencillo de configurar y con las redes básicas pero está genial.

• No incluye la opción de barra lateral pero tiene opciones interesantes.
• Podrás elegir dónde mostrar los botones.
• Incluye redes como Facebook, Twitter, LinkedIn, Pinterest, Digg, email o Print.
• Elige diferentes diseños (circulares, redondos, en diamante…).
• Habilitar o no los contadores sociales.
• Permite recuperar los contadores que tenías en http si migras a https.
• Permite escoger en qué sitios de la web se muestran.

Aunque no tenga opción de barra lateral flotante es muy bueno.

Add to any share buttons

Con más de 500.000 instalaciones activas Add to Any mustra lo potente que es.

Características:

• Incluye barra lateral flotante.
• Escoge el tamaño de los botones así como transparencia o customiza los iconos con los colores que quieras.
• Posibilidad de usar absolutamente todas las redes sociales que quieras.
• Opción de botón “+” para que al hacer clic se desplieguen el resto de redes sociales escogidas y puedes ocultar las que prefieres.
• Elegir dónde mostrar los botones.
• Introduce el texto que desees.
• Mostrar o no los contadores sociales.
• Incluye opciones para incluir CSS por si quieres personalizar el plugin todavía más.
• Escoge la posición de la barra y determina los ajustes para que sea adaptable y responsive al 100%.

Un plugin gratuito increíble.

Otros Plugins geniales para compartir en redes sociales en WordPress

SumoMe

Este archiconocido plugin incluye un montón de funcionalidades muy interesantes, pero en este artículo solo me voy a centrar en las que tienen que ver con compartir en redes sociales.

Con él podrás añadir una botonera en casi cualquier parte de tu blog. Además, también te permite conectar con un montón de redes sociales (18 en concreto) y personalizar la forma y colores de los botones.

Y te permite añadir contadores para saber cuántas veces se ha compartido una entrada y en qué redes sociales.

Estoy seguro de que ya habrás visto más de una vez en algún blog esa barra lateral con un botón azul debajo que tiene una corona. Pues ese es el plugin SumoMe.

También tiene otra función bastante interesante, y es que te permite añadir botones de compartir encima de las imágenes.

Si las imágenes son importantes en tu blog está función te vendrá genial, porque se comparte la imagen más un enlace hacia la entrada de tu blog en la que está.

Por lo tanto, la tasa de visitas aumenta, ya que siempre prestamos más atención a las cosas que se comparten cuando hay una imagen que cuando no la hay.

Y otra función muy interesante que incluye es la de SumoMe highlighter, que permite al visitante compartir el texto que seleccione de una entrada.

Es decir, que si tú tienes esta función habilitada y un visitante selecciona con el cursor una frase de tu post, le saldrá un botón para compartir esa frase en sus redes sociales junto con un enlace a tu blog.

No es una función muy usada porque no a todo el mundo gusta. Pero bueno, si a ti sí que te gusta con este plugin la puedes utilizar 😉

Con respecto a su rendimiento, para funcionar este plugin hace un redirección a Sumome para presentar en tu blog la configuración elegida.

Eso hace que el plugin funcione bastante bien.

Al menos yo lo he probado durante una larga temporada y nunca he tenido ningún problema. Tan apenas afecta al tiempo de carga de los post y su funcionamiento es fluido.

Esto, junto con lo que he comentado antes de que es muy personalizable, de que puedes poner botones de compartir en muchas zonas de tu blog, y que además para la mayoría de funciones es gratis, ha hecho que se convierta en uno de los plugins WordPress para redes sociales más utilizados.

Además es totalmente responsivo, por lo que se ve bien en cualquier pantalla de móvil y de Tablet.

Si quieres saber más sobre este plugin puedes echarle un vistazo a este post publicado en este Blog:

Simple Share Buttons

Si no necesitas tantas funciones para compartir en redes sociales como las que incluye SumoMe es mejor que te instales un plugin más liviano y que solo incluya lo que necesites.

Yo no estoy en contra de instalar los plugins que se necesiten, sean los que sean. Pero sí que procuro que cada plugin incluya solo lo que necesito para no tener un exceso de funciones que no me interesan y que sobrecargan el blog.

Y sin duda, uno de los mejores en este aspecto es Simple Share Buttons.

Tiene 2 versiones:

• Una gratuita, que se llama Simple Share Buttons Adder
• Y una de pago (10$ al año, no es caro) que se llama Simple Share Buttons Plus

Elijas la que elijas, estamos hablando de un plugin muy ligero y que no afecta tan apenas a los tiempos de carga de tu blog.

Incluye 15 botones la versión gratuita y 17 la de pago (WhatsApp entre ellos), que son más que de sobra para la mayoría de los mortales jejeje.

Además, los botones son configurables, por lo que también podrás elegir su color y su diseño.Y si lo quieres, podrás añadir contadores para mostrar cuántas veces se han compartido tus posts.

Y por supuesto, el plugin es totalmente responsivo.

¿Qué más se puede pedir?

La versión de pago además de incluir un par de botones más también incluye más opciones como la posibilidad de poner lo botones en una barra lateral, o acortar los enlaces y llevar las estadísticas de las comparticiones, o la posibilidad de elegir en qué entradas quieres que se muestren y en cuáles no.

¡Ah! Y también lleva la cuenta de las comparticiones en Twitter, cosa muy interesante desde que los de esta red social dejaron de dar esas cifras.

Por el precio que tiene la verdad es que añade un montón de funciones muy interesantes.

Monarch

Este plugin de pago es de los desarrolladores de Elegant Themes, y es de los más bonitos que te vas a encontrar (aunque esto es algo personal claro).

Es un plugin muy sencillo, tanto de diseño como de configurar. Pero eso no significa que no sea un plugin completo. De hecho es todo lo contrario, tiene un montón de posibilidades.

Te permite añadir botones sociales en el lateral, al principio y final del post, en las imágenes (como SumoMe), y también te permite crear ventanas emergentes en el medio o en una esquina para animar a tus lectores a compartir tus post en sus redes sociales.

Además es totalmente responsivo, por lo que elijas la opción que elijas siempre se va a ver bien desde un dispositivo móvil.

Con respecto a la cantidad de botones que puedes añadir está más o menos como los demás: 20 botones sociales, lo cual sin duda es más que suficiente.

Y los botones también son personalizables en su estética: colores, tamaño, orden, animaciones al pasar el cursor por encima, etc.

E incluye contadores para mostrar cuántas veces se ha compartido cada entrada y estadísticas internas, para que tú puedas llevar un control más riguroso, lo cual es de agradecer.

Además, es muy sencillo de configurar. Tiene un panel de mando muy intuitivo y que te va guiando mediante casillas que tú solo tiene que marcar o desmarcar para cambiar la configuración de este plugin social.

Sin embargo, y aunque pinta todo muy bien, lo cierto es que podrías tener problemas con el rendimiento.

¡Ojo! No a todo el mundo le pasa, y de hecho este es un plugin muy usado por su facilidad y su preciosa estética. Y si funcionase mal, por muy bonito que fuese, la gente dejaría de usarlo.

Sin embargo, dependiendo de algunos blogs, a veces ocurre que hace muchísimas peticiones al servidor, lo cual hace que el hosting donde tienes alojado el blog necesite consumir más recursos. Y si llegas al límite de recursos, se te podría bloquear el acceso para no colapsarlo.

Esto lo leí por primera vez en este artículo , pero aun así, como era un plugin muy conocido y de un desarrollador muy potente, decidí probarlo y valorar por mí mismo.

Y sí, no me duró ni 24 horas puesto que lo tuve que quitar porque el hosting se quedaba sin recursos.

Si no hubiese sido por eso yo me habría quedado con este plugin sin dudarlo. Sin embargo, por mi mala experiencia (y no soy el único), te recomiendo que antes lo pruebes con cuidado.

Pero lo dicho, no tiene por qué darte problemas. No es un mal plugin ni mucho menos, y si te gusta y te va bien, creo que no querrás probar otro 😉 De hecho es muy usado y por eso lo he querido incluir aquí.

Pero yo no gano nada hablando bien o mal de un plugin o de otro y te comento todo lo que yo mismo he vivido.

Easy Social Share Buttons

Sin duda, el plugin para compartir en redes sociales de pago más completo y con más opciones de configuración que he probado nunca jamás.

Si buscas algo sencillo tal vez ésta no sea tu opción.

Pero si eres de los que te gusta trastear los ajustes de un plugin y configurar hasta el último rincón, te lo vas a pasar de maravilla con él.

Además, de rendimiento también esta muy bien. Mientras los estuve usando no note tan apenas problemas en ese sentido, y mi blog cargaba en sus tiempos habituales.

Te permite añadir un montonazo de botones de redes sociales a tus barras de compartir, y además te permite colocarlos en un montón de posiciones.

Puedes ponerlos al inicio y final del post, en barra lateral a cualquier lado del blog, ventanas emergentes, y un largo etcétera. También puedes modificar los colores de los botones, su forma y su tamaño.

Otra de las cosas que te permite hacer es llevar unas estadísticas para ver cómo se comparten tus post y en qué redes sociales, y mostrar un contador de las veces que se comparte cada post.

Y además son responsivos.

Aunque yo con esto tuve algunos problemas, porque dependiendo de la configuración elegida para el diseño de los botones unas veces funcionaba mejor que otras.

A veces, dependiendo del tamaño de la pantalla del dispositivo donde se viesen, los botones no tenían todos el mismo tamaño, o el texto de las redes sociales no quedaba dentro del botón y se salía por fuera, lo cual quedaba horrible.

Ya te digo que esto no pasaba siempre, y que solo pasaba con algunas configuraciones concretas de los botones. Pero bueno, creo que es digno de destacar, porque aunque son responsivos a veces tienen fallos.

Shareaholic

Este es uno de los plugins más veteranos de la lista.

Sin embargo, cada vez se ve menos, y es que ha recibido números críticas porque ralentizaba la velocidad de carga de las webs.

Tiene versión gratuita y de pago, con más funcionalidades y personalizable.

Es un plugin responsivo y que te permite personalizar los botones de compartir. También te permite añadirlos en un montón de lugares de tu blog y mostrar los contadores de compartición.

Añade incluye dos funciones extra: la posibilidad de mostrar al final de cada entrada las entradas relacionadas de tu blog para que tus visitantes sigan navegando por él, y la barra de aviso de cookies.

La verdad es que no me voy a extender mucho más en éste porque considero que cualquiera de las opciones que hemos visto antes, tanto gratuitas como de pago, es mejor opción. Pero se merecía tener un hueco aquí porque sigue siendo un plugin muy conocido y muy usado.

JetPack

Sí, ¿por qué no?

JetPack es el super plugin de WordPress.com que te permite añadir un montón de funcionalidades a tu blog creado con WordPress.org, entre ellas la posibilidad de añadir botones para compartir en redes sociales.

El módulo de redes sociales es muy sencillo: solo tienes que configurar qué botones de redes sociales quieres que aparezcan y poco más.

Eso sí, los botones son muy poco personalizables.

Además, solo los puedes mostrar al inicio y al final de cada post, por lo que es muy básico comparado con el resto de plugins WordPress para redes sociales que acabamos de ver.

Pero bueno, si acabas de instalar tu blog y ya viene con JetPack instalado, aquí tienes una solución gratuita, muy sencilla y que no afecta tan apenas a la velocidad de carga.

Lo puedes utilizar hasta que encuentres un plugin mejor, y así al menos estarás permitiendo que tus post sean fáciles de compartir en las redes sociales. Ya tendrás tiempo más delante de instalar un plugin más bonito.

Por qué usar botones sociales en WordPress

Muy sencillo, una web es el escaparate de tu negocio, en ella tienes que mostrar de manera visual las diferentes ramas por las que quieres que te conozcan o contraten.

Las redes sociales humanizan la marca de tu empresa, sirven para dar confianza a ese usuario que quiere conocerte antes de comprar tu producto.

Por este motivo puedes usar botones sociales WordPress, en diferentes partes de la web: tanto botones de perfiles sociales como botones para compartir.

Pero ¡ojo!, tanto unos como otros no se pueden insertar en la web de cualquier manera.

Cuidados a la hora de usar botones de perfiles sociales

No tienes que usar botones con acceso a tus diferentes cuentas en todas las páginas de tu WordPress.

No hace falta que plagues todos los apartados y secciones de tu blog con acceso a Facebook, Instagram, Twitter, LinkedIn, etc…

Lo importante es que analices cuáles son los mejores sitios para ubicar estos botones y dónde merece la pena incluirlos.

Ejemplo:

Imagina que entras en una tienda física dispuesto a comprar un móvil y en la puerta te encuentras un stand con publicidad diciendo que te vayas al local de al lado a conocer al dueño de la tienda.

Probablemente sucedan 2 cosas:

1. Primero: que no hagas caso al stand puesto que esa persona no te va a aportar nada salvo que ya tenga cierta reputación y te anime a que lo veas por algún motivo.
2. Segundo: aunque parezca ser una buena idea que alguien salga de la tienda para ver al dueño, no lo es, ya que estás perdiendo una posible venta.

Si aplicas esto cuando tienes o vas a crear una tienda online, sucede lo mismo.

Si tienes una Home donde estás invitando al lector a que continúe leyendo para que acuda a la gama de productos, pero en la parte superior del menú tienes incluidos botones sociales, estás estableciendo un punto de fuga importante en tu web.

Lo que puede pasar es que has podido convencer al usuario e incentivar a la compra gracias a un buen copywriting de inicio pero has provocado que el usuario, al ver perfiles sociales, acuda a cotillear en las redes tu negocio.

¿Qué puede pasar? Que una vez dentro, el visitante vea que tiene notificaciones en su cuenta personal y se olvide de que iba a comprar, se le pase el deseo o directamente se le olvide dónde estaba la web.

Como negocio habrás perdido, con este fallo, una posible venta y un futuro posible comprador.

Por este motivo mi recomendación es que en la mayoría de los casos no incluyas botones de perfiles sociales en la parte superior de la web.

De la misma manera puede no ser buena idea incluirlos en páginas donde tienes botones de comprar, contratar servicios, boletines de suscripción.

Tampoco donde tengas cerca cualquier botón de acción ya que estarás impidiendo una posible conversión importante.

Además, en las páginas donde incluyas botones sociales estarás ralentizando la web al ser llamadas externas además de perder parte de la fuerza de esa página a nivel de SEO.

Los botones para compartir en redes sociales tienen menos restricciones pero también debes cuidar dónde los incluyes.

Cuidados a la hora de establecer botones de compartir en redes sociales

Los botones para compartir en redes sociales son muy potentes, como hemos visto.

Estableciéndolos en tu web estarás haciendo que la visibilidad de los artículos se multiplique permitiendo que lleguen a mucha más gente.

Cuando una persona comparte tu artículo, este está llegando a todo el público de la persona que te ha compartido.

Esto te puede ayudar de muchas maneras:

1. Al compartir tu post en su cuenta personal, estarás ganando visibilidad.
2. Puedes llegar a conseguir más tráfico ya que más personas terminaran leyendo tu artículo.
3. Estará favoreciendo en parte al SEO de tu WordPress ya que Google verá más movimiento en tu página considerando que al tener tráfico el post puede ser de calidad (lógicamente aquí influyen otros factores como la permanencia en página).
4. Conseguir más seguidores en tus cuenta de redes sociales.

A pesar de ser todo favorable estos botones sociales en WordPress, ralentizan en parte la velocidad de carga por eso, evita colocarlos en todas las partes de la página.

Además, intenta poner estos botones solo en el blog por el motivo que te acabo de dar y porque difícilmente alguien va a compartir tu Home, tus servicios o la página de contacto.

Si alguien realmente tiene interés en compartir tus contenidos, buscará otros medios para hacerlo como Buffer o directamente recomendándote en sus redes directamente.

Ahora que has visto lo importante que es usar los botones sociales en WordPress, vamos a ver los mejores plugins para establecer enlaces a perfiles y para compartir contenidos.

Los plugins que vas a ver son recomendados porque son sencillos de manejar, visuales y rápidos. Como sabes me importa mucho la velocidad y no podemos echarlo todo a perder si usas plugins inadecuados.

Cómo usar perfiles sociales en WordPress

Como ya sabes en el repositorio de WordPress tienes de todo, por eso no vas a tener problemas en encontrar lo que buscas allí ya sean gratis o de pago.

Las plantillas por defecto suelen incluir este tipo de botones sociales en WordPress.

Además, si usas un page builder como Elementor, por ejemplo, lo vas a tener mucho más fácil al tener tener éste opciones de redes sociales integrados en sus menús.

Si tu plantilla no lo incluye y quieres insertarlos en la cabecera, widgets, sidebar, etc., una buena opción es usar un plugin como Social Icons Widget by WPZOOM.

Este plugin permite incluir en la cabecera y en distintas partes de la web iconos de perfiles sociales para que el usuario conozca todavía más la empresa.

Como dije al principio del post, aunque el plugin permite incluirlo en la cabecera piensa bien si lo necesitas.

Conclusiones

De todos los plugins que hemos visto, a parte de estos 3 últimos, si tuviera que elegir uno me quedaría con:

• Gratis: SumoMe si quieres muchas funcionalidades, o Simple Share Buttons Adder si buscas algo más sencillo.
• De pago: Simple Share Buttons Plus, o Social Warfare si buscas un poco más de personalización en lo que se comparte.

–

Y hasta aquí el listado de plugins WordPress para redes sociales. ¿Ya usas alguno? ¿Los conocías todos?

Espero haberte ayudado un poco con tu elección 🙂

La entrada Mejores plugins WordPress para redes sociales se publicó primero en Webempresa.

A todos nos gustan los fuegos artificiales, porque son maravillosos, llamativos y espectaculares.

El problema viene si vemos fuegos artificiales cada día, o si los tiran todos al mismo tiempo.

¿Te imaginas? ¡No tendría el mismo efecto tan bonito!

Te digo esto porque el tema que vamos a tratar hoy en este artículo es un arma de doble filo.

Si se usa bien, puedes incrementar esos clicks en el carrito de compra, en el registro de emails para recibir una newsletter, o cualquier otro tipo de llamada a la acción que tengas configurada en tu web.

Si se usa mal, causarás el efecto contrario: el usuario se despistará con tanto movimiento y efecto, que no sabrá dónde tiene que hacer click, y como tu web le “hará pensar”, la abandonará.

(Recuerda que un usuario en internet es vago y no le gusta pensar, prefiere que le digan dónde hacer click o qué acción tomar).

A lo largo del artículo vas a encontrar varias maneras de animar el contenido de tu web, para añadir ciertos “efectos” dinámicos a los elementos que quieras.

Sigue leyendo y presta mucha atención, porque quizás ahora no lo ves, porque nunca has trabajado con animaciones en WordPress, pero puede que te interese mucho.

¿Cuándo animar elementos en una web?

Personalmente no soy muy partidario de añadir demasiados elementos que confundan al usuario.

Esto lo comprendí cuando reformé mi casa. La diseñadora de interiores me lo dejó muy claro: cuando entras a una casa, y notas que no te gusta, es porque hay demasiados elementos que distraen la atención, y tus ojos no saben dónde hay que mirar primero, y eso crea una sensación incómoda en el cerebro.

Sin embargo, cuando entras a una casa, y todo está “en equilibrio“, los ojos van directamente a un punto concreto de la habitación en la que estés (una mesa bonita, un cuadro llamativo, una escultura original, etc).

¿Recuerdas la web que se hizo Homer Simpson en la serie? ¿A que no sabrías exactamente dónde hay que pinchar?

Una buena web, tiene que tener un claro CTA (Call to Action), y en mi opinión este es el punto clave para hacer uso de animación.

Por otro lado, ten en cuenta que cada animación o animaciones de tu web, requerirá de la carga de un archivo CSS, o JavaScript, y eso, aunque en menor medida, hará que la web cargue lenta.

También ten en cuenta que las animaciones no son muy recomendables en móvil (solamente las más sutiles), ya que pueden alterar la experiencia de usuario desde dichos dispositivos.

A continuación te describo tipos y maneras de animar prácticamente lo que quieras, en tu web de WordPress.

Animación propia de un plugin

Muchos plugins ya vienen con pequeñas opciones insertadas en paneles de control, las cuales te permiten añadir efectos animados.

Por ejemplo, un plugin para crear un slider te permitirá seleccionar entre diferentes transiciones; un plugin para crear una galería, te permitirá seleccionar si quieres que se haga zoom en la imagen si “pasas” el ratón por encima, etc.

Master Slider – Responsive Touch Slider

Este es un ejemplo de plugin para crear sliders, con el cual puedes “jugar” tu mism@ y ver qué animaciones tiene disponibles para mostrar en tu web.

Animación con Page Builders

Si lo que usas es un buen Page Builder (aprovecho para abrazarte, porque es lo mejor que puedes hacer en WordPress hoy en día), la buena noticia son que todos vienen con diferentes animaciones integradas de serie, y puedes añadirles más mediante extensiones.

La mala noticia es que si sólo te planteas usar un Page Builder, porque quieres usar animaciones, no te aconsejo ir por ese camino (con un plugin de animaciones te sobra).

Cada Page Builder tiene su propia configuración de animación (suelen estar en las opciones avanzadas, ya que no se utilizan mucho), y como yo utilizo (y es mi principal herramienta de trabajo), te enseño una captura de pantalla de dónde se encuentran ubicadas las opciones de animación en Beaver Builder.

Animación mediante CSS

La animación mediante CSS es posible, obviamente, aunque requiere ciertos conocimientos de código CSS (muy poquitos).

No lo vamos a ver aquí, al ser algo avanzado, pero te quiero comentar por encima cómo funciona.

Hay recursos disponibles para todo el mundo, que reúnen muchos efectos creados previamente.

Esas “librerías”, se tienen que instalar en tu WordPress, en los archivos del Theme que estés utilizando, y mediante una línea de PHP en el archivo functions.php, “decirle” al Theme que cargue también esa librería CSS, así esos efectos estarán “disponibles” en el caso que algún elemento “los llame”.

¿Y cómo “se llama” a una clase CSS concreta, en un elemento concreto?

Para aplicar esos efectos a un elemento en concreto, en el código HTML, tienes que indicar qué clase (class) utiliza ese elemento.

Si a un elemento, por ejemplo una imagen, quieres aplicarle una clase CSS que se llama rotate180, porque dicha clase rota el elemento al aparecer en la web, el código quedaría así:

<img class="rotate180" src="urldetuimagen.png">

Como ves no es algo super mega complicado, pero si no sabes nada de CSS o HTML, te puede sonar a chino.

Si te animas a juguetear un poco con tu web, te recomiendo que pruebes esta librería CSS: Animate.CSS

Animación mediante plugins de animación

Ahora toca hablar de “lo fácil”, que es utilizar plugins específicos para animar elementos en tu web de WordPress.

Es recomendable utilizarlos, si no estás utilizando ningún Page Builder, y no quieres recargar demasiado la web. Aunque recuerda, no te pases de la raya poniendo animaciones innecesarias.

Plugin de animación en general

El plugin más famoso que he encontrado para animar los elementos de tu web se llama Animate it, y tiene muy buena pinta.

Tiene los típicos efectos de animaciones web, y puede que te sirva para animar y dar visibilidad a ese super CTA que tantos suscriptores o ventas te va a reportar.

Por cierto, su funcionamiento es muy intuitivo, y lo que hace “por ti” es todo lo comentado en la parte de CSS anterior, de una manera muy visual y sin necesidad de tener conocimientos técnicos.

En su página de descarga hay un vídeo, para que veas cómo funciona.

Plugin para animar la carga de páginas

Gracias a este plugin, las páginas de tu web podrán tener una animación en la transición al pasar de una a otra mediante un click en cualquier enlace.

También podrás incluir un “pre-loader” a la web, para que haya una animación de “loading” (cargando), y así el visitante vea la web ya cargada (es una buena sensación).

Eso sí, puede que consuma algunos recursos extra, o que no termine de gustar a la gente, si esa animación de “loading” tarda, irónicamente, mucho en cargar.

Aquí te dejo el enlace al plugin llamado Page Animations And Transitions

Plugin para animar imágenes

Este plugin está más enfocado a la animación de cómo se muestran las imágenes en tu web.

Tiene más de 40 efectos al pasar el ratón por encima de una imagen, y es muy fácil de aplicar a tu contenido.

El plugin se llama Image Hover Effects.

Plugins para animar texto y títulos

Al igual que el plugin anterior es para una elemento muy concreto, este plugin es también para otro elemento: los textos y títulos.

Con el plugin podrás añadir ese efecto de “typing” (una palabra escribiéndose), que en algunas partes de la web queda muy bien (como por ejemplo en un Hero).

El plugin se llama Typing Effect.

Plugin para crear barras de progreso

¿Has visto en alguna web esas barras de progreso o números con círculos que se mueven a su alrededor? Pues con este plugin puedes conseguirlo.

Instala el plugin, y mira su documentación (es intuitiva no te preocupes). Podrás crear esos gráficos animados muy fácilmente.

El plugin se llama SKT Skill Bar.

Review especial: CSS Hero Animator

Y después de ver todos estos plugins en el apartado anterior, voy a analizar rápidamente uno que particularmente me ha gustado (lo he descubierto hace poco, en el momento de escribir este artículo).

En este vídeo te explico cómo se anima un elemento concreto, y verás qué fácil es:

Si te ha gustado el plugin, se llama CSS Hero Animator.

Para descargarlo te pedirá tu email, porque te lo enviarán a tu bandeja de entrada después de “activar” tu suscripción gratuita a su lista de correo.

Al ser gratuito, es una muy buena manera de “captar” algún que otro email, de gente verdaderamente interesada en su plugin.

Decir que estos desarrolladores no me han contactado ni ofrecido nada por hablar de su plugin, simplemente me gusta. En lo que no estoy de acuerdo es en los pasos para descargárselo, eso sí.

Conclusiones

El tema de las animaciones para una página web, a día de hoy es bastante común.

Pero claro, se pueden aplicar de una manera muy productiva (si es para incitar a pinchar en un CTA), o muy perjudicial para tu web si hay varios elementos animados que desvían la atención de tu usuario, y no aportan nada a la consecución de tus objetivos.

Los plugins dedicados específicamente a animar el contenido, suelen funcionar mediante shortcodes, y el gran “pero” es que si decides quitar el plugin, quedará algo de código espaguetti (que no sirve y es un lío) en tu web.

Lo que yo recomiendo es intentar utilizar un buen Page Builder, como Beaver Builder (insisto de nuevo en que no me pagan por decir esto, si no que es mi herramienta de trabajo), y si no necesitas algo tan potente como esa herramienta, utilizar un plugin muy específico y muy bien programado (no deja código espaguetti), como es el de CSS Hero (por eso lo he analizado independientemente de los otros).

Ánimo con esto de las animaciones (siento el chiste malo), y espero que este análisis te haya aclarado un poquito la mente, si tenías pensado implementar animaciones en tu web.

¡Espero que te haya gustado tanto como a mi escribirlo, y nos vemos en el siguiente artículo!

La entrada Añadir animaciones de contenido en WordPress (con y sin plugins) se publicó primero en Webempresa.

La legislación actual europea, con la entrada en vigor del RGPD en mayo de 2018, pretende salvaguardar el derecho a la privacidad de los ciudadanos comunitarios.

Asimismo, la normativa española ha sido la primera, dentro de la esfera europea, en promulgar una ley que adapta las nuevas resoluciones al marco jurídico español, la LGPDGDD.

A continuación, te enseñamos todo lo que tienes que saber para cumplir con dicha legislación; cómo afecta al uso de cookies y otras tecnologías de seguimiento online similares presentes en tu web.

La entrada en vigor del Reglamento general para la protección de datos (RGPD) en mayo de 2018 por parte de la Unión Europea te afecta a ti, como propietario de una web, y como puedes hacer uso de las cookies y otras tecnologías de seguimiento online.

Además de la vinculación con la ley europea, en España se aprobó a finales del año pasado la Ley orgánica de protección de datos y garantía de derechos digitales (LOPDGDD), que refuerza a nivel nacional la figura del consentimiento previo y establece la nueva del delegado de protección de datos.

Estas nuevas disposiciones legales afectan a todas las webs, empresas u organizaciones que utilizan cookies u otras tecnologías de seguimiento online.

Aunque se trate de una ley europea, tienen alcance mundial ya que atañe a todos los sitios que reciben visitantes residentes en la UE.

Ambas, junto con el futuro reglamento ePrivacy, tienen como objetivo primordial la protección de la privacidad de los ciudadanos europeos, devolviéndoles el control de sus datos personales, y la salvaguarda de sus derechos en la esfera digital.

Por último, la AEPD ha publicado a finales de 2019 la denominada Guía para el uso de Cookies, que pretende recopilar los principales requisitos de los distintos cuerpos legales con vigencia en territorio español.

A continuación, vamos a despejar todas tus dudas.

Cookies, ¿qué son?

Las cookies son pequeños archivos de texto que se establecen en el navegador por una web y gracias a los cuales se recaba información sobre los usuarios, desde la dirección de IP, idioma, dispositivos, cuantas veces la visita, su comportamiento dentro de la página, etc.

Esta información puede ser considerada datos personales, ya que, según el RGPD, los datos personales son todos aquellos que bien aislados o en combinación con otros pueden identificar a un individuo.

¿Cuántos tipos de cookies existen?

Existen muchos tipos de cookies, según su propósito:

• Estrictamente necesarias para el funcionamiento de la web.
• De preferencias.
• Estadísticas.
• Cookies de marketing.
• Cookies desconocidas.

Además, según la duración de las mismas pueden ser:

• Cookies de sesión.
• Cookies permanentes.

Llegados a este punto, es importante a su vez destacar otra distinción según la procedencia de las cookies:

• Propias: aquellas establecidas por la propia web.
• De terceros: cookies provenientes tanto de redes sociales como de anunciantes y grandes empresas tecnológicas.

Tú, como propietario de una web, eres responsable tanto de tus propias cookies como de los sistemas de seguimiento online de terceros que están presentes en tus dominios.

Para cumplir con el RGPD y la ley de cookies tenemos que tener en cuenta la figura del consentimiento previo establecida por la nueva legislación y que requiere que todas las cookies, excepto las estrictamente necesarias para el funcionamiento de la web, se detengan hasta que el usuario otorgue su consentimiento de manera clara e inequívoca en una acción afirmativa.

Consentimiento de cesión de datos personales, la clave

La pieza clave del sistema es la figura del consentimiento, como hemos adelantado anteriormente, y definido en el artículo 4 del RGPD: “toda manifestación de voluntad libre, específica, informada e inequívoca por la que el interesado acepta, ya sea mediante una declaración o una clara acción afirmativa, el tratamiento de datos personales que le conciernen”.

Para que este se obtenga de acuerdo con la ley, el RGPD estipula que el consentimiento debe ser:

• Transparente.
• Previo.
• Documentado.
• Claro.
• Reversible.
• Renovable.

De manera similar y adaptando la legislación europea a la realidad española, la LGPDGDD estable con principios reguladores del consentimiento los siguientes principios, que se corresponden con lo anteriormente expuesto del RGPD:

• Previo.
• Informado.
• Inequívoco.
• Escrito en lenguaje sencillo.

AEPD

A nivel nacional, la Autoridad española de protección de datos (AEPD), autoridad administrativa e independiente, se encarga de asegurar el cumplimiento de las ambas leyes, RGPD y LGPDGDD. Además, es la responsable de inscribir a una empresa como agente de tratamiento y registrar a los delegados de protección de datos.

Dentro de sus competencias, el organismo hace especial hincapié en la protección de los derechos de los ciudadanos, especialmente los referentes a acceso, rectificación, supresión limitación de tratamiento, portabilidad y oposición, según se establecen en el RGPD.

La legislación española ha sido la primera en promulgar una carta de derechos digitales, dentro del marco de la normativa de protección de datos, que amplían los expuestos anteriormente y que quedan divididos en dos tipos, dependiendo en el ámbito al que nos refiramos:

1. Ámbito personal:
   • Neutralidad de internet.
   • Acceso universal a la red.
   • Seguridad digital.
   • Educación digital y protección de menores.
   • Derecho al olvido.
   • Portabilidad.
   • Testamento digital.
2. Ámbito laboral
   • Derecho a la intimidad y utilización de dispositivos digitales.
   • Derecho a la desconexión digital.
   • Intimidad, derecho ligado a la utilización de dispositivos de vigilancia.
   • Intimidad frente el uso de localizadores geográficos.

Guía sobre el uso de cookies

Para evitar la confusión que pudiera surgir por la coexistencia de la normativa europea y la legislación a nivel nacional, la AEPD publicó a finales de 2019 una guía que pretendía solventar dichas disputas en materia de cookies.

En la misma, realizada en colaboración con el IAB España y otras organizaciones publicitarias, el citado organismo recoge sus recomendaciones para el uso de cookies a la espera de la aprobación del futuro reglamento europeo de ePrivacy.

Las principales novedades introducidas por la AEPD en la guía respecto a otras publicaciones de índole parecida son:

1. Admite la acción de “seguir navegando” como válida.
2. Deslizar la barra de desplazamiento, cerrar la ventana emergente y acciones similares se consideran actos afirmativos de consentimiento.
3. Se recomienda la renovación del consentimiento cada 24 meses, aunque no tiene carácter obligatorio.
4. Amplía el tipo de cookies que considera estrictamente necesarias (preferencias de idiomas u otros ajustes establecidos de manera voluntaria por parte del usuario).

Privacidad, la tendencia

La entrada en vigor del RGPD supuso el pistoletazo de salida dentro de las normativas que pretenden regular la actividad de recogida, almacenamiento y venta de datos personales a nivel mundial.

Asimismo, en enero de este año se ha introducido la California Consumer Privacy Act (CCPA) – El Acta de la privacidad del consumidor de California- que se mueve en la misma dirección y pretende salvaguardar la privacidad de los ciudadanos frente a los gigantes tecnológicos.

Estas leyes son las primeras piedras de toque dentro del marco legal internacional que han surgido como respuesta a la creciente concienciación por parte de la ciudadanía que desea recuperar el control de su esfera privada, convertida en mercancía durante la última década.

No te quedes atrás y actualiza tu web, de ti depende.

Solución con WordPress

WordPress en un gran CMS en el que podremos apoyarnos a la hora de cumplir con la legislación vigente sobre privacidad y tecnologías de seguimiento.

A mano tendremos diversas herramientas como son los plugins que nos ayudarán en el camino a la adaptación a la política de privacidad. Si quieres ver cuales son los que más te pueden ayudar te dejo una lista de los mejores plugins gratuitos de Cookies para WordPress.

La entrada ¿Qué son las cookies? ¿Cómo afecta en tu web el RGPD? se publicó primero en Webempresa.

¿Qué es lo primero que haces cuando hojeas un libro? La portada, la contraportada y la solapa nos aportan información genérica sobre el contenido del libro y, cuando queremos saber algo más, empezamos a hojearlo y, generalmente, nos paramos en su índice.

El índice de un libro permite localizar rápidamente la página o páginas dónde está la información que nos pueda interesar, pero también proporciona información sobre el contenido general del libro, su estructura y, en definitiva, nos sirve de referencia para adquirirlo.

Con los posts o páginas de un sitio web sucede algo similar.

Cuando un usuario llega a un post, habitualmente después de realizar una búsqueda orgánica en Google, lo que quiere y necesita es encontrar el punto del texto que resuelve su duda o pregunta, lo que le llevó ahí.

Sin un índice, el usuario está obligado a recorrer toda la página web, que puede tener varias miles de palabras. Esto le puede desincentivar y hacerle desistir de seguir mirando y buscar en otra página.

Con una tabla de contenidos evitamos esta situación: el usuario no solo no se encontrará perdido cuando llegue a nuestra página o post y podrá localizar rápidamente la información que estaba buscando, sino que puede encontrar otros puntos de interés en el resto del contenido.

En este artículo, veremos en qué consisten las tablas de contenidos, qué ventajas y características tiene y cómo implantarlo en nuestros posts y páginas de un Crear WordPress fácil y rápidamente, con o sin plugin.

¿Qué es una tabla de contenidos?

Básicamente, tal como se menciona en la introducción, una tabla de contenidos equivale al índice de un libro, aplicado a una página web, que muestra la estructura del contenido de la página web y un enlace a cada unos de sus apartados.

Con respecto al índice del libro, en que tenemos que buscar y localizar la página del libro a partir del número en el índice, la tabla de contenidos permite al usuario “saltar” directamente al punto que le interesa de la página web, clicando en la referencia que aparece en la tabla.

Un ejemplo de tabla de contenidos lo podemos ver en esta imagen de ejemplo, en la que se muestra la siguiente tabla de contenidos (o índice de contenidos) y en la que se pueden identificar sus principales elementos:

Cuando el usuario llega a la página web, lo primero que ve es su descripción, con una breve introducción del contenido de esa página, que equivaldría a la portada o contraportada de un libro, seguido de la tabla de contenidos, donde puede leer y localizar su área de interés.

Imaginemos la diferencia, desde el punto de vista del usuario, con una página que no tuviera tabla de contenidos: el usuario tendría que desplazarla hacia abajo con el ratón, localizando e identificando cada área relevante del contenido.

Si el usuario se desplaza demasiado rápido por la página, podría no localizar lo que anda buscando, volviendo a la página de búsqueda de Google y, a nosotros, dejándonos con una visita con bajo tiempo de estancia.

Por tanto, una tabla de contenidos, bien diseñada y organizada (después veremos cómo hacerlo), mejora la experiencia de usuario cuando llega a nuestra página web, con el consiguiente impacto en el posicionamiento orgánico.

Estructura de una tabla de contenidos

Veamos ahora qué elementos contiene o puede contener una tabla de contenidos y en qué consiste cada uno de ellos:

• Encabezado de la tabla de contenidos. Aunque una tabla de contenidos se identifica visualmente, resulta conveniente añadirle un encabezado distintivo y visible, con letras grandes y destacadas, con un texto claro como “Tabla de contenidos”, “Índice de contenidos” o similar.

 

• Ocultar/Mostrar la tabla de contenidos. La mayoría de los plugins permiten añadir un enlace junto al encabezado de la tabla de contenidos, que la muestra u oculta.

  En estos casos, la tabla debería mostrarse siempre por defecto, al cargar la página web, para evitar que el usuario tenga que pulsarlo.

  Aún así, esta característica no proporciona realmente ninguna utilidad: si el usuario quiere consultar de nuevo la tabla, debería volver a pulsar dicho enlace.

 

• Relación de las secciones principales del contenido. De forma similar a un libro, el post o página está organizado en secciones (capítulos), cada uno con su encabezado.

  La tabla de contenidos contiene el texto de estos encabezados, como texto ancla del enlace interno que lleva directamente al inicio de esa sección.

 

• Relación de los apartados de cada sección principal. Cuando el post o página es suficientemente largo (más de 2.000 palabras, como este mismo artículo que estamos leyendo), posiblemente algunas secciones contengan varios apartados.

  Si el post está bien organizado, cada apartado tratará un tema muy concreto y tendrá un encabezado, por lo que incluir este encabezado, con su enlace interno directo, será muy útil para que el usuario llegue directamente a lo que le interesa.

 

• Elementos gráficos o visuales. La tabla de contenidos se puede “adornar” con imágenes o viñetas gráficas. En general, no son recomendables, pueden recargar visualmente la tabla de contenidos, puede confundir al usuario y no aportan ninguna información.

  Viñetas tradicionales, como puntos gruesos o guiones, son más que suficientes para organizar la información de la tabla de contenidos.

¿Cómo diseñar una tabla de contenidos?

• Diseño identificativo y resaltado
• Debe estar siempre al principio
• Siempre se debe mostrar por defecto
• No más de dos niveles de anidamiento

Cómo crear y añadir tablas de contenidos en WordPress

Llega el momento de poner en práctica todo lo que hemos aprendido y ver cómo insertar una tabla de contenidos en nuestros posts y páginas en WordPress.

Para ello, veremos dos métodos. Uno, utilizando HTML dentro del post, algo más laborioso para nosotros; otro, instalando un plugin, que lo hace por nosotros, aunque dependeremos de las posibilidades de configuración de ese plugin.

Tablas de contenidos con HTML

Podemos insertar nosotros mismos las tablas de contenido como parte del contenido HTML del post o página, utilizando las siguientes etiquetas HTML:

• < UL >, para generar la lista no enumerada que contendrá las entradas con los encabezados de las secciones y apartados.
• < LI >, que contiene cada una de las entradas de la tabla de contenido.
• < A href=”#etiqueta” >, para incluir el enlace interno al punto del post donde comienza la sección o apartado correspondiente a esa entrada.
• < id=”#etiqueta”>, que colocaremos en el encabezado de cada sección o apartado, y que formará parte del enlace interno en la tabla de contenidos.

El siguiente vídeo muestra un ejemplo de cómo utilizar estas etiquetas HTML con un post en WordPress:

Tablas de contenidos con plugins

Editar nosotros mismos el código HTML para crear la tabla de contenidos nos permite tener total control sobre su visualización y disposición.

Sin embargo, al tratarse de una labor casi mecánica, puede resultar tediosa y proclive a errores de transcripción.

WordPress dispone de una amplia colección de plugins que generan las tablas de contenidos por nosotros, sin necesidad de editar HTML ni tener cuidado con la correcta escritura de enlaces y encabezados, tan solo instalarlos y configurarlos debidamente.

En el siguiente vídeo se muestra cómo instalar y configurar el plugin “Easy Table of Contents”, uno de los más utilizados y con múltiples opciones de personalización para nuestro sitio web:

Cómo se organiza una tabla de contenidos: buenas prácticas

Como hemos visto, el concepto de tabla de contenidos es muy sencillo y, a primera vista, muy fácil de crear. Sin embargo, esta aparente facilidad esconde el principal propósito de una tabla de contenidos: que sea útil.

De nada sirve tener una tabla de contenidos si un usuario la consulta y no entiende claramente sus entradas (esto es, los encabezados de cada sección y apartado) o, cuando sigue sus enlaces, el texto no se corresponde con lo que esperaba encontrar.

Ésta y otras consideraciones que veremos a continuación, son críticas para que insertar una tabla de contenidos no sea un mero formalismo técnico (fácil de resolver, por otro lado), sino que aporte utilidad al usuario y no se sienta frustrado o aún más perdido al utilizarla.

Así pues, para organizar y crear una tabla de contenidos que sea útil debemos seguir estas pautas:

• Tener una buena estructura de la información contenida en el post, organizada lógica y coherentemente en secciones y éstas, a su vez, en apartados.

  Una tabla de contenidos en que la información de dos secciones o apartados se solapan confundirían al usuario, que no sabría a cuál de esas secciones o apartados dirigirse.

 

• Una tabla de contenidos tiene sentido y utilidad cuando el texto del post o página sea bastante alto. Posts que ocupen menos de 1000 palabras o menos de dos pantallas tendrán una tabla de contenidos con dos o tres enlaces como mucho y no aportan nada a la experiencia de usuario, que casi podrá ver el artículo de un vistazo.

  Sería como tener un índice para un folleto de dos páginas.

 

• El texto de los encabezados de las secciones y apartado deben representar fielmente su contenido. Aunque parecer evidente, ¿quién no ha seguido alguna vez un enlace de una tabla de contenidos y se ha encontrado una información que no es acorde al encabezado?

  El mismo esmero que pongamos para optimizar los encabezados para el SEO, debemos ponerlos para que representen el contenido de la correspondiente sección o apartado

 

• Evitar secciones y apartados con menos de 100-150 palabras (2-3 párrafos) y más de 300-400 palabras (6-7 párrafos) de texto plano.

  Si son muy cortos, ver una pantalla el que los encabezados destacan más que el texto real confunde al usuario: demasiados encabezados atraen su atención.

  Si son muy largos, puede dificultar su lectura y comprensión por parte del usuario, y deberíamos plantearnos subdividir esa sección o apartado.

 

• Si la tabla de contenidos es muy corta (tres o menos entradas) o muy larga (más de 20-25 entradas), plantearse revisar la estructura del contenido del texto.

  Si el artículo es muy corto, una tabla de contenidos carece de utilidad (como hemos visto en un punto anterior), pero si fuese largo, deberíamos comprobar que no estamos mezclando conceptos dentro de una misma sección o apartado.

  De igual forma, si la tabla de contenidos es muy grande, debemos preguntarnos si podríamos combinar apartados similares o reagrupar las secciones de otra forma.

 

• Procurar tener menos de 7-8 secciones principales y menos de 7-8 apartados por sección. Por un lado, porque con tantas secciones y apartados hay más posibilidad de que su información se solape y, por otro lado, por mera cuestión de usabilidad: demasiadas secciones o apartados pueden confundir o intimidar al usuario.

Ventajas de usar tablas de contenidos en WordPress

Ya sabemos qué es y cómo se debe organizar una tabla de contenidos pero, aparte de que resulta útil al usuario (lo cual de por sí ya es razón suficiente), ¿utilizar tablas de contenidos aporta alguna ventaja adicional?

De hecho, son varias las ventajas que obtendremos al insertar tablas de contenidos en nuestros posts y páginas:

1. Mejora la experiencia de usuario

Ventaja principal que ya hemos visto anteriormente: cuando el usuario llega a un post o página, tiene acceso directo a la información que está buscando, lo cual tiene dos efectos: aumenta su tiempo de permanencia en la página y obtiene una buena imagen de nuestro sitio web, al haberle resulta fácil y rápidamente su duda.

2. Destaca en los resultados de búsqueda

Si hacemos en Google la búsqueda “instalación plugin Paypal Express WordPress”, obtendremos el siguiente resultado, donde se muestran resaltados el acceso directo a enlaces internos de esa página web:

Si echamos un vistazo a este artículo, veremos que en su tabla de contenidos aparece la información que se muestra en la página de resultados; es decir, el usuario, desde Google, puede acceder directamente al punto del post que satisface su consulta.

Además, al aparecer entradas de la tabla de contenidos en esta búsqueda, conseguimos que nuestro enlace destaque con respecto a otros enlaces que no tengan esa información, haciendo más probable que el usuario clique en él.

3. Mejora la estructura de los enlaces internos

Técnicamente, las tablas de contenidos son enlaces internos a diversas partes de una misma página web, en los que tenemos total control sobre sus textos ancla y, por extensión, para asociarlas a las palabras clave de búsqueda sobre las que nos interese posicionar.

Esta estructura, además, también facilita el trabajo de indexación de los rastreadores de Google, que podrá identificar y asociar un enlace a cada porción de contenido textual del post o página

4. Mejora el posicionamiento orgánico (SEO)

Las ventajas anteriores que hemos mencionado son criterios que el algoritmo de Google evalúa para posicionar una página web. Por tanto, si utilizamos adecuadamente las tablas de contenidos, nuestra página web también conseguirá mejor posicionamiento en la búsqueda por sus palabras clave.

5. Facilita la estructuración y redacción de posts largos

Tener una tabla de contenidos obliga a estructurar correcta y eficazmente el contenido del posts en secciones y apartados, si queremos haberlo bien y que esa tabla sea útil para el usuario.

Por tanto, tener la tabla de contenidos en mente (e incluso haciendo un esbozo previo) nos servirá como referencia mientras estemos redactando el contenido, con objeto de seguir las buenas prácticas que hemos visto anteriormente.

Conclusiones

Las tablas de contenidos permiten añadir una referencia rápida que dirija a las partes relevantes de un post o página, de forma que el usuario, sin necesidad de desplazarse por la página, pueda hacerse una idea de la información que contiene y saltar directamente al punto que le interese mediante un enlace interno.

A esta comodidad para el usuario, se une que los rastreadores de Google son capaces de identificar e interpretar la información de una tabla de contenidos; es decir, el texto de las entradas y sus enlaces internos.

Gracias a este rastreo, Google puede mostrar parte de esa tabla de contenidos durante los resultados de búsqueda de un usuario, lo mejora nuestro posicionamiento orgánico y aumenta mucho la posibilidad de que ese usuario clique en el enlace y visite nuestra página web.

El principal objetivo de una tabla de contenidos es que sea útil y práctico para el usuario, para lo cual debemos seguir diversas buenas prácticas, como el tamaño de la tabla de contenido, el texto de cada una de sus entradas, o la organización de las secciones y apartados, entre otros.

Finalmente, podemos añadir las tablas de contenidos manualmente, editando nosotros mismos las etiquetas HTML dentro del texto del post, o utilizando un plugin, que inserta automáticamente la tabla de contenidos, con opciones de configuración para personalizarlo a nuestro sitio web.

La entrada Crear índice o tablas de contenidos en posts de WordPress se publicó primero en Webempresa.

Activar el modo catálogo en Woocommerce es una tarea necesaria si quieres tener una tienda online donde mostrar tus productos pero no quieres establecer un sistema de pagos en la web.

Si lo que buscas es que tu sitio web tenga las mismas características y funcionalidades que un ecommerce pero no quieres dar la opción al cliente a que los compre directamente, la desactivación de los botones de compra es la solución.

Con esta simple acción vamos a conseguir convertir un comercio electrónico normal en un catálogo en línea.

Las razones por las que puedes necesitar llevar a cabo esta operación pueden ser varias:

• Quieres gestionar los pagos de otra manera y prescindir del pago directo.
• Necesitas un sistema de gestión de envíos entre tiendas propias o quieres que directamente se pongan en contacto contigo y no necesitas mostrar el precio ni gestionar el mismo automáticamente.
• Estás empezando a lo mejor no estás preparado para vender directamente. Con la activación del modo catálogo en WooCommerce.
• Te encuentras en medio de trámites legales y esos papeles tan necesarios no acaban de llegar.
• Pues estar estudiando y comparando la mejor forma de establecer el sistema de lógistica.
• Vas a realizar tareas de mantenimiento y quieres que los productos se sigan mostrando mientras se realizan los cambios sin tener la opción de comprar.

Cualquiera de estas situaciones se pueden presentar y activar el catalogo en tu WooCommerce es la solución.

Muy bien José, ¿Y cómo hago esto?

Como siempre te comento en otros artículos, de manera muy sencilla como vas a ver, concretamente tienes 3 opciones:

1. A través del Plugin Catalog for WooCommerce.
2. Instalando el Plugin Yith WooCommerce catalog mode.
3. Insertando un código en el funtions.php de tu tema.

Si quieres ver como se hace, sigue leyendo el tutorial y/o mira este video donde te lo explico todo:

Cómo activar el modo catálogo con el Plugin Catalog for WooCommerce

Como siempre, accede al administrador de plugins y haz clic en añadir nuevo.

Busca el plugin Catalog for WooCommerce en el buscador, instálalo y actívalo.

En el panel lateral aparecerá una nueva opción llamada “catalog mode”.

Haz clic en ella y accederás a este simple y rápido panel de configuración en su versión gratuita (cuenta con opción Premium).

Como ves en la imagen, la configuración es de lo más fácil que puedes hacer.

Versión gratuita Plugin Catalog for WooCommerce:

En el panel de la izquierda están las opciones para las descripciones de productos.

En el panel de la derecha cuentas con las pestañas para la página de la tienda.

En ambas puedes:

• Activar o desactivar los botones de compra.
• Eliminar o no el precio debajo de cada producto.
• Desactivar estrellas.
• Desactivar reviews (Esta última pestaña sólo está disponible para la versión Premium).

Si activas todas las pestañas tanto de la ficha de producto como la de la página de los productos, desaparecerán en toda la web tanto los botones como los precios convirtiendo tu tienda en una catálogo de productos.

¿Y qué ocurre con el carrito del menú? El carrito del menú sigue estando visible aunque no sirva para nada.

Para eliminarlo puedes hacerlo con las opciones de tu plantilla de WordPress o desactivándolo con CSS (lo veremos más abajo).

Nota: el plugin cuenta con una opción de settings para cambiar el formato de los botones, padding, colores, bordes etc…

Aunque no es una opción para catálogos propiamente, este plugin con esta función te puede servir para un futuro si tu plantilla no te da facilidades de edición de los botones.

Versión premium Plugin Catalog for WooCommerce:

• Permite esconder las reviews en los productos.
• Cuenta con la opción de aplicar a categorías concretas.
• Opción para que el producto se asigne como descargable sin tener que pagar.
• Establecer roles de usuario.
• Uso de formulario en lugar del botón para dar facilidad al cliente a que contacte directamente con el proveedor.
• Empleo de shortcodes para adaptar formularios como contact form 7 al establecido por el plugin de catálogo.

Cómo activar el modo catálogo con el Plugin Yith WooCommerce catalog mode

Este segundo plugin es prácticamente igual que el anterior. Cuenta con versión Premium y una de las diferencias principales es que este no te permite eliminar el precio.

Esto no es un problema ya que al querer crear un catálogo no necesitamos establecer precios y si los necesitamos por algún motivo, entonces perfecto.

Cuenta con una versión gratuita que puede ser más que suficiente para lo que estamos hablando, aunque la versión Premium cuenta con características interesantes.

Una vez instalado y activo en el administrador de WordPress aparece la opción Yith.

Haz clic en ella y accederás a las siguientes opciones:

Características versión free Plugin Yith WooCommerce Catalog Mode:

• Pestaña de ocultar el botón de precio en la descripción de los productos.
• Pestaña para ocultar el botón precio en las páginas de productos.
• Activar o desactivar el modo catálogo para los administradores de la web.
• Ocultar todas las funciones del pago en carrito dejando inhabilitado el icono del carrito del menú.

Igual que con el anterior plugin tienes que desactivar el icono del menú gracias a las opciones de tu plantilla y si no te lo permite empleando CSS como ahora vamos a ver.

Características versión premium Plugin Yith WooCommerce Catalog Mode:

• Permite ocultar los precios por tipo de usuario o país haciendo que los precios sólo sean visibles en España por ejemplo.
• Desactivación de las valoraciones para quien tú quieras.
• Podrás cambiar el texto del botón haciendo que ahora el usuario pueda por ejemplo solicitar presupuesto.
• Opción de añadir un formulario de contacto para solicitar el presupuesto de un determinado producto. Además en todo momento tendrás el control sobre que producto es el solicitado ya que lo recibirás en el formulario pudiendo llevar el control de los más solicitados.
• Listas de exclusión de mostrar o no el botón el los productos que elijas.

¿Qué hacemos con el icono del carrito del menú? Igual que el anterior plugin se puede desactivar con la plantilla y si no es posible usaremos CSS. (ahora lo vemos).

Cómo activar el modo catálogo sin plugins

Si quieres evitar instalar un plugin, una simple línea de código va a convertir tu ecommerce en un catálogo de la misma forma que los anteriores.
Para ello sólo tienes que copiar el siguiente código en el funtions.php de tu tema.

remove_action( 'woocommerce_after_shop_loop_item',
'woocommerce_template_loop_add_to_cart', 10 );

remove_action( 'woocommerce_single_product_summary', 
'woocommerce_template_single_add_to_cart', 30 );

remove_action( 'woocommerce_simple_add_to_cart',
'woocommerce_simple_add_to_cart', 30 );

remove_action( 'woocommerce_grouped_add_to_cart',
'woocommerce_grouped_add_to_cart', 30 );

Para ello accede al panel de control de tu WordPress>Apariencia>Editor de temas.

Mira en la parte de la derecha donde tendrás que seleccionar el tema que estás usando en el desplegable y busca la línea donde pone archivo funtions.php.

Copia el código al final del todo y haz clic en guardar.

Nota: Si al hacer clic en guardar no te permite hacerlo es porque tienes asignado alguna prohibición por seguridad.

Tendrás que acceder desde el panel de control de tu hosting a la carpeta administrador de archivos y en la carpeta content buscar el tema y editar desde allí el código funtions y hacer lo mismo.

Si eres principiante o te da miedo el código te doy otra opción mucho más sencilla.

Instalar el código Code Snippets

Estarás pensando: ¿si voy a usar el código para ahorrar tener que instalar un plugin de catálogo, para que voy a instalar otro plugin para ello?.

Cierto, pero este plugin de Snippets es muy ligero y te va a permitir insertar de manera muy fácil cualquier código que quieras meter en el funtions en un futuro.

Además, si actualizas la plantilla, todos los códigos que tengas metidos en este plugin no se perderán.

¿Cómo funciona? Simplemente búscalo en el repositor de WordPress, instala y actívalo.

Haz clic en los ajustes (fragmento de código) y pulsa “Añadir nuevo”.

Introduce un título (por ejemplo código catálogo WooCommerce), inserta el código en el campo donde pone “código” y haz clic en guardar cambios y activar.

Ya está, esto hará lo mismo que el método de antes y podrás ver como los botones de las descripciones de los productos y la página de los mismos habrá desaparecido.

Después de esto sólo queda ver cómo eliminar el icono del carrito del menú.

Vamos a ello…

Cómo eliminar el carrito del menú con CSS

Para desactivar el icono del carrito del menú, tendrás que ver si tienes la opción en la plantilla de tu WordPress y si no la tiene hay, que usar código CSS.

Para ello, hay que inspeccionar el elemento del carrito (en el video de arriba explico como se hace).

Es muy sencillo, haz clic en el botón derecho del ratón y elige “inspeccionar”. Con esto verás el código de la página (lo puedes hacer con Google Chrome o con Firefox).

Haz clic en la flechita de la izquierda (ver imagen) y sitúa el ratón encima del icono del carrito de compra.

Como ves en la imagen de arriba, aparece un código:

 ( .cart-contents.shopping-cart ) 

Este es el la class que identifica el carrito de compra en mi plantilla (en tu caso será otro).

Si te fijas, es el mismo que se ve en el código de abajo.

Esa línea es la que tienes que copiar y pegar en el personalizador css de tu plantilla.

Para ello, accede al panel de control y busca “personalizar”. Busca la opción “CSS adicional”, y al final inserta el siguiente código (recuerda que a según la plantilla el código será distinto.

Copia el tuyo y añade:

 { display:none; } 

Ejemplo:

.cart-contents.shopping-cart { display:none; }

Si haces clic en guardar verás que el icono del carrito habrá desaparecido del menú.

Con esto tu tienda de Woocommerce se habrá convertido en un catalogo al 100%.

Conclusión

Has podido ver 3 formas de activación del modo catálogo en Woocommerce.

De forma muy sencilla has podido ver como eliminar los botones de acción en productos y páginas desaparecen.

Además has aprendido a eliminar del menú el icono del carrito usando CSS.

¿A qué esperas para activar tu catálogo de productos en tu ecommerce?

La entrada Activar modo catálogo en WooCommerce [Actualizado 2020] se publicó primero en Webempresa.

En ocasiones nuestros negocios online necesitan mostrar diferentes tipos de contenido dependiendo de dónde sea un visitante.

Si tienes una tienda online, que vende a diferentes países; un blog que escribe diferentes artículos en diferentes idiomas, dependiendo del país; un freelance que muestra una hoja de servicios profesionales dependiendo desde dónde le visitan, o algún otro caso parecido, sigue leyendo porque te interesa mucho este artículo.

Lo que sí que adelanto es que este artículo tiene cierto nivel de conocimientos y te lo vas a tener que leer más despacio de lo normal, porque es importante conocer aspectos muy específicos para entender las redirecciones (o Geo Redirecciones en este caso) en WordPress.>

Una Geo Redirección consiste en enviar a un visitante de determinado país (el cual se mide por IP) a un determinado contenido de tu web.

¿Por qué redireccionar?

Hay, o pueden haber, muchas razones por las cuales a tu proyecto le podría venir muy bien tener geo-redirecciones:

• Ofreces varios idiomas en tu sitio web.
• Podrás ofrecer “contenido local” a tus visitas (por ejemplo, si tienes un blog sobre eventos, la gente de “Madrid”, verá automáticamente los eventos “en Madrid”).
• Podrás personalizar otro tipo de elementos como cupones de descuento y campañas de marketing muy específicas.
• Si tienes una tienda online, podrás modificar los impuestos de tus productos automáticamente, dependiendo desde dónde te visiten.
• Si hay determinados banners legales (como el de las cookies en Europa), podrás hacer que dicho banner “sólo moleste” a los que te visitan desde, en este ejemplo, Europa.
• Siguiendo con la tienda online, podrás restringir productos dependiendo desde donde te visitan.
• Podrás añadir una capa de seguridad a tu sitio web, “echando” fuera de tu web cualquier visita desde países que no te interesen.
• Otro tipo de razones para redireccionar que ahora no se me ocurren.

Ejemplos de redireccionamiento

Ya de cara al contenido de tu web, a continuación te menciono algunos ejemplos de redireccionamiento, configurables con los plugins que te menciono más abajo:

• Redirección en base a la geolocalización.
• Redirección a páginas, plantillas, artículos específicos.
• Filtrar usuarios por tipo de motor de búsqueda (Google, Baidú, Yandex, etc).
• Filtrar usuarios que nunca han comentado en tu web.
• Filtrar usuarios que hayan llegado a tu sitio web a través de otra web (y no a través de una búsqueda en Google).
• Filtrar usuarios por su rol en tu sitio web.
• Redirección de usuarios que estén online, u offline.
• Redirección dependiendo del dispositivo que utilicen tus visitas (tablet, teléfono, ordenador portátil, etc).
• Redirección cuando tus visitas son “bots” o “crawlers” de Google (las famosas arañitas que indexan tu contenido).
• Redirección dependiendo del tipo de página que se visite en tu web (página padre, página hija, un nombre específico de una página, etc).

Como ves, ya te había avisado al principio del artículo que puede que éste te resulte un poco más difícil de masticar que los que normalmente escribo.

Voy a pasar ahora a describirte los tipos de destino para estas redirecciones por geolocalización, a ver si poco a poco te vas empapando de todo.

Tipos de destinos más comunes

El destino de una redirección puede tener muchas variaciones. Dependiendo del objetivo que tengas, podrás montártelo como mejor te venga, y hacer tu estrategia de redirección más o menos compleja.

Los “destinos” de redirección más comunes, son:

• Redirección a un idioma diferente. (Aunque hay plugins de traducción, que ya vienen con dicha redirección por geolocalización de serie, como WPML).
• Redirección anti-hackers a cualquier página que no sea la tuya. (Hay muchos hackers de países del este y Asia, que mejor tenerlos “mirando” a otra parte, cuando visitan tu web).
• Redirección a otro dominio tuyo. (Por ejemplo si tienes www.tutiendaonline.es y rediriges a otra página de www.youronlineshop.com destinado a público americano).

Es una lástima que (todavía) WordPress no incluya por defecto un sistema de redireccionamiento por geolocalización, pero habiendo plugins my especializados en ello, no vas a tener mayor problema para conseguir la redirección deseada.

Antes de pasar a comentarte dichos plugins, me gustaría dar un repaso al vocabulario que tienes que conocer y tener en cuenta a la hora de utilizar estos plugins, ya que la gran mayoría son en inglés, y hay que tener mucho cuidado con la configuración de los mismos (ya que podrían romper tu web).

Vocabulario a tener en cuenta

Como acabo de mencionarte, veo muy importante repasar brevemente esos “palabros” que te puedas encontrar en las configuraciones de los plugin, y conceptos relacionados con la geolocalización, para tener cierta base de conocimientos antes de pasar a utilizar cualquier herramienta.

Como ya te avisé al principio, el artículo sigue sin ser facilillo, ¿verdad? 🙂

Reglas de redirección

Este es el concepto más sencillo. Son las propias reglas de redirección en sí. Por ejemplo, mandar a alguien que te visite desde Francia, a una página con una bandera francesa, es una regla de redirección.

URL

Dentro de las reglas de redirección mencionadas en el punto anterior, una URL sería, en el ejemplo: www.paginanuestra.com/bandera-francesa.

Si te quieres poner técnico, URL en sí, significa “Localizador de Recursos Uniforme” (Uniform Resource Locator en inglés).

Pero seguro que con decirte que es un “link” de toda la vida, lo entiendes.

IP

La IP es el “DNI” de tu ordenador. Puede ser tu ordenador, o cualquier otro ordenador.

Esa IP contiene información, entre la cual se encuentra tu zona geográfica (ciudad, país, continente, etc).

Por eso la IP es tan importante para la geolocalización, porque es uno de los pilares base de información requerida por el plugin que utilices, para poder funcionar correctamente.

Whitelist

Una whitelist o lista blanca no es más que un listado de IPs que tienen acceso completo a una URL (porque son IPs de confianza).

Es como una lista de una zona VIP de una discoteca, en donde un portero de dos metros por dos metros te deja pasar.

Blacklist

Como podrás imaginar, la blacklist o lista negra, es lo contrario a la whitelist. Son las IPs que se bloquean de cara al contenido de tu web.

En la metáfora usada, en este caso, el portero te agarraría por los hombros y te expulsaría de la discoteca inmediatamente.

Redirección estática

Aunque suene difícil, una redirección estática no es más que una redirección que se configura con cualquier regla, y no se cambiará durante mucho tiempo, o prácticamente nunca.

Redirección dinámica

Sin embargo la redirección dinámica es una configuración de regla de redirección que va cambiando periódicamente.

API Key

La API es algo muy “de desarrolladores”, que hace que, a través de la misma, se puedan conectar diferentes aplicaciones o herramientas web.

A ti te interesa saber qué es, porque si utilizas un plugin basado en SAAS (Software as a Service), en el que tienes que pagar una mensualidad por utilizarlo, normalmente viene con una clave de API (API key), que tienes que conectar con tu web de WordPress en donde hayas instalado el plugin de dicho SAAS. (ahora toca respirar después de esta definición).

Caching

Cuando un contenido web se utiliza continuamente, lo que hace la “caché” es almacenar ese contenido en el servidor, para poder cargarlo más rápido a aquellas visitas que lo estén viendo todo el rato.

Te interesa saber qué es, porque hay algunos plugins de redirección por geolocalización que no funcionan muy bien si utilizas algún plugin de Caché para WordPress, como por ejemplo WP-Rocket.

Queries

Esta palabra que tanto les gusta usar a los desarrolladores mientras toman café y hablan sobre su trabajo de bases de datos, no es más que las “llamadas” que “un contenido” hace a “otro contenido”, normalmente almacenado en una base de datos.

Por eso, en los plugins de redireccionamiento por geolocalización, siempre se van a hacer llamadas (queries) a servidores, para saber desde dónde nos visitan y poder actuar en consecuencia, dependiendo de las reglas que hayamos configurado previamente.

Plugins de geo-redireccionamiento

Ahora ya por fin pasamos a la parte más interesante, que son los plugins que he encontrado que tienen muy buena pinta, y con los cuales vas a poder “jugar” todo lo que quieras.

Antes de nada, como siempre, comentar que ninguno de los autores de estos plugins me ha pagado millones de euros o regalado docenas de jamones de pata negra para que hable de sus trabajos. (¡Que más quisiera yo ser así de importante!).

Los he separado en “gratuitos” y “de pago”, porque con los gratuitos, si no tienes un gran proyecto muy grande, te sobra.

Eso si, si tu proyecto depende en gran medida de una estrategia de redirección por geolocalización, entonces te recomiendo encarecidamente que optes por pagar un plugin premium, ya que te va a venir mucho mejor para tu web.

Plugin gratuito

Puesto que las redirecciones por geolocalización requieren de “llamadas” a determinadas bases de datos, es muy difícil encontrar un plugin que sea gratuito y que nos sirva al 100%.

Existe este que te propongo a continuación, aunque casi que te recomendaría que optaras por las “pruebas gratuitas de 14 días” de los plugins de pago.

Aun así, ¡eres libre de hacer lo que quieras! 🙂

IP2Location Redirection

Este plugin me ha llamado la atención porque tienen una parte gratuita bastante potente y flexible.

Lo que más me ha llamado la atención es su interfaz, bastante fácil e intuitiva, para configurar reglas de redirección complejas.

Eso sí, si utilizas un plugin de caché, ya te avisan en su página de que no va a funcionar mientras lo tengas activo.

Plugins de pago

Como siempre digo, un plugin o servicio premium lo es, porque ofrece, en teoría, algo de calidad.

Así que si lo que necesitas es algo muy premium, y con soporte incluido, no te lo pienses a la hora de utilizar herramientas parecidas a las que te traigo aquí (no tienen por qué ser éstas en concreto).

Geo Redirect

Este plugin premium te ofrece 14 días de prueba. Aun así, merece la pena probarlo, para saber si te va a ser útil o no.

Es bastante completo, y funciona por SAAS (hay cuota mensual).

Geo Targeting WP

Justo como el plugin anterior, este servicio mensual también tiene prueba de 14 días.

Lo bueno es que puedes ir escalando tus necesidades (y el precio) dependiendo de la cantidad de “queries” que vayas haciendo.

WP GeoIP Country Redirect

Este plugin es más barato (se compra una única vez por menos de 20 dólares) y te permite configurar determinadas reglas de redireccionamiento.

Ni de lejos se acerca a lo que ofrecen los dos anteriores, pero no está nada mal si tu proyecto es sencillo y no requieres de algo muy potente.

Herramienta para hacer tests: Ciberprotector

¡Pero no te preocupes! Que por lo menos, te traigo una herramienta para cambiar tu IP.

Así podrás testear tú mismo las herramientas premium que cito aquí.

Esta herramienta se llama Ciberprotector y además de ser un Gestor de Contraseñas, su VPN (Virtual Private Network) te permite visitar webs “como si estuvieras en otro país”.

Gracias a esta herramienta, nadie podrá seguir tus pasos en la red.

Se oculta tu dirección IP y tu ubicación para que puedas navegar de forma anónima y no sea posible rastrear tu huella digital.

Esto es posible ya que no usarás la dirección IP que te proporciona tu proveedor de internet, sino una de las IPs del servidor.

De esta forma, en el momento que quieras comprobar el real funcionamiento de las redirecciones en otro país, bastará con conectarse a un servidor del mismo país en cuestión, y así podrás acceder al contenido a comprobar.

Existen otros servicios de VPN gratuitos, pero éstos suelen tener unos límites de velocidad y servidores sobrecargados, provocando así una navegación más lenta.

Sin embargo el inconveniente más importante de los VPN gratuitos es que, debido al abuso de estos mismos servidores, muchas de las web a las que quieras acceder los tengan bloqueados a pesar de que tu localización sea correcta, por lo que no podrás realizar la comprobación que necesitas y no serviría de nada.

Conclusiones

Como ya has podido comprobar esto de las redirecciones por geolocalización es un poquito más complicado de lo normal.

Eso sí, una vez configurados los plugins y su correspondiente comprobación con CiberProtector correctamente, funciona muy bien.

Poder redireccionar tus visitas dependiendo del país desde donde te visiten es muy útil si tu modelo de negocio o estrategia de marketing se basan en esa funcionalidad.

De todas maneras, si necesitas algo mucho más potente, no te va a quedar otra que utilizar un plugin premium (incluso con pago mensual), para poder tener muchas más opciones (que no sea tan simple como en el vídeo).

Tú decides, y seguro que lo decides muy bien.

Espero que te haya gustado mucho este artículo, o al menos que no te hayas asustado demasiado al leerlo, y que practiques hasta que domines la redirección por geolocalización.

¡Un abrazo y nos vemos en el siguiente artículo!

La entrada Redireccionar en WordPress según el país de origen (Georedirecciones) se publicó primero en Webempresa.

Si vas a crear una página web con WordPress necesitas una herramienta para poder conseguir el diseño deseado.

WordPress ofrece infinidad de opciones para conseguir hacer una web atractiva, funcional y navegable.

De este proceso se encargan los temas o plantillas y son una parte imprescindible a la hora de empezar a diseñar una página web de garantías.

En este post vas a ver cuáles son los mejores temas para WordPress, pero antes, tienes que entender qué es y para qué sirve un plantilla.

¿Qué es una plantilla WordPress?

Una plantilla WordPress (tema, theme o template) es una herramienta de diseño que vas a necesitar para plasmar el dibujo, estructura y personalización de tu proyecto web.

Existen varias formas de trabajar con plantillas.

Puedes adquirir temas prediseñados y sustituir los textos, tipografías o imágenes a tu antojo o puedes crear el diseño desde cero.

En cualquier caso es importante que tengas en cuenta que (aunque a priori pueda parecer la mejor opción) elegir una plantilla prediseñada puede no ser la mejor opción.

Existen infinidad de temas para WordPress gratuitos y otro cientos de miles de pago.

Por norma general, si quieres crear un proyecto de calidad y conseguir un diseño totalmente personalizable lo mejor es que optes por plantillas de pago.

Ventajas y desventajas de los temas gratuitos

En la actualidad existen temas gratis que están realmente bien. El problema es que te dejes engañar por temas que a priori parecen muy visuales pudiéndote arrepentir a medio plazo.

El motivo por el que no es aconsejable como norma general instalar una plantilla gratuita en tu WordPress es por lo siguiente:

• Una plantilla gratuita puede dejar de ser actualizada por la persona que la creó. Esto puede provocar vulnerabilidades e incompatibilidades
• Como norma general las opciones de diseño serán escasas.
• En muchas ocasiones necesitarás usar CSS para conseguir el Diseño deseado.
• El código no siempre está cuidado siendo perjudicial a la hora de posicionar en los buscadores.

Ojo: No siempre comprar una plantilla Premium es una opción acertada. Hay que mirar muy bien la plantilla a comprar

Qué mirar a la hora de comprar una plantilla

Cuando estás decidido a crear tu web con WordPress la primera opción que puede pasarte por la cabeza es la de adquirir una plantilla gratis, es normal.

Ya hemos visto que de la misma manera que adquirir un servidor gratuito o demasiado económico es una decisión equivocada, no querer invertir un poco en tu proyecto puede hacer que te arrepientas después de un tiempo.

Estamos hablando de comprar un tema para WordPress de no más de 50 €/año como norma general.

Ahora bien, después de leer esto no quiero que acudas a comprar la primera plantilla de pago que veas atractiva porque te puedes equivocar.

Los motivos por los que debes mirar muy bien el catálogo de opciones antes de decidirte son:

• Existen temas Premium para WordPress visualmente atractivos pero con un código extremadamente complejo y desordenado.
• Muchas plantillas son muy visuales porque llevan incluidos funcionalidades que son propias de los plugins haciendo la web muy pesada al contar con elementos innecesarios.
• Existen plantillas temáticas que pueden hacer que el usuario crea que debe comprarlo por la sencillez en su diseño y adaptación. La realidad es que en muchas ocasiones pueden dificultar el diseño esperado.
• Actualizar las actualizaciones de temas que no están en el repositorio de WordPress a veces es algo complejo.

Para que no tengas que buscar, he creado este listado con las mejores plantillas en la actualidad:

Cualquiera de ellas tiene millones de descargas e instalaciones activas, están en constantes actualización y cuentan con un código limpio y optimizado.

¿Cuáles son las mejores plantillas para WordPress?

Divi

Divi es la primera opción que te recomiendo al ser una de las mejores plantillas en la actualidad.

Es el tema más usado en WordPress según las estadísticas de Builtwith.com.

Junto a otras que vas a ver, son las que van a conseguir que crees el diseño deseado.

Divi es mucho más que una plantilla y por eso la recomiendo la primera.

Si otros templates se quedan en ser la base para empezar a diseñar e incluir funcionalidades, Hosting Divi va un paso más allá al poder comprar un pack de diseño espectacular a un precio muy asequible.

La diferencia de Divi respecto a otras plantillas es que es un todo en 1.

Divi permite no sólo contar con una plantilla limpia y optimizada, además te permite conseguir el diseño esperado gracias a Divi builder un sistema de arrastrar y soltar muy sencillo de manejar.

Con Divi no hay diseño que se te resista.

Divi pertenece a Elegant Themes, una plataforma donde por poco más de 80€ al año, vas a poder tener:

1. Más de 80 plantillas (entre ellas Divi).
2. El constructor Web Divi Builder
3. Plugins adicionales como herramientas para compartir en redes sociales (Monarch) o un plugin muy bueno para captar suscriptores. (Bloom).

Si quieres conocer un poco más de Divi, puedes realizar este curso GRATUITO de la Plantilla Divi 4.0.:

CURSO GRATIS DIVI

Las otras plantillas que regala Elegant Themes no están al nivel de DIVI pero puede ser que las necesites para otros proyectos.

Extra es una plantilla que está funcionando muy bien dentro de la plataforma Elegant themes.

Funcionalidades de Divi

• Cuenta con plantillas prediseñadas de calidad.

  Con esto puedes crear un diseño web en muy poco tiempo si conservas la base o bien puedes hacer tomar como principio para trabajar en un mejor diseño.

• Preparado para el SEO (cuenta con una ventana de opciones pensando en él).
• Se complementa para el comercio electrónico perfectamente con Woocommerce.
• 100% responsive.
• Optimizada y rápida.

Puedes ver lo fácil que es crear una página web con Divi a través de esta demo interactiva en vivo.

Precio de Divi:

Pack completo con plugins y temas incluidos.

• 89$/año: Licencias ilimitadas y soporte Premium.
• 249$/toda la vida: Licencias ilimitadas y soporte para toda la vida. Paga una vez y lo tienes para siempre.

Como ves Divi es una maravilla y es un plantilla espectacular con cientos de extras al mejor precio.

PROBAR HOSTING DIVI CON PLANTILLA GRATIS

Astra theme

Astra es otra plantilla muy flexible y de fácil personalización que merece estar en este listado de los mejores temas por sus enormes características.

Se trata de un template fremium con más de 600.000 instalaciones activas.

Igual que la anterior cuenta con una versión gratuita para que puedas ver todo el potencial que puedes conseguir si optas por pasar al plan de pago.

Como la anterior, la compatibilidad con otros page builder como Elementor o Beaver Builder es absoluta pudiendo conseguir un diseño mucho mejor que lo que la plantilla ofrece de base.

Además puedes importar plantillas para usar directamente en tus diseños y mucho más en sus planes medio y superior.

Si hablamos de rapidez y sencillez, Astra es una plantilla ligera y optimizada con un código limpio.

Funcionalidades

• Selección de colores y tipografías muy diversa.
• Fácil personalización de menús.
• Uso de transparencias.
• Sistema de hooks muy completo.
• 100 % adaptado a dispositivos móviles.
• Desactiva fácilmente, títulos o barras laterales.
• Código muy estructurado a nivel de SEO.
• Compatibilidad con Woocommerce.
• Una plantilla muy rápida.

Precios Astra theme

• Pro: 59$/año para sitios ilimitados.
  Más de 20 plantillas para disfrutar.
• Paquete agencia: 169$/año para sitios ilimitados.
  Más de 60 plantillas + Wp portfolio + Complementos para Elementor o Beaver Builder.
• Paquete de agencia: 249$/año para sitios sin límite.

Más de 60 plantillas + Wp portfolio + Complementos para Elementor y Beaver Builder + Convert Pro + Schema Pro + Academi SkillJet + Nuevos complementos futuros

Astra es más que una plantilla y sigue creciendo.

Ocean Wp

Con más de 2 millones de descargas Ocean Wp es otro tema popular.

Otro tema Premium con parte gratuita aunque como siempre, limitada.

Con una compatibilidad absoluta con otros maquetadores con Elementor, Ocean es una de las mejores plantillas para WordPress en la actualidad

Un punto fuerte son las plantillas prediseñadas. Importa la que te guste, úsalas de base o tómalas como ejemplo para el diseño de tu web.

Como las anteriores, es rápida, optimizada para SEO y muy personalizables.

Ocean cuenta con extensiones que puedes comprar para ampliar mucho más las opciones de personalización y diseño.

Son muchas las funcionalidades que hacen de Ocean sea un theme a tener en cuenta.

Características:

• 100 % responsive y adaptable a móviles.
• Código optimizado y sencillo.
• Muy adaptado a Woocommerce con opciones óptimas para la conversión.
• Extensiones de cookies, menú pegajoso, pop up, portfolio, sliders…
• Uso de sistema de hooks.

Precio de Ocean WP:

• Personal: 39$/año para un sitio web.
• Business: 79$/año para 3 sitios web.
• Agency: 129$ para 25 sitios.

ThemeForest

Themeforest no es una plantilla y sí una plataforma de temas.

Funciona de manera diferente a Elegant Themes.

Esta herramienta es un Marketplace de plantillas de todo tipo.

Busca una plantilla generalista o temática y cómprala.

Ojo con las plantillas de esta plataforma. Existen muchísimas muy buenas, sin embargo otras pueden darte más de un dolor de cabeza.

Ventajas de Themeforest

• Puedes encontrar plantillas muy temáticas donde poder adaptar perfectamente tu negocio al tener un formato y características muy definido.
• Si vas a crear una inmobiliaria puede ser una buena opción por la complejidad de la creación de buscadores. Con themeforest es más fácil.
• Muchas plantillas incluyen un page builder propio o integran Wp bakery pagebuilder (antiguo Visual Composer) y ahora Elementor.

Desventajas de Themeforest

• Es fácil equivocarte con la elección si no te informas antes sobre la plantilla, ves las valoraciones, descargas soporte etc…
• Muchas plantillas incluyen opciones extras que a lo mejor no necesitas y que si fuera el caso cuentas con plugins para integrarlas en tu diseño a tu gusto.
• Tienes que tener cuidado con las webs temáticas, ya que en ocasiones puedes pensar que es más fácil implementar tu negocio en el diseño prediseñado siendo más complejo hacer ligeros cambios si no tienes conocimientos en CSS.
• Las actualizaciones no son tan sencillas como las plantillas que se encuentran en el repositorio de WordPress teniendo que subir por ftp cada actualización.
• Themeforest es una plataforma de venta de plantillas impresionante.

  Si buscas bien hay plantillas muy potentes como Avada, Enfold o Bridge.

Generatepress

Generatepress es un tema fremium.

Es decir, cuenta con una versión gratuita que puedes descargar desde el repositorio de WordPress.

La versión gratuita es bastante completa, aunque con limitaciones que cubre de sobra la versión Premium.

Generatepress es una plantilla muy económica pero por ello no hay que pensar que es mediocre, al revés.

Más de 2 millones de descargas y más de 200.000 instalaciones activas avalan a este gran tema.

Hablar de Generatepress es hablar de personalización. Al igual que Divi en fusión con un page builder puedes conseguir un diseño espectacular.

La facilidad de manejo, la multitud de opciones y sus sistema de ganchos (hooks) son algunas de su principales características a destacar.

Si no quieres instalar un tema hijo puedes usar sus hooks que permiten incluir códigos de manera sencilla sin perder los cambios cuando actualices las plantillas.

Funcionalidades

• Amplia selección de colores y tipografías propias y Google fonts.
• Fácil personalización de menús.
• Sistema de hooks muy personalizable.
• Posibilidades de desactivar elementos innecesarios pudiendo crear páginas de aterrizaje limpias.
• Responsive.
• Compatible con Woocommerce.
• Cabeceras transparentes
• Código muy estructurado a nivel de SEO.

Precio de Generatepress:

• 49,95$/año para sitios ilimitados.

Si te interesa esta plantilla aquí puedes ver un tutorial completo de Generatepress.

Conclusión

Elegir una plantilla para WordPress puede ser un verdadero suplicio. La amplia gama de plantillas y plataformas hacen que escoger una puede no sea tan fácil.

Si a esto unimos lo fácil que es dejarse engañar por un diseño bonito, puede hacer que nos arrepintamos en un futuro.

En este post has visto cuales son los mejores temas para WordPress en la actualidad.

Cualquiera de ellos va a dar un buen rendimiento a tu web sobre todo porque son plantillas que de base son muy configurables.

Además si unes estas con un page builder de calidad las posibilidades de crear un diseño extremadamente visual es muy posible.

Destacamos de ellas su compatibilidad y su código optimizado para rendir al máximo nivel y posicionar en los buscadores; algo que con otras plantillas es mucho más difícil.

Has visto Divi como primera opción. En calidad, paquete de complementos y precio no tiene competidor.

Si quieres más, echa un ojo a las otras opciones.

No te equivoques en tu elección y elige un tema para WordPress que haga de tu web un negocio rentable y espectacular.

La entrada Mejores temas para WordPress se publicó primero en Webempresa.

La mayoría de los propietarios de sitios web y, especialmente blogs, buscan la forma de ganar un poco de dinero extra a través de su sitio web (monetizarlo).

No siempre es fácil saber por dónde empezar, qué sistema utilizar o cómo explotarlo.

Probablemente, el marketing de afiliados sea uno de los sistemas más conocidos para monetizar un sitio web, como alternativa a la publicidad online (como AdSense o banners), que permite disponer de ingresos pasivos a partir de nuestros propios contenidos.

Básicamente, el marketing de afiliados consiste en promocionar o difundir productos o servicios de uno o varios proveedores externos y si, como resultado de esta actividad de promoción, se genera una venta, nos llevaríamos una comisión sobre su importe.

Con la estrategia adecuada, el marketing de afiliados puede aportar mayores ingresos que la publicidad online, son menos intrusivos (no interfieren con el contenido principal) y están mejor dirigidos al perfil del público objetivo del sitio web o blog.

En este artículo, vamos a ver qué es y en qué consiste el marketing de afiliación, y qué beneficios ofrece. Y, finalmente, veremos cómo gestionar un sistema de marketing de afiliados en WordPress.

¿Qué es el Marketing de Afiliados?

El marketing de afiliados se encuentra en medio de otros dos métodos de ingresos para un sitio web: la publicidad online, con anuncios patrocinados tipo AdSense, y la venta de un producto (físico o digital) propio. En general, la venta proporciona mayor beneficio que la publicidad online, a costa de mayor dedicación e infraestructura.

Mediante el marketing de afiliación, se promociona los productos o servicios de otros sitios web (proveedores), a través de enlaces o reseñas dentro del contenido de nuestro sitio web, de forma que cuando nuestros usuarios utilizan ese enlace y completan una venta, nos llevamo una comisión.

Ahora bien, aunque el proveedor paga una comisión, el precio final para el usuario no varía, que lo adquirirá al mismo precio que si lo hubiera hecho directamente en el sitio web del proveedor (es decir, sin utilizar el enlace de afiliación).

Por tanto, a diferencia de la publicidad online, que paga en función de los clics o las visitas, el marketing de afiliación funciona en base al CPA (costo por adquisición) o CPL (costo por cliente potencial), puesto que solo hay ingresos cuando un usuario realiza una acción.

Debido a que el proveedor obtiene un beneficio directo sin coste, los programas de afiliados pagan comisiones bastante más altas en comparación con Google AdSense u otras plataformas de anuncios (que tienen un coste para el anunciante).

Por otro lado, el marketing de afiliación requiere un enfoque muy práctico, con una estrategia bien definida para sacar la máxima rentabilidad a los contenidos con enlaces de afiliación.

Para ello, el afiliado (es decir, quien coloca el enlace en su sitio web) debe determinar qué productos o servicios pueden resultar útiles para sus usuarios (público objetivo).

A partir de ahí, debe diseñar una estrategia de marketing de contenidos (Inbound Marketing) para incorporarlos en las publicaciones de su blog, de forma que los usuarios tengan conocimiento de ese producto/servicio y puedan comprarlo a través de su enlace de afiliado.

Ventajas e inconvenientes del Marketing de Afiliados

En la descripción del marketing de afiliación ya se apuntaban algunas de sus ventajas; desglosémoslas a continuación:

• Podemos registrarnos a tantos programas de afiliación queramos, de distintos proveedores. El único límite viene dado por la temática y orientación de nuestro sitio web, así como el interés de los usuarios.
• No necesitamos crear nuestros propios productos, tan solo contenido de calidad que atraiga usuarios. Incluso, en muchos casos, supone simplemente añadir reseñas o recomendaciones de afiliación en el contenido ya existente.
• Una buena estrategia de afiliación puede atraer mucho tráfico a nuestro sitio web, mejorar la imagen de nuestra marca y aumentar nuestra presencia entre el público objetivo.
• Los bloqueadores de anuncios no afectan a los enlaces de afiliación, debido a que están integrados como parte del contenido, sin script ni cargas externas.
• Técnica y tecnológicamente sencillo. No requiere conocimientos técnicos avanzados para implantarlo en un sitio web, tan solo hacer un seguimiento de los contenidos para optimizarlos regularmente como parte de una estrategia SEO.

Pero el marketing de afiliados también tiene algunos inconvenientes que debemos analizar antes de arrancar con un programa afiliación:

• Un número excesivo de enlaces de afiliación (de forma a la publicidad online), puede afectar negativamente nuestra imagen y reputación entre los usuarios, que pueden llegar a percibirnos como poco fiables.
• Promocionar productos o servicios de cuestionable calidad también puede hacernos perder nuestra credibilidad entre nuestro público. Debemos conocer a fondo el producto/servicio y asegurarnos que entre dentro del área de interés de nuestros usuarios.
• Si las comisiones por venta son bajas, será necesario un elevado número de visitas para que el marketing de afiliación sea efectivo.
• Unos contenidos y enlaces de afiliación inadecuados pueden afectar negativamente nuestra estrategia de posicionamiento orgánico (SEO) si no nos aseguramos que encajen y se adapten a ella.

Podemos ver el ejemplo de la oferta de afiliados que tiene Webempresa:

PROGRAMA DE AFILIADOS WEBEMPRESA

 

Glosario del Marketing de Afiliación

Antes de entrar de lleno en el marketing de afiliados, debemos familiarizarnos con su términos y expresiones para evitar confusiones. He aquí algunos de los más importantes:

• Red de afiliados: mercado online donde los proveedores relacionan sus productos y servicios, para que los afiliados puedan seleccionarlos y promocionarlos en sus respectivos sitios web.
• Programa de afiliados: programa desarrollado por los proveedores con sus ofertas de afiliación, para que los afiliados puedan seleccionar aquellas que se ajusten a sus objetivos.
• Acuerdo de afiliación: acuerdo entre proveedor y afiliado que especifica las normas que ambas partes aceptan para el trato de afiliación, que incluye responsabilidades, tarifas y cuestiones legales.
• Afiliado/editor: propietario del sitio web o blog que promociona los productos o servicios de un proveedor a cambio de una comisión por venta o lead.
• Enlace de afiliado: dirección web o URL, con parámetros de rastreo, que identifica al afiliado como el origen del tráfico dirigido a la página de producto o servicio del proveedor (referencia).
• Referencia: crédito por un clic o una venta que se produce cuando el afiliado envía tráfico al sitio del comerciante.
• Comisión: el porcentaje, sobre el total de venta de un producto o servicio, que el proveedor paga al afiliado cuando un cliente ha llegado a través de su referencia (enlace de afiliado). También puede ser una cantidad fija.
• Cookie de afiliación: los clientes no siempre compran de inmediato al pulsar el enlace de afiliación, sino varios días o semanas después. Las cookies identifican el afiliado a través del cual ese cliente llegó en primer lugar y, cuando compre, asignarle su correspondiente comisión. Cada proveedor tiene su propio plazo, pero suele rondar entre 30 y 60 días.

Cómo empezar en el Marketing de Afiliados en WordPress

El punto principal que debemos tener en mente cuando nos planteamos hacer marketing de afiliados es que ganamos una comisión a cambio de que los usuarios obtengan información fiable y de calidad sobre tipos de productos o servicios que ya tenían pensado comprar.

Es decir, el usuario ya tiene la necesidad o interés de ese tipo de productos o servicios y, gracias a nuestros consejos, se decidirá a adquirir el producto o servicio concreto que analizamos o recomendamos.

En otras palabras, ¿cómo podemos guiarles y ayudarles a tomar la mejor decisión sobre su compra, de la que podrían hacer ellos por sí mismos?

En definitiva, como editores de contenido (o afiliados), debemos aportar valor a nuestro usuario, para que éste tenga la información suficiente y necesaria para tomar esa decisión y realice la compra o contratación a través de nuestro enlace de afiliación.

Veamos a continuación qué pasos debemos seguir para introducirnos en el marketing de afiliados y aprovechar al máximo las ventajas del marketing de afiliados y evitar sus inconvenientes:

1. Identificar al área de interés (o nicho) de nuestra audiencia

Debemos contestar a la pregunta: ¿en qué tipos de productos y servicios ya está interesada nuestra audiencia y estaría dispuesta a comprar?

Por ejemplo, todos los usuarios de un blog sobre diseño de sitios web en WordPress, probablemente también estén interesados en proveedores de alojamiento o themes y plugins de WordPress.

Por lo tanto, debemos analizar e investigar a fondo todos los productos y servicios dentro de las categorías de interés de nuestra audiencia y diseñar nuestra campaña de marketing de afiliados en base a ella.

En definitiva, significa pensar qué problemas tiene nuestro público objetivo y qué tipos de productos o servicios ofrecen soluciones de calidad.

Para cumplir este apartado, también podemos comunicarnos con nuestros usuarios, ya sea directamente con una campaña de email marketing, como a través de los comentarios del blog o los foros, e incluso mediante encuestas.

2. Elegir el producto o servicio a promocionar como afiliado

Dado que queremos aportar información de valor y calidad a nuestros usuarios, nuestra selección siempre estará limitada a los productos y servicios que caigan en los tres supuestos siguientes:

• A través de la experiencia con esos productos y servicios, que nos hayan gustado, se adecuados para nuestro público objetivo y que tengan programas de afiliación.
• A través de la evaluación de estos productos o servicios, normalmente con un periodo de prueba gratuito que haya permitido utilizarlo durante un tiempo razonable de tiempo para conocer sus posibilidades.
• A través de las afiliaciones de los sitios web o blogs de la competencia, que ya habrán hecho este análisis previo y pueden ayudarnos a determinar tendencias o intereses entre nuestros propios usuarios.

En todos los casos, hay que invertir tiempo, y posiblemente algún dinero, para analizar e investigar los productos o servicios más adecuados a nuestra audiencia.

En ningún caso deberíamos seleccionar afiliaciones en base a la intuición o nuestro propio interés, sino todo el esfuerzo dedicado para crear contenidos y posicionarlos caerá en saco roto.

Un buen lugar para buscar ofertas de afiliación son las redes de afiliados, que actúan como intermediarios entre nosotros (como editor o afiliado) y los proveedores (empresas que quieren promocionar sus productos y servicios).

Para los editores, son una plataforma fácil de usar para buscar productos o servicios, registrarse como afiliado y hacer un seguimiento de las conversiones e ingresos de nuestras campañas.

Para los proveedores, estas redes ofrece una plataforma para listar sus productos y servicios, analizar y rastrear el tráfico de afiliados, administrar afiliados y enviar los pagos.

Ya sea directamente con el proveedor o a través de una red de afiliados, debemos registrarnos e identificarnos para solicitar nuestro enlace de afiliación, así como proporcionar la información necesaria para recibir los pagos y todo aquello que el proveedor considere oportuno.

A su vez, el proveedor nos proporcionará nuestro enlace de afiliado, que utilizaremos siempre que publiquemos algo sobre su producto/servicio o hagamos a él, y que servirá para que el proveedor nos abone nuestra comisión.

Normalmente, el proveedor también ofrece algunos consejos y recursos de interés útiles para promocionar y difundir sus productos y servicios, como por ejemplo:

• Guía de afiliados, con instrucciones sobre cómo usar la plataforma del proveedor (según su complejidad) y el texto de las políticas de uso y pago.
• Recursos de marketing y promoción, como banners o imágenes para integrar en el contenido o la barra lateral.
• Campañas de email marketing, para informarnos de nuevos productos, cambios en los productos ya promocionados, nuevas ofertas, etc.

Después del trabajo para encontrar y evaluar productos y servicios, debemos traspasar nuestro conocimiento a los usuarios que, si la encuentra útil y fiable, seguirán nuestra recomendación y completarán la compra. Para ello, debemos ponerla al alcance de nuestra audiencia.

Un error habitual entre los que se inician en el marketing de afiliación es creer que basta con colocar “estratégicamente” algunos banners o imágenes en el sitio web o blog, con el enlace de afiliación y que los usuarios clicarán en él sin incentivarlos.

Difícilmente, los usuarios harán clic en los enlaces de afiliados si no los alentamos de alguna forma y, en general, la mejor consiste en crear contenido de calidad que atraiga su interés, satisfaga su curiosidad y aumente nuestra tasa de conversión; por ejemplo:

• Mostrando a los usuarios cómo el producto o servicio mejorará directamente su forma de trabajo o se adapta a sus necesidades.
• Incluyendo botones de llamada a la acción (CTA) atractivas y destacadas que atraigan la mirada de los usuarios y hagan clic.
• Creando guías detalladas para cada producto o servicios de afiliación, con imágenes, demos, evaluación de características, etc.
• Analizando casos de éxito de contenido de afiliación de la competencia u otros sectores, como fuente de inspiración.

El éxito del marketing de afiliados es directamente proporcional al esfuerzo, dedicación y calidad de nuestro contenido promocional.

Aunque la ley exige que debemos informar cuando nuestro contenido es patrocinado u obtenemos algún beneficio económico a través de él, como parte de nuestra ética deberíamos hacerlo, como muestra de franqueza y honestidad ante nuestros usuarios.

Si bien es cierto que hay usuario que, al ver un enlace de afiliación, declinan de clicar en él y escribir ellos mismos la dirección web del proveedor en su navegador, son una minoría, y no compensa la imagen que perderíamos si intentamos ocultar que usamos enlaces de afiliados (al final, todo se sabe).

No debemos tener miedo de ser transparente en este sentido. Los usuarios nos lo apreciarán y la mayoría querrán agradecernos, clicando en el enlace de afiliación, el esfuerzo que hemos hecho para ayudarles en su decisión.

Por tanto, allá donde compartamos un enlace de afiliado, ya sea en el post de un blog, en páginas web o en correos electrónicos, informemos que obtendremos una pequeña comisión si compran a través nuestra y que nuestra recomendación está basada en nuestra profesionalidad y buen juicio al analizar y utilizar ese producto o servicio en cuestión.

Plugins y herramientas de Marketing de Afiliados para WordPress

Cuando empezamos con el Marketing de Afiliados, dispondremos de pocos enlaces y contenidos de afiliación, pero a medida que el blog crezca, seguramente acabemos recomendando muchos productos y servicios diferentes.

Cada vez será más difícil administrar y monitorizar los enlaces de afiliados, contenidos, banners y anuncios distribuidos en todo el sitio web o blog. Y, si no monitorizamos, nos resultará también difícil medir y evaluar el éxito de nuestra estrategia de afiliación.

WordPress dispone de plugins que nos ayudan a monitorizar nuestros enlaces de afiliación de forma centralizada, tanto si están integrados en el contenido como en banners o imágenes en distintas áreas de las páginas web:

• AdSanity. Mediante este plugin, podremos crear, gestionar y administrar desde un único panel de control los banners de afiliación, y otros tipos de anuncios, como Google AdSense, que insertemos en nuestro sitio web, tanto en los posts, páginas o widgets.
• ThirstyAffiliates. La edición y gestión manual de los enlaces de afiliación dentro de nuestros contenidos puede convertirse en una tarea farragosa, incluso si son pocos, y proclive al error (que copiemos mal el enlace). Este plugin permite gestionar y añadir fácilmente los enlaces de afiliación en los posts, e incluso sustituir automáticamente determinadas palabras clave con la dirección de los enlaces, sin que tengamos que revisar nuestros posts uno a uno.
• MonsterInsights. Este plugin permite integrar Google Analytics con nuestro marketing de afiliación, para saber de dónde vienen los usuarios, rastrear los enlaces de afiliación y qué hacen cuando navegan por nuestro sitio web. De esta forma, podemos identificar qué enlaces tienen mayor número de clics y detectar nuevas oportunidades de afiliación.

Instalación y uso del plugin ThirstyAffiliates

Lo habitual en un blog, es que los enlaces de afiliación estén integrados en los posts, dado que tienen mayor capacidad de llamada y conversión que los banners ubicados en zonas concretas de la página web (barra lateral o pie, por ejemplo).

Además, con los posts también tenemos posibilidad de complementarlo con nuestra estrategia de posicionamiento orgánico (SEO) y obtener mayores porcentajes de conversión que cualquier banner.

En el siguiente vídeo, vamos a ver cómo instalar, configurar y utilizar el plugin ThirstyAffiliates para gestionar, insertar y promocionar los enlaces de afiliación dentro de los posts de nuestro blog:

Conclusiones

El marketing de afiliados, junto con la publicidad online (como AdSense), es uno de los métodos más extendidos de monetización de sitios web y blogs, sin necesidad de tener conocimientos técnicos ni de realizar inversiones previas.

Como sistema de monetización, el marketing de afiliados presenta varias ventajas con respecto a la publicidad online, entre ellas, que no tiene el carácter intrusivo de ésta y que los ingresos tienden a ser mayores.

El marketing de afiliados gira en torno al concepto de comisión por venta realizada, en vez de por clic o vistas como los anuncios patrocinados, por lo que debemos incentivar o motivar al usuario no solo para que clique en el enlace de afiliado, sino que realice la compra.

Por tanto, resulta fundamental conocer bien a nuestra audiencia, sus intereses y sus necesidades, para determinar qué productos o servicios pueden resultarles de utilidad y ofrecer contenidos sugerentes y atractivos que convenzan al usuario del beneficio de ese producto o servicio.

Así, el usuario clicará en el enlace que le ofrecemos para realizar la compra, que incluye un identificador de afiliado para que el proveedor o fabricante del producto/servicio sepa que ese cliente se lo hemos enviado nosotros y nos abone la correspondiente comisión.

Aunque los enlaces se pueden editar manualmente en los posts, páginas y widgets de un sitio web en WordPress, su mantenimiento y gestión resulta inviable para blogs de cientos de posts y centenares de enlaces de afiliación.

Por ello, resulta recomendable utilizar plugins de afiliación para WordPress, como AdSanity o ThirstyAffiliates, que permiten la gestión y administración centralizada de los enlaces y banners de afiliación e incluso de publicidad online.

La entrada Marketing de afiliados para WordPress (Mejores plugins) se publicó primero en Webempresa.

En este artículo voy a intentar hablarte (o más bien hacer una “clase de introducción”) a todo lo que tiene que ver con la Realidad Virtual y el 3D aplicado a tu web de WordPress.

Es cierto que este tema es muy reciente (en WordPress) y que hay muy poca información al respecto.

La buena noticia es que, aunque suene muy complicado o super moderno, no es tan complicado añadir Realidad Virtual a tu web, sea WordPress, o cualquier otro tipo de gestor de contenidos o simplemente mediante HTML.

Por ejemplo, en el caso de lo que nos interesa, WordPress, en su versión comercial (WordPress.com) desde hace relativamente poco es posible añadir fotos en 360º (más adelante vemos qué son y cómo hacerlas) mediante un shortcode.

[vr url=path-to-photo.jpg view=360]

Otro de los mitos sobre la Realidad Virtual que hay que aclarar aquí, es que no es tan caro como se cree.

Sí que es cierto que hace pocos años, era algo muy nuevo, y con dispositivos bastante caros, pero desde hace ya unos 3 años, existen bastantes dispositivos que nos van a permitir disfrutar de contenido VR a un precio muy bajo (te los menciono al final del artículo).

Sigue leyendo el artículo, y descubrirás si es buena idea o no, aplicar esta tecnología a tu web.

VR, AR, 3D

Antes de nada, quiero explicarte la diferencia entre los conceptos más cercanos en el campo semántico de la Realidad Virtual.

Aunque nos vayamos a enfocar más en el primero, conviene que sepas diferenciarlos, para que tu abanico de conocimiento de este tema sea mucho más amplio y puedas elegir mejor la tecnología a aplicar para la estrategia de marketing de tu proyecto online.

Realidad Virtual (VR)

Es lo que más te interesa en relación a tu web, y la principal tecnología que vamos a tocar en este artículo.

Por si tu poder de deducción te ha fallado esta vez, Realidad Virtual, en inglés es Virtual Reality, de ahí que las siglas sean VR (así la llamaré de ahora en adelante en el artículo), y no RV.

Y sí, es justo la imagen que te viene a la cabeza ahora mismo: alguien con unas gafas de esas de “Google” puestas, y moviendo sus brazos alocadamente y haciendo ruidos de sorpresa, con la boca abierta.

La VR está a la orden del día, aunque en mi opinión, todavía le queda mucho recorrido, sobre todo de cara a aplicar una experiencia VR avanzada en un proyecto web (más abajo te enseño como aplicar una experiencia VR básica).

La principal razón de pensar esto, es que hay una gran barrera a la hora de disfrutar de esta tecnología: hay que tener un dispositivo de realidad virtual, tanto para crear contenido, como para visualizarlo.

Aunque hayan dispositivos de VR por menos de lo que nos cuesta una cena en un restaurante, el hecho de tener que “utilizar” algo externo, que no sea nuestro móvil u ordenador, y encima, con cables (para disfrutar de una experiencia óptima), hace que la VR se vea, por ahora, destinada a un nicho muy concreto: gamers, early adopters, y demás nichos sedientos de nuevas tecnologías.

Eso sí, hay otro tipo de VR más “simplona”, que no requiere de uso de gafas, ni otro tipo de hardware, y en este artículo te voy a mostrar cómo la puedes integrar en tu sitio web.

Cuando llamo “simplona”, me refiero a algo como lo que puedes ver ahora mismo aquí: un viaje a las montañas de Rusia.

Realidad Aumentada (AR)

Prima hermana de la Realidad Virtual, la Realidad Aumentada (del inglés Augmented Reality) lo que hace es añadir un toque virtual, a un entorno físico y real.

Es más antigua que la VR, y todavía se sigue utilizando (y mejorando).

De hecho, seguro que conoces un claro ejemplo de uso: el catálogo de IKEA, en el que puedes, literalmente, ver cómo quedarán los muebles en tu casa, en tiempo real.

Incluso, si te apetece jugar unos minutos, te dejo aquí un ejemplo de una silla con AR escaneando el código a continuación (deberás descargar una aplicación de AR primero, si no la tienes ya).

Personalmente, me gusta más la AR que la VR, ya que la “inmersión” no es tan profunda y puedes estar todavía “conectado” con el mundo real.

La VR, por otro lado, te ausenta del mundo real (aunque hay que reconocer que a veces hace falta).

Tres Dimensiones (3D)

Y por último hablamos de algo que está completamente integrado en nuestro día a día (también de cara a proyectos web, siendo tendencia en diseño web en los últimos años).

Es el 3D (las tres dimensiones), y no hace falta que me extienda mucho en este punto, ya que lo conoces de sobra:

• Cine en 3D
• Impresoras 3D
• Videojuegos en 3D
• Productos de WooCommerce en 3D
• Sliders y efectos web en 3D

Pero pasemos ahora a la “miga” del artículo. ¿Es la VR la solución a tus problemas en tu web?

¿Deberías usar Realidad Virtual (VR) en tu sitio web?

Antes de explicar cómo integrar VR en WordPress, quiero que reflexiones unos minutos y respondas a las siguientes preguntas (te va a ahorrar tiempo en un futuro):

• Utilidad: Una experiencia de realidad virtual, ¿favorecería de alguna manera a tu negocio?
• Costes: ¿Te va a salir muy caro crear o producir esa experiencia VR, o no supondrá un coste excesivo?
• Tiempo: ¿Cuánto tiempo vas a dedicar a producir y mantener esa experiencia VR para tu web?

Retén ahora tus respuestas en la mente, y lee los beneficios que aporta la VR a un proyecto web, para que evalúes los dos lados de la balanza:

Beneficios de usar la Realidad Virtual en WordPress

• Te destaca de la competencia, según en qué mercado te muevas.
• La realidad virtual aplicada en WordPress, no requiere de muchas configuraciones y tecnologías por parte del usuario (en su parte más sencilla, que es la que nos interesa en este artículo).
• Los productos que vendas y que muestres mediante realidad virtual o 3D, ofrecerán al usuario una experiencia alucinante, y tendrás más posibilidad de ventas.
• Clientes potenciales pueden, literalmente, “probarse” tus productos antes de comprarlos (véase el ejemplo de venta de gafas de sol de Rayban en los iPhone).
• El contenido VR es muy llamativo para determinados nichos, si ese es tu público objetivo (millennials, geeks, early adopters, gamers, y otras palabras tan de moda).
• El contenido VR mejora el SEO y disminuye el porcentaje de tasa de rebote.
• Hace que tu web luzca más profesional y deposita más confianza en tus clientes (obviamente, si la experiencia VR está bien hecha).

Realidad Virtual y WordPress (todo lo que tienes que saber por ahora)

Seguro que después de tanta explicación de VR y de todas sus características, ¡estarás impaciente por saber cómo implementarlo en tu web!

Y no te preocupes, porque es muy fácil (el implementarlo). Lo complicado o difícil es crear ese contenido.

Es decir, tienes que tener presente que hay dos elementos necesarios para incluir VR en tu web de WordPress:

• El contenido o experiencia de VR (Qué muestras)
• La plataforma web donde insertar dicha experiencia VR (dónde lo muestras).
• La librería de VR para poder “ver” ese contenido en tu web (cómo lo muestras).

Vamos a poner un ejemplo sencillo y muy utilizado, para que entiendas mejor el proceso: crear una landing page con una visita virtual a nuestro apartamento, para ponerlo en alquiler.

Para crear una experiencia VR básica, tal y como son las “visitas virtuales”, utilizaremos una app de móvil o una cámara que haga fotos o vídeos en 360 grados (más abajo tienes unos ejemplos).

Imagino que la opción más directa y barata para “probar” es la de la aplicación móvil. Prueba a utilizar una app cualquiera para hacer fotos en 360º o esféricas (prefiero no dar ningún nombre aquí).

Luego, mediante los plugins que te digo un poco más abajo (o mediante el shortcode mencionado a principio de este artículo si estás utilizando WordPress en su versión comercial), podrás mostrar ese contenido directamente al visitante.

La buena noticia es que tanto Google Chrome como Firefox ya tienen librerías de Realidad Virtual integradas en sus exploradores de Internet, así que no se requerirá de ninguna instalación extra por parte del usuario, y disfrutará directamente de su mini-experiencia virtual en tu web.

¿Cómo se conecta una tecnología con la otra?

Como ya te he adelantado en el punto anterior, la mejor manera (y más fácil) de integrar Realidad Virtual con WordPress, es mediante el uso de plugins.

Usos más comunes en WordPress

Antes de mencionar los plugins que te recomiendo que pruebes, te describo aquí los usos más comunes que se le da a la Realidad Virtual en WordPress, para que analices si tu objetivo corresponde con alguno de estos ejemplos que funcionan:

• • Mostrar tours virtuales en webs de venta o alquiler de casas y apartamentos. (Ejemplo de algo muy avanzado).
  • Mostrar tours virtuales por museos. (Ejemplo).
  • “Probarse” ropa o accesorios online. (Esto requiere de tecnología más avanzada, que no da para explicar en este artículo).
  • Mostrar coches por dentro. (Ejemplo de YouTube)

Para nuestro ejemplo, basta con que hagas una foto de tu casa con la aplicación que hayas elegido, y la tengas a mano para subirla a tu web (tal como harías con cualquier otra imagen).

La diferencia es que esa imagen en cuestión, tiene un formato especial, que, al subirla mediante los plugins que te menciono a continuación, podrás conseguir un efecto de VR.

Plugins a considerar

Ya dejo de enrollarme, y aquí te traigo los dos plugins más populares y consistentes que creo que pueden ayudarte a juguetear on la VR en tu WordPress.

WP VR – 360 Panorama and Virtual Tour creator for WordPress

Tiene una versión PRO y una gratuita.

Con la versión de pago podrás añadir elementos con los que tus visitas podrán interactuar (llamados HotSpots).

El plugin es muy intuitivo, aunque está en Inglés. Pero lo entenderás a la primera si no hablas este idioma.

Cuando creas tu primera “composición” de VR, te genera un shortcode, el cual podrás pegar en donde quieras en tu web, para poder mostrar la experiencia de VR.

WP-VR View – Add Photo Sphere, 360 video to WordPress

Este es otro plugin potente en cuanto a experiencias VR básicas.

En la web del autor, puedes ver algunos ejemplos, y el plugin funciona mediante shortcodes, tal y como funciona el anterior.

Ejemplos de “Gadgets” para disfrutar de la Realidad Virtual (independientemente de WordPress)

A continuación, y aunque no tenga mucho que ver con WordPress, quiero mencionarte ejemplos de aparatos y gadgets que te permitirán crear contenido VR de una manera fácil, así como visualizarlo.

No hay ningún enlace de afiliado ni me dan comisiones por cada venta, simplemente te los menciono para que los tengas en cuenta, si estás planteándote adquirir uno:

Para hacer fotos en 360º:

• GoPro Fusion
• Instax360 One X
• Samsung Gear 360

Para visualizar contenido en VR (de más barato a más caro):

• Google Cardboard Kit
• Oculus Go
• Google Daydream
• HTC Vive PRO

Si te interesa cualquiera de estos gadgets, haz una pequeña búsqueda en Google con ese nombre, y podrás saber dónde comprarlos y ver análisis de los mismos.

Al no ser el objetivo de este artículo, no he querido poner ningún enlace a sus respectivas web de compra.

Conclusiones

Si cumples alguno de los usos comunes de la VR en WordPress, puede que esta tecnología te venga muy bien para llevar tu web a otro nivel (por ejemplo si vendes o alquilas bienes inmuebles).

En mi opinión, la VR está un poco “verde” todavía, aunque está avanzando a pasos de gigante.

Mi recomendación es que juegues un poco con lo que te menciono en este artículo, y que si te gusta la idea, te hagas con un buen gadget (de creación y de visualización) y te conviertas en el fan número uno de la VR.

¡Espero que te haya servido este artículo, y nos vemos en el siguiente!

¡Te mando un abrazo virtual, y muy real!

La entrada Aplicando 3D y Realidad Virtual a WordPress se publicó primero en Webempresa.

Los slugs son una parte muy importante a la hora de diseñar una página web y no tenerlos en consideración puede ser uno de los principales factores por la que tu web no posiciona en Google.

En mi trayectoria como diseñador web y consultor SEO me he encontrado con muchos proyectos que desde un principio han llevado una mala gestión de los slugs y por ese motivo esa web no ha tenido el crecimiento esperado.

La configuración de los slugs en WordPress hay que hacerla bien desde el principio para que la estructura de la web a nivel de contenido sea clara visualmente para el usuario y a nivel de posicionamiento web sea efectiva.

En este artículo vas a ver qué son los slugs en WordPress y cómo tienes que trabajar con ellos para que el proyecto que tengas entre manos llegue a lo más alto posible.

¿Qué son los slugs en WordPress?

Los Slugs en WordPress son básicamente la estructura de la url, es el nombre que añades detrás del nombre de tu dominio en cada una de tus páginas o entradas de tu web.

– Te pongo un ejemplo:

Imagina que estás creando tu web y vas a crear un página llamada:

“¿Dónde comer una paella de marisco en Valencia?”

Si estás familiarizado con WordPress podrás ver que por defecto este CMS coge el título para añadirlo como slugs y lo más normal es que la url( slug) sea esta:

También te puedes encontrar con que WordPress ha establecido esta url:

Estas no son urls demasiado acertadas y tu tienes el control de ellas ya que se pueden cambiar como vas a ver a lo largo de este artículo donde también vas a aprender a llevar una buena estrategia de slugs para que cada una de las creadas en tu web tengan sentido y sean efectivas.

Cómo elegir los enlaces permanentes para mi web (permalinks)

Cuando acabas de instalar WordPress lo primero que tienes que hacer es elegir un tipo de estructura de enlaces permanentes para todas las urls de la web.

Si escoges una estructura poco idónea para la web que vas a crear tendrás un problema en un futuro si quieres cambiarla.

Para acceder a estas opciones de configuración tienes que ir al panel lateral de:

A no ser que tengas un periódico o una revista donde tengas especial interés en incluir la fecha en el slug porque el contenido se actualiza a diario, lo mejor es escoger una url amigable como la establecida por defecto como es la opción “nombre de entrada”.

Al escoger esta opción como ves en la imagen de arriba, el usuario verá una url limpia y Google o los otros buscadores entenderán mejor la estructura de urls de tu sitio web.
En caso contrario imagina una url como esta por ejemplo:

El número que aparece al final es el ID que asigna WordPress a esa página creada.

Como ves ni estéticamente es atractiva, ni aporta nada al usuario y es perjudicial para el posicionamiento de la web.

* Es importante no cambiar la estructura de urls en un futuro. Si lo hicieras tendrías que hacer redirecciones, ya que estarías causando errores 404 (páginas inexistentes) que tendrías que arreglar siendo muy perjudicial para el SEO de la web si no se hace bien.

Lo recomendable por usabilidad y posicionamiento es escoger la opción establecida por defecto “nombre de la entrada”.

Cómo crear slugs en entradas y páginas

Cada vez que creas una página o una entrada nueva, se asocia una url a ese contenido.

Esta url se creará de forma automática como te comenté al principio del artículo.

En la mayoría de ocasiones lo ideal es editar ese slug haciéndolo lo más corto posible y optimizarlo para el SEO.

Editar esa url es muy fácil. Una vez que crees la nueva página donde te vendrá el título por defecto, verás (como te indico en la imagen más abajo) debajo del mismo el campo url; si haces clic en editar podrás cambiar ese slug.

* Este campo de url aparece una vez crees el título y hagas clic en guardar cambios (no hagas clic en publicar o será visible para todo el mundo lo que hayas creado de momento).

Es importante que los términos usados para el slug sean letras minúsculas, que vayan separados por guiones centrales (-) y que evites usar tildes y otros caracteres como la letra ñ.

Hay más formas de hacerlo…

Por ejemplo, necesitas un plugin de SEO para manejar los diferentes Slugs ya que de forma automática se generar urls con slugs que no queremos que los buscadores visiten o muestren en sus resultados.

Con el plugin Yoast SEO conseguimos esto además de permitir contar con otra forma de editar los slugs de cualquier página o entrada directamente ya que también permite hacerlo desde sus opciones.

Aprende a configurar este plugin y a trabajar bien los slugs en WordPress de forma sencilla gracias a este curso gratuito de Yoast SEO.

Cómo cambiar los slugs en categorías y etiquetas

Los slugs de categorías funcionan igual que las entradas y páginas.

Para acceder a ellas tienes que ir a la opción Entradas>Categorías.

Rellena el campo slug con términos que definan la categoría de forma breve.

* Las etiquetas se crean igual que las categorías.

Puedes cambiar la url de cada categoría haciendo clic en edit en cada una de ellas, pero tienes que tener cuidado en hacerlo ya que estarás generando un error en la antigua url al dejar de existir.

Además, un cambio del slug en categorías puede influir en todo el posicionamiento de la web ya que todos los artículos cuelgan de una determinada categoría y si estas se están indexando puede generar un problema de rastreo importante de los buscadores.

Lo veremos más abajo.

Cómo cambiar el slug de Autor

Por defecto, el slug del autor es el nombre de usuario.

No se puede cambiar el nombre de usuario de una cuenta de WordPress por defecto después de haberla creado. Pero como para todo siempre existe un plugin.

Con el plugin Edit Author Slug podrás cambiar el nombre de los autores de tu web.
Una vez instalado y activo, ahora al editar usuarios, podrás asignar otro nombre al slug de autor.

Cómo cambiar los slugs en tiendas online (WooCommerce)

Las tiendas online creadas en WooCommerce tienen el problema de trato de los slugs no del todo correcta.

Cada vez que creas un producto o categoría de WordPress te crea URLs del tipo:

WordPress crea una especie directorio previo para organizar así la información y esto puede ser bueno y malo a la vez desde el punto de vista SEO, ya que se se trata una url más larga y con mayor profundidad de rastreo.

Con el plugin Woocommerce Permalink Manager podrás hacer desaparecer dicho slug intermedio para que las URLs de tu sitio web queden 100% amigables del siguiente modo:

Más sitios en la web donde se trabajan los slugs

Los slugs en WordPress no sólo se crean en entradas, páginas o categorías, existen también en:

• Archivos adjuntos.
• Portfolio y extensiones de plugins.
• Filtros en tiendas online.
• …

Las urls generadas por defecto en algunos plugins, como los filtros productos en Woocommerce, se generan de forma automática y no son modificables.

La solución para no tener problemas de contenido duplicado etc, es usar plugins de SEO como el mencionado Yoast.

SEO para Slugs

Los slugs juegan un papel muy importante en el SEO. Aunque es cierto que buscadores como Google van mucho más allá que una simple url.

Todo suma en el SEO y por muy poquito que sea, la verdad es que una url bien optimizada ayuda mucho al posicionamiento web.

A lo hora de escribir cada url de una página, entrada o categoría es importante tener en cuenta estos factores:

La url debe incluir la palabra clave que se va a atacar, que normalmente será similar al título.

Debe ser lo más corta posible, utilizando 4 o 5 palabras como mucho y quitando si es posible artículos, preposiciones, conjunciones…

Ejemplo: Si has escrito un post sobre “Las mejores playas para hacer surf” puedes usar una url como “mejores-playas-hacer-surf”.

Si el dominio contiene ya esa palabra clave, puede ser buena idea no duplicarla.

Por ejemplo, imagina que tu web es zapatosbaratos.es. Crear una url llamada zapatosbaratos.es/de-tacon/ puede ser una idea a tener en cuenta ya que el dominio ya incluye la keyword.

Cuidado en indexar las urls creadas por defecto con plugins, autores o filtros de productos en Woocommerce. Un plugin como Yoast SEO ayuda a que estas urls no se indexen.

Si modificas una url con un nuevo slug, tienes que hacer un trabajo de redirecciones internas en los links que apuntaban a la antigua para evitar la doble redirección (ayuda al rastreo de Google).

Cuidado con las canibalizaciones: tienes que tener cuidado en que las urls sean lo más diferentes posibles y por supuesto no repetir (aunque para ello WordPress ya se ocupa de incluir un -2 al detectar una url igual).

Si la url es única y WordPress sigue añadiendo un -2, puede ser que tengas alguna entrada en borradores o eliminadas con esa url.

Elimínala o crea un título con una url diferente.

Cuidado con los enlaces espejo

Los enlaces espejo son muy habituales en cualquier web pudiendo provocar duplicidades y confusiones en Google al entender que son urls diferentes.

Básicamente se producen cuando creamos enlaces internos sin incluir la / al final.

Imagina crear un enlace que apunte a la home como este: zapatosbaratos/de-tacon.

Y otro enlace en otra parte de la web que es zapatosbaratos/de-tacon/.

Esto es un enlace espejo y hay que evitar que suceda ya que Google o el resto de buscadores puede interpretar que se trata de urls diferentes.

Conclusión

Los slugs en WordPress son importantísimos. Me encuentro con muchos proyectos que no están funcionando a nivel de SEO porque tienen un mal trabajo en las urls.

El usuario necesita ver en cada slug la temática del post o página que va a leer, ya que este aparece en las serps de Google o en el navegador e invita a seguir leyendo al saber de qué trata el contenido.

Los buscadores necesitan lo mismo, pónselo fácil porque buena parte de tu estrategia SEO pasa por tener unas urls optimizadas.

Si quieres hacer que tu sitio web suba posiciones en Google y que tenga una estructura más amigable tienes que hacer un trabajo de reestructuración de urls importante, y si estás trabajando para lanzar tu web nueva, ya sabes la importancia que tiene los slugs en el SEO de tu proyecto web.

La entrada Slugs en WordPress, ¿qué son y cómo utilizarlos en tu web? se publicó primero en Webempresa.

Con una tienda online puedes tener miles de clientes si la estrategia que tienes es de llegar al máximo número de leads posibles.

Al contrario que con una tienda física, (spoiler: lo que voy a decir es muy obvio) con una tienda online puedes tener muchísimas más oportunidades de captación y visitas que acaben en venta, y con lo cual, muchos más ingresos.

Pero, también tienes infinidad de más posibilidades de ser atacado y que determinadas personas con muy mala intención, realicen determinadas acciones en tu comercio online, que no te van a gustar nada de nada.

Fuera de robarte un par de productos, o de hacerte un grafiti en la ventana de tu tienda física, en una tienda online, si tú les dejas (y depende de quién, si les da la gana a ellos…) pueden realizar determinadas acciones que tú pases por alto, pero que estén perjudicándote durante mucho tiempo a ti, a tus visitas y a tu negocio.

Más vale prevenir que curar

Es aquí cuando llega el momento, en una tienda física, de poner una alarma 24 horas, de cambiar la cerradura a una mucho más grande, y todo lo que haya que hacer para aumentar la seguridad de tu comercio.

Y “todo lo que haya que hacer” a nivel online, es lo que te voy a enseñar en este artículo sobre seguridad para WooCommerce.

No vas a tener una tienda online a prueba de hackeos, ni mucho menos, pero añadirás capas extra de seguridad que te van a venir muy bien (y van a venir muy mal a quien intente hackearte la web, haciéndoselo, al menos, bastante más difícil).

1. Ten todo al día

Aquí no sólo me refiero a tener todos los plugins y la plantilla o framework que utilices actualizado a la última versión, si no también a realizar todas las acciones necesarias para que el “core” de tu WooCommerce luzca sano a diario.

Esto quiere decir que tengas “al día” todas estas acciones:

• Añadir productos.
• Quitar productos que no utilices.
• Arreglar errores (bugs).
• Revisar tus usuarios inactivos o sospechosos.
• Actualizar tus plugins.
• Actualizar tu plantilla.
• Actualizar WordPress en sí.

*Un inciso aquí en la actualización de plantillas y plugins: si has personalizado mucho algún plugin o plantilla, recuerda que si actualizas los mismos y no has re-añadido de nuevo el código personalizado a las nuevas versiones instaladas, lo que hayas “personalizado” se perderá.

Por ejemplo, recuerda siempre utilizar una plantilla child (hija), para hacer cambios en el CSS en dicho “tema hijo”, así como cualquier cambio que requiera PHP en el archivo functions.php del mismo tema hijo.

Y en general, a la hora de actualizar, no vayas “a ciegas” actualizando. Es decir, comprueba las nuevas versiones que se van a aplicar, (sobre todo si son actualizaciones de vulnerabilidad) y si éstas son compatibles con la versión de WordPress que estás utilizando.

Es más, comprueba incluso si la propia versión de WordPress que utilizas no va a causar problemas si actualizas (por ejemplo, el paso de WordPress 4.x a WordPress 5.x supuso bastantes problemas de compatibilidad).

Lo mejor en el caso de las actualizaciones de WordPress es instalar sí o sí las actualizaciones de seguridad, y el resto, si no son muy importantes, no hace falta actualizarlas.

Para todas estas actualizaciones, arreglo de bugs, etc, lo que siempre recomiendo es tener mínimo dos versiones de tu instalación WordPress (Producción y Desarrollo).

En la primera tendrás “lo que vale”, lo real, tu tienda online funcionando, y en la segunda, copiaras la instalación completa de la de producción, cada vez que quieras hacer un cambio importante o una actualización, para de esta manera asegurarte que no habrán problemas cuando repitas todo en producción.

2. Contrata un hosting de calidad y fiable

Aunque parezca lo contrario, muchísima gente (al menos algunos ex-clientes míos) se empeñaban en montar una completa plataforma online con WooCommerce en servidores muy poco fiables (extrañamente baratos, tardaban años en contestar a un email, la web cargaba muy lenta por defecto, características técnicas pobres, etc).

Cualquier servidor va a flaquear por un lado o por otro, pero mi recomendación es que te centres en dos cosas principales:

No mires el precio, pues es muy fácil confundir “caro” (muy mal servicio por un coste alto) y “precio alto” (muy buen servicio por un coste acorde).

Personalmente, al igual que con el uso de plugins premium en lugar de gratuitos, prefiero gastar un poco más y tener la certeza de que cuando más lo necesite, tendré a alguien que me solucione los problemas rápidamente.

Es un precio a pagar, que a la larga, compensa mucho (tiene retorno sobre la inversión muy alto).

3. Oculta la URL del autor

Un hacker de esos con “gorra, sudadera con la capucha puesta y gafas de sol delante de su ordenador en su casa” que tanto se ceba con tu web para hackearla, lo primero que va a hacer es intentar adivinar la contraseña de algún usuario con un rol de autor, editor, o admin.

Cuando se crea un usuario nuevo en WordPress, la URL siempre es por defecto:

Lo ideal en este caso es, entrar en la base de datos WordPress de tu instalación de WooCommerce, y editar el user_nicename (nombre del rol) en la tabla de wp_users.

4. Usa plugins de seguridad competentes

Plugins relacionados con la seguridad de tu web, hay muchos.

Hay incluso servicios de seguridad que contratas mensualmente y se encargan de todo.

Dependiendo de cuánto te quieras gastar, o lo importante que sea tu web a nivel de tamaño o de popularidad, decide cuál de ellos quieres utilizar (plugin puntual, o servicio de seguridad).

Prefiero no poner ningún nombre de plugin de seguridad aquí, para no liarte, pero lo que sí te puedo decir es que, elijas el que elijas, te quedes sólo con ese. Es decir, no por utilizar varios plugins de seguridad en tu web al mismo tiempo, ésta será más segura. Parece que no, pero es un error bastante habitual.

5. Utiliza contraseñas fuertes

Hoy en día hay muchas soluciones para generar y gestionar contraseñas super-mega-seguras.

Olvídate ya de las fórmulas antiguas de nomenclatura de contraseñas (contraseña1234, querty1234, nombredetucalleyumero, etc).

Y bajo ningún concepto utilices la misma contraseña para todo.

Haz una búsqueda en Google, de generador de contraseñas online y busca un buen gestor de contraseñas para que no se te olvide ninguna.

6. Sé creativo con el admin

Esto es de “primero de WordPress”, y es no utilizar admin como usuario para el administrador.

Aquí también puedo añadir que no utilices como nombre de usuario administrador el nombre de tu tienda. Es también muy obvio, y es una de las primeras cosas que prueban los hackers.

No me voy a extender en este apartado, pero sí que lo tengo que mencionar por si a alguno se le pasaba esta medida de seguridad para tu WooCommerce.

7. Abraza los certificados SSL

Añadir certificados SSL a tu tienda online de WooCommerce es esencial, sobre todo a la hora del pago de tus productos.

Cuando tus clientes sacan la tarjeta de crédito de su bolsillo, lo mínimo que esperan es que sus datos estén cifrados en todo momento cuando se envíen a tu servidor.

Además, si no tienes certificado SSL, Google ya advierte (muy poco sutilmente) a tus clientes que tu web “no es segura”.

Añadir certificados SSL es algo a veces complicado. Es por ello, que aquí entra en juego el buen soporte o atención al cliente del hosting que hayas decidido contratar.

8. Haz copias de seguridad constantes

Si tu hosting realiza copias de seguridad diarias, semanales o mensuales, perfecto.

Pero te aconsejo también hacerlas tú por tu cuenta, sobretodo si tienes mucha actividad en tu web, o si realizas cambios importantes en la misma (tanto a nivel de desarrollo como de actualizaciones).

Para ello puedes utilizar cualquier plugin de copias de seguridad, o hacerlo manualmente (descargando archivos y base de datos desde tu servidor, desde cPanel y phpMyAdmin).

9. Usa un framework profesional y con soporte continuado

Si has leído varios artículos míos, seguro que tienes una idea de lo poco que me gustan las plantillas de fuegos artificiales vendidas en marketplaces tipo ThemeForest (ojo, están muy bien, pero a mi siempre me han dado problemas a la larga, por falta de calidad en el código).

También sabrás de otros artículos míos, que la herramienta principal que yo utilizo es Beaver Builder (hay otras igual de buenas también, no sólo esa).

Nunca me canso de decir que te centres en el trato al cliente y el soporte de las herramientas que utilices para tus clientes o tu web en sí, sobre todo si lo que tienes entre manos es una tienda online con WooCommerce.

Huye de las plantillas que son super atractivas y atrayentes a primera vista, pero luego, las ves “sin maquillaje”, y son otra plantilla completamente diferente.

Céntrate en aprender a utilizar un framework concreto, y conviértete en experto/a del mismo.

10. Limita los intentos de login

Hay plugins específicos como este (WP Limit Login Attempts), que limitan los intentos de login en tu tienda de WooCommerce.

Esto es bueno frente a los ataques por “fuerza bruta”, en los cuales, un robot intenta entrar continuamente a tu web probando diferentes combinaciones de usuario y contraseña.

11. Deshabilita los pingbacks y los trackbacks

Si no sabes lo que son, te recomiendo que te leas mi artículo sobre los pingbacks y los trackbacks de WordPress.

Si te lo lees, entenderás por qué es bueno deshabilitarlos como medida de seguridad.

Dichos elementos, o digamos, dichas funcionalidades de WordPress, están en desuso, y dejan puertas abiertas a posibles ataques externos a tu web.

Además, si en este caso, es WooCommerce lo que usas como elemento central de tu web, no te van a hacer falta para nada dichas funcionalidades.

12. Usa una base de datos segura y con el prefijo cambiado

Esto también es de primero de carrera de WordPress, pero no hay que dejar de recordarlo igualmente.

Por defecto, WordPress crea la base de datos con el prefijo wp_. Es posible cambiar esto durante la instalación, o una vez finalizada la misma.

Algunos plugins de seguridad vienen con esta opción incorporada, aunque yo te recomiendo, si es posible, cambiarla desde el principio, cuando creas la web por primera vez (pues puede haber conflicto con alguna configuración de algún plugin que utilices).

13. Habilita autentificación en dos pasos

Mientras llega la tecnología de loguearse a las webs de Internet con nuestros ojos, si lo que quieres es rizar el rizo con la seguridad a la hora de entrar en tu web de manera fiable (y no te conformas con un usuario y contraseña muy difíciles de adivinar), te recomiendo que uses el 2FA.

2FA (Two-factor authentification) es algo “relativamente” nuevo para WordPress, aunque seguro que ya te suena de algo.

Es cierto que necesita una configuración bastante avanzada (no me va a caber en este artículo), pero hay muchos tutoriales por Internet sobre cómo hacerlo.

14. Usa una VPN para navegar

Una de las formas mas seguras de protegerte es a través del uso de una VPN Premium, con la que solo tu podrás acceder a tu panel de administración de WordPress.

Con este tipo de servicio tendrás una IP privada fija y solo podrás acceder a través de ella a la administración de WordPress, dejando fuera de esta manera a cualquier Hacker que intente acceder a la adminsitración e tu web.

15. Deshabilita la edición de archivos

Por último te recomiendo “decirle” a tu archivo de wp-config.php que no se pueda editar los archivos de la carpeta admin de WordPress.

Es tan fácil como añadir esta línea de código al archivo mencionado, en tu FTP, o desde el explorador de archivos de cPanel, en tu hosting.

Conclusiones

Tu tienda de WooCommerce es tu templo. No te conformes con crearla (o que te la den hecha) y dejarla a expensas de la seguridad por defecto de WordPress.

Si te lías mucho con la seguridad de tu web, te recomiendo que contrates a cualquier consultor/a en WordPress para que te haga una pequeña “auditoría” de en qué estado está tu web, y te ayude (formándote o haciéndolo él o ella).

No obstante, crea una copia de seguridad de tu web, e instala dicha copia en otra instalación de WordPress.

“Juega y experimenta” en dicho entorno de desarrollo, y realiza cualquiera de las acciones mencionadas en este artículo, y ya tendrás un WooCommerce más seguro que antes.

Espero que como siempre, hayas aprendido un poquito más de este apasionante gestor de contenidos y que te haya servido de algo el artículo.

Un abrazo y ¡nos vemos en el siguiente!

La entrada 15 Consejos de seguridad para tiendas WooCommerce se publicó primero en Webempresa.

Cuando editamos el texto de una entrada (post) o una página en WordPress, disponemos de diversas herramientas para formatear o maquetar el texto; concretamente, para alinearlo, centrarlo o justificarlo.

Tanto el editor clásico de WordPress (versiones anteriores a 5.0) como en Gutenberg (versión 5.0 y posteriores) incluyen un barra de botones de acceso rápido a estas funciones de maquetación; sin embargo, no incluye un botón para justificar el texto.

Esto no significa que no se pueda justificar un párrafo de texto, o el texto completo en WordPress.

El lenguaje de marcado HTML dispone de etiquetas para esta función y, por tanto, no hay impedimento para justificar los párrafos por ambos lados.

En este artículo vamos a ver varios métodos para justificar el texto en las páginas o posts de WordPress, desde el teclado, añadiendo el botón correspondiente en la barra de herramientas del editor o editando código HTML y CSS directamente en el texto.

¿En qué consiste el justificado de texto en WordPress?

La justificación de texto es un tipo especial de alineación de texto en que las palabras se distribuyen a lo largo de la línea de texto de forma que todas las líneas de ese párrafo coinciden en el borde izquierdo y derecho del párrafo:

Además de la justificación de texto, existen otras tres formas de distribuir las palabras a lo largo de una línea en un párrafo, que podemos combinar en nuestros posts y páginas para lograr efectos que aporten riqueza y variedad visual al contenido, aunque sin abusar de ellos para evitar dispersar al usuario:

• Alineación a la izquierda. Todas las líneas empiezan en el mismo borde izquierdo del párrafo y la distancia entre palabras (es decir, el espacio en blanco) es el mismo entre todas ellas. Con esta alineación, cada línea termina hasta donde llegue la última palabra de esa línea:

• Alineación a la derecha. Todas las líneas terminan en el mismo borde derecho del párrafo y la distancia entre palabras es el mismo entre todas ellas. Con esta alineación, cada línea empieza donde llegue la primera palabra de esa línea, empezando desde el final:

• Alineación la centrada. En esta alineación, el espacio entre palabras de una línea es el mismo y cada línea empieza y termina en un punto distinto, en función de su longitud. Las líneas del párrafo se distribuyen alrededor de una línea vertical imaginaria que la divide en dos partes iguales:

¿Cómo se alinea y justifica el texto en WordPress?

La barra de herramientas del editor de texto de WordPress, tanto el editor clásico como el editor de Gutenberg, incluye tres botones para alinear el texto del párrafo donde se encuentre el cursor o el bloque de texto que esté marcado en ese momento:

Respectivamente, estos tres botones alinean a la izquierda, al centro o a la derecha, respectivamente, el párrafo o párrafos seleccionados.

Además, también se puede alienar utilizando atajos de teclado; es decir, combinación de teclas que realizan esta acción sin necesidad de clicar en el botón de la barra de herramientas:

• Mayúscula + Alt + C: Alineación al centro.
• Mayúscula + Alt + L: Alineación a la izquierda.
• Mayúscula + Alt + R: Alineación a la derecha.

La regla nemotécnica para recordar fácilmente estas teclas es que cada letra corresponde a la acción de cada alineación: “c” para Centrar; “l” para “Left” (izquierda en inglés); y “r” para “Right” (derecha en inglés).

Ahora bien, WordPress no incluye ningún botón directo en el editor para justificar los párrafos, aunque sí que puede hacer utilizando diversos métodos, como veremos en la siguiente sección.

Métodos para justificar el texto de posts y páginas en WordPress

El lenguaje de marcado HTML dispone de etiquetas para justificar el texto de los párrafos. Por tanto, es posible justificar el texto aunque el editor de WordPress no contemple esa posibilidad.

Vamos a ver cinco métodos para justificar el texto en WordPress, que podemos combinar o utilizar aquel con el que nos encontremos más cómodos.

En este vídeo se muestran estos métodos, tanto en el editor clásico como en Gutenberg, y, seguidamente, la descripción paso a paso de cada uno de ellos, como referencia para llevarlos a cabo en WordPress:

1. Atajo de teclado

Aunque el editor de WordPress no tenga botón para justificar un párrafo, sí que dispone de un atajo de teclado para hacerlo, como se puede ver en la tabla de ayuda 【 ? 】de atajos de teclado de WordPress, tanto en el editor clásico como para Gutenberg:

Por tanto, para justificar el texto de un párrafo debemos colocar el cursor en ese párrafo y pulsar simultáneamente las teclas Mayúsculas, Alt y “j” (inicial de “justificar”).

Si quisiéramos justificar varios párrafos, previamente habría que seleccionar esos párrafos y entonces pulsar esa combinación de teclas.

2. Insertando código HTML (editor clásico y Gutenberg)

Como hemos comentado varias veces, el código HTML incluye etiquetas para justificar el texto.

Como WordPress permite editar el código HTML de las entradas y páginas, podemos insertar la etiqueta correspondiente en los párrafos que queramos justificar.

Lo que deberemos hacer es acceder a la edición HTML del post o página en WordPress y colocar el párrafo que queramos justificar en medio de estas dos etiquetas de inicio y final de párrafo:

<p style=”text-align: justify;”>

</p>

En el editor clásico, procederíamos como sigue:

• Entramos en la entrada o página que queramos editar en WordPress.
• Seleccionamos la vista HTML en la parte superior derecha del cuadro de edición de la entrada o página:

• Colocamos las dos etiquetas anteriores alrededor del párrafo que queramos justificar, respectivamente:

• Debemos repetir esta acción para cada párrafo que queramos justificar, aunque estén consecutivos.

En el editor de Gutenberg, lo haríamos como sigue:

• Entramos en la entrada o página que queramos editar en WordPress.
• En el bloque del editor donde está el texto que queramos justificar, seleccionamos la opción “Editar como HTML”:

• Colocamos las dos etiquetas HTML antes y después del párrafo que queramos justificar, respectivamente:

• Repetimos el punto anterior para cada párrafo que vayamos a justificar, aunque estén consecutivos.

3. Bloque de texto con una clase CSS (sólo para Gutenberg)

Además del editor clásico, en Gutenberg podemos añadir un bloque de texto (“Párrafo”) y configurarlo con una clase CSS que crearnos para añadir la justificación de texto en los párrafos, con los siguientes pasos:

• Pulsar el símbolo “+” para añadir un párrafo a la página o post:

• Abrir la sección “Avanzado” de las propiedades (en la barra lateral derecha) del bloque que acabamos de añadir y escribir el nombre de la nueva clase CSS que vamos a crear (“justificar”):

• Ir al menú de personalización del tema del sitio web en WordPress:

• Seleccionar la sección “CSS adicional” en la barra lateral izquierda de menú:

• Escribir el siguiente código en el cuadro de texto, que crea la clase “justificar” para utilizar en todos los párrafos que referencien esta clase:

p.justificar {
  text-align: justify;
}

• Pulsar el botón “Publicar” para guardar los cambios.

4. Añadir un botón de justificación con un plugin (solo editor clásico)

Hasta la versión 4.7, WordPress incluía un botón en la barra de herramientas del editor para justificar texto. Cuando los desarrolladores lo quitaron, en poco tiempo salieron plugins para volverlo a colocar.

El plugin Re-Add Text Justify Button realiza sola y exclusivamente esta tarea: añadir el botón de justificar texto en la barra de herramientas. Tan solo hay que descargarlo, instalarlo y activarlo para que, sin ninguna acción o configuración adicional, aparezca el nuevo botón:

El funcionamiento de este botón es similar al resto de botones de alineación del editor clásico.

5. Una clase CSS para todos los párrafos del sitio web

Si nuestro sitio web tiene todos o la mayoría de los párrafos justificados, podemos crear una clase CSS que afecte a todo el sitio web y que defina que, por defecto, todos los párrafos de texto estén justificados.

De esta forma, no será necesario justificar cada párrafo cuando lo escribamos. En caso de que necesitemos uno o varios párrafos estén alineados de otra forma, tan solo tendremos que utilizar el botón correspondiente en la barra de herramientas del editor.

Para añadir la clase CSS y su código, hacemos lo siguiente:

• Ir al menú de personalización del tema en la opción “Apariencia” de WordPress:

• Abrir la sección “CSS adicional” en la barra lateral izquierda del menú de personalización:

• Escribir el siguiente código en el cuadro de texto que afectará a todos los párrafos del sitio web, pero no al resto del texto:

article .entry-content p {
  text-align: justify;
}

• Pulsar el botón “Publicar” para guardar los cambios.

Conclusiones

El editor de WordPress, tanto el clásico como el de Gutenberg, incluye varios botones para alinear el texto (izquierda, centro, derecha) pero no tiene ninguno para justificarlo en ambos lados del párrafo, aunque es una característica que se puede realizar en las páginas web.

En este artículo hemos visto varios métodos que nos permiten justificar el texto de uno o varios párrafos, e incluso de todo el sitio web, desde atajos de teclado hasta la edición de clases CSS para referenciar en los párrafos o la instalación de un plugin.

Podemos utilizar estos métodos a nuestra conveniencia e incluso combinarlos, para maquetar el texto de nuestras entradas y páginas de la forma que consideremos que mejor presenta la información antes nuestros usuarios.

Cuando utilicemos la alineación izquierda o la justificación para los textos, debemos mantener un uso coherente en todas las páginas web del sitio web, solo cambiándolo cuando sea necesario por necesidades de diseño o presentación del contenido, y mantener una disposición similar a través de todo el sitio web que no confunda al usuario.

La entrada Cómo justificar texto en WordPress se publicó primero en Webempresa.

Imagínate que abres un pequeño negocio en una calle muy concurrida de tu ciudad. Tu negocio es una pequeña pizzería que vende trozos de pizza 🍕a 1 euro.

Por dicha calle pasan cientos de personas cada día, y si echas cuentas, piensas en que vas a sacar un buen “pico” de dinero vendiendo muchísimos trozos de pizza.

Abres tu negocio, y el primer día, entran en tu pequeña pizzería 100 personas durante 8 horas, pero no compran ningún trozo de pizza.

Cada persona hace lo mismo: entra, se queda mirando las pizzas, y se va sin decirte nada. Sin embargo, cuando estás a punto de cerrar, sólo una te pide un trozo de pizza, y te paga el euro.

El resumen de esa jornada, ha sido una venta, y 100 visitas a tu tienda. Es decir, el 99% de tus visitas, no te han comprado nada.

Pues esa estadística es la realidad con una tienda online (aunque esto seguro que ya lo sabes).

Si llevas tiempo en esto de los eCommerce, quizás te suene lo que es el CRO (Conversion Rate Optimization): dada una cantidad de tráfico concreta, ¿cómo se puede vender más?

Lo que vas a leer en este artículo, es una de esos detalles que muchas tiendas online se han pasado por alto, y que, si de verdad tiene sentido implementarlo en tu tienda online, va a hacer que esa optimización de la tasa de conversión (CRO) suba en tu web.

Wishlist vs Carrito de la Compra

Añadir una lista de deseos (wishlist) a tu tienda online, va a aumentar la probabilidad de que se venda algo a alguien, y punto.

Claro está, este aumento de probabilidad, puede que sea muy pequeño y además influirán otros factores en la decisión de compra de tu posible cliente, pero ya es algo mucho mejor, que simplemente no tenerlo.

No se tú, pero yo muchas veces me he metido en tiendas online, sin ni siquiera registrarme, y he “echado un ojo” a ver que había.

En algunas ocasiones, he encontrado una prenda de ropa que me ha llamado la atención, y me he guardado el link en mis favoritos (repito, sin haberme hecho usuario de la tienda, ni tener la más minima intención de compra ese día).

Cuando alguna de esas tiendas online tienen la herramienta de “añadir a mi wishlist”, suelo hacerlo, y otro día que me encuentre con más ganas de gastar dinero, termino haciendo un pedido a la tienda. (¡esto es real!)

Y tienes que saber que, el carrito de compra es diferente, pero son complementarios.

El carrito de la compra es algo muy volátil, ya que los productos que pueda añadir alguien en un proceso de compra, “no se guardan” para luego, si el visitante deja “en el aire” dicho proceso.

No es que sea peor ni mejor, si no que el carrito tiene otra función, dentro de una experiencia de un usuario en tu tienda online.

Voy ahora a repasar contigo las ventajas que tiene tener una lista de deseos, tanto para tus clientes, como para ti.

Ventajas para tus clientes al usar listas de deseos

Para convencerte aún más de lo importante que es una lista de deseos (wishlist) para tu tienda online, déjame que te enumere a continuación las ventajas que existen para tus visitas (y futuros posibles clientes):

• Las listas de deseos se pueden guardar, para verlas más tarde.
• Las listas de deseos se pueden compartir por email, redes sociales, etc.
• Al compartirlas, ello va a conllevar más visitas a tu web por parte de otros nuevos posibles clientes.
• Ahorran tiempo al cliente cuando éste vuelve a tu tienda online y decide finalmente comprar algún producto tuyo.
• En general hace que un cliente quede satisfecho con la experiencia (o al menos ayudan mucho), y favorece que dicho cliente se convierta en fiel seguidor de tus productos, y te compre de nuevo.
• Al estar más contento, el cliente te recomendará a otra gente.

Ventajas para tu negocio al usar listas de deseos

Y como administrador de la tienda online, deléitate ahora con las ventajas que una simple lista de deseos va a tener para tu negocio, a nivel de “back-end”:

• Va a fomentar que las visitas, se conviertan en usuarios, y con mucha probabilidad si consigues esto, en clientes.
• Va a dar un pequeño empujoncito a tus ventas mensuales.
• Ayudará a fidelizar nuevos clientes.
• Mejorará en cierta medida la experiencia de usuario (UX) en tu web.
• Reducirá el porcentaje de carritos abandonados, al ofrecer otra herramienta donde guardar productos que gustan, si necesidad de tener que comprarlos.
• Ayuda a identificar los productos que más gustan a tus visitas (así podrás decidir cómo hacer una campaña publicitaria con dichos productos, y mejorar las ventas).

Plugins para añadir listas de deseos a WooCommerce

En lo que a listas de deseos se refiere, en el directorio de plugins de WordPress, puedes encontrar una gran cantidad de opciones.

Yo te he querido traer aquí tres que me han gustado, y con los que recomiendo que, como digo siempre, juegues en un entorno de test, y los conozcas de primera mano.

El más famoso: YITH WooCommerce Wishlist

El primero que te traigo es, sin duda, el más famoso (más de 150.000 clientes) para crear una wishlist en tu tienda online.

El plugin en general está muy bien cuidado, y cuenta con una gran equipo de desarrolladores detrás.

Incluso en su versión gratuita, es muy completo. Puedes encontrar este plugin en su versión premium y descargar su versión gratuita desde el repositorio de plugins de WordPress.

Una de las funcionalidades que más me ha llamado la atención de su versión gratuita ha sido el poder compartir listas de deseos por WhatsApp.

El más oficial: WooCommerce Wishlists

WooCommerce Wishlist es la versión que la propia página de WooCommerce recomienda.

Al contrario que el plugin anterior, no hay una versión gratuita. Pero para los más fieles seguidores de utilizar todo dentro de “la misma fábrica”, puedes probarlo y seguro que no te decepcionará.

Lo más importante es que cuentas con el soporte especializado de WooCommerce, ¡que vale su peso en oro!.

Me llama la atención de este plugin, que los visitantes pueden crear sus listas de deseos (sin ser usuarios tuyos) y dichas listas se conservarán hasta 30 días, cada vez que visiten tu web de nuevo.

Por otro lado, es de los plugins más personalizables debido a la gran cantidad de opciones que ofrece.

El que vamos a probar: TI WooCommerce Wishlist

Pasamos ahora a la opción que vamos a probar en el vídeo tutorial que encontrarás en el siguiente punto de este artículo.

Me ha parecido un plugin muy dinámico y fácil de utilizar, y puesto que hay cientos de tutoriales sobre los dos primeros que te he comentado, me he lanzado a analizar este último.

Su diseño es muy bonito, sencillo, y muy bien pensado. Lo veremos en el vídeo a continuación, pero te resumo aquí sus características principales:

• Se puede elegir una página normal y convertirla en la página que utilizará el plugin, mediante un shortcode.
• Los productos añadidos por un usuario en una lista de deseos, se borran automáticamente cuando dichos productos se añaden al carrito de compra.
• Se puede personalizar el botón de “Añadir a la lista de deseos”.
• Se puede personalizar el cómo se muestran las columnas de la página de la lista de deseos.
• Tiene soporte multi-idioma (por ejemplo, si utilizas WPML.)
• Se pueden compartir las listas de deseos por redes sociales, email y WhatsApp.
• Se puede redireccionar a la página de la lista de deseos automáticamente al añadir un producto a dicha lista.
• Soporta variaciones de producto en WooCommerce.

El plugin tiene una versión gratuita y otra de pago.

Video tutorial Plugin TI WooCommerce Wishlist: configurar e instalar una lista de deseos para tu tienda

Como acabo de comentar en el punto anterior, vamos a instalar y a analizar este plugin para crear una bonita y muy funcional lista de deseos en nuestra tienda online.

Conclusiones

Insisto aquí y en general para todo el artículo: con esto de las listas de deseos, no te prometo el oro y el moro (ni va a ser una solución a la falta de ventas de tu web), simplemente, como ya hemos comentado anteriormente, cada pequeño paso que tomas de cara a qué ofreces en tu tienda online (incluida una buena experiencia de usuario), va a acercarte cada vez más al éxito en tus ventas.

Lo más importante ya lo has hecho, que es encontrar una fuente fiable de consejos y tutoriales para mejorar día a día tu tienda online.

La entrada Wishlist en WooCommerce: añade listas de deseos en tu eCommerce se publicó primero en Webempresa.

Hoy es un lunes diferente para todos y queremos compartir contigo cómo lo estamos viviendo en Webempresa; y cómo nos preparamos para garantizar la continuidad de nuestra actividad como proveedor de hosting y dominios.

En España se ha aplicado el estado de alarma y en todo el mundo se sigue con inquietud el avance de la emergencia sanitaria provocada por el coronavirus.

A pesar de ser un lunes distinto; nuestra rutina en Webempresa no ha cambiado demasiado. Hace 12 años que somos una empresa en teletrabajo al 100% y todos hemos empezando hoy nuestra jornada de la forma habitual desde nuestras respectivas casas.

Este modelo nos permite seguir operando con total normalidad en las circunstancias actuales, porque todos nuestros procesos y protocolos están ya completamente adaptados para el trabajo en remoto.

Nuestra cobertura de servicio y soporte 24 x 7, los 365 días del año, nos ha hecho organizarnos para tener personal distribuido por diferentes zonas geográficas en distintas zonas horarias (53 personas en 5 países de habla hispana actualmente); y para tener duplicidad en todas las funciones que deben desarrollarse cada día.

Además, contamos con un equipo dimensionado de forma permanente para seguir ofreciendo el mismo nivel de servicio, al 100%, a pesar de que se produjese un porcentaje de bajas por enfermedad.

Plan de emergencias

Nuestro plan de emergencias está definido para cubrir los diferentes escenarios que podrían darse; y desde enero hemos seguido de cerca la evolución del coronavirus para añadir aquellas previsiones y actuaciones que pudiésemos necesitar ante una posible expansión a las zonas en las que reside nuestro equipo.

Hace un mes que aplicamos, a mayores, medidas excepcionales a nivel técnico, de infraestructura y de personal; por lo que nos hemos reforzado todavía más para poder garantizar la continuidad de todos nuestros servicios.

Recomendaciones para tu actividad online

Como ya sabes, nos toca estar en casa más tiempo del habitual, y el volumen del tráfico en Internet ha crecido considerablemente.

A pesar de que no se prevé un problema de conectividad, los operadores de Internet están estableciendo medidas de refuerzo en sus redes y han ofrecido una serie de recomendaciones a las que queremos sumarnos, para que todos hagamos un uso responsable de Internet.

En determinados países u operadores puede haber problemas de ancho de banda temporales, ten en cuenta lo siguiente:

• Intenta optimizar el uso de la red para las actividades que realmente necesites, sobre todo en las horas de mayor actividad: trabajo en remoto, email, comunicación y acceso a información, actividades formativas, etc.

  Deja para los horarios de menor actividad las herramientas de ocio como los videojuegos online, vídeos en streaming o en directo, etc.

• Reduce el volumen de descargas únicamente a aquellos documentos que te resulten realmente esenciales. De ser posible realiza las descargas en los horarios de menor tráfico, como por la noche o por la mañana temprano.

• No envíes emails masivos si no es necesario. Tampoco envíes archivos de mucho peso o enlaces para la descarga de archivos pesados a menos que sea realmente necesario.

En Webempresa estamos tranquilos porque estamos preparados para cubrir cualquier situación excepcional que esté en nuestra mano solucionar y queremos trasladarte a ti también esta tranquilidad.

Estamos preparados y seguiremos mejorando nuestra preparación. Seguimos atentos las noticias en todos los países de habla hispana para tomar todas las medidas que puedan ser necesarias para todos los países donde se encuentran nuestros clientes.

Tus webs y correos están a salvo y seguirán funcionando con normalidad; y nos tienes como siempre disponibles para acompañarte y ayudarte en todo lo que necesites.

Infórmate en medios de confianza, sigue por favor todas las medidas de seguridad y sanitarias establecidas y aprovecha para ayudar a todo aquel que puedas echar una mano. Cuídate y cuídanos a todos. 🙂

La entrada Estamos preparados para seguir cuidándote se publicó primero en Webempresa.

Es posible que te sorprenda el contenido de este artículo, porque lo nuestro es compartir conocimientos sobre hosting o sobre WordPress, y no sobre organización empresarial o dinámicas de trabajo.

Sin embargo, somos una empresa, y como tal hemos tenido que diseñar una organización y unos procesos de trabajo que nos permitan desarrollar nuestra actividad. Y desde hace más de 12 años, somos una empresa que funciona con un modelo de teletrabajo al 100%.

En la actualidad, somos un equipo de más de 50 personas, distribuidas en 5 países de habla hispana y todas trabajamos en remoto.

Es decir, no tenemos una oficina central a la que el equipo acuda cada día a trabajar, sino que proporcionamos a cada compañero los recursos necesarios para poder crear un puesto de trabajo a su medida en su propia casa.

¿Por qué te contamos esto ahora? La situación actual que vivimos tanto en España como en otros países debido al Coronavirus ha provocado que muchas personas tengan que pasar de forma repentina a trabajar desde su casa.

Nosotros sabemos, por experiencia, que la adaptación al teletrabajo no siempre es fácil. Cada vez que incorporamos a un nuevo compañero que no ha teletrabajado con anterioridad, vemos que necesita un periodo de adaptación en el que le ayudamos con nuestra experiencia.

En Webempresa tenemos una estructura y unos procedimientos creados específicamente para trabajar en remoto, y aún así es necesaria esta adaptación.

En los casos en los que una empresa o un equipo de trabajo se está viendo obligado a teletrabajar y además no cuenta con unas dinámicas creadas para este modelo, imaginamos que la dificultad para adaptarse será mucho mayor.

Por este motivo, al igual que llevamos muchos años compartiendo nuestro conocimiento para ayudarte a crear tu web o a mejorar tu WordPress, hoy queremos compartir contigo la experiencia que hemos acumulado en 10 años de trabajo de oficina combinada con los últimos 12 años de teletrabajo 100%.

Si has tenido que empezar a trabajar desde tu casa y no sabes por dónde empezar o necesitas un poco de ayuda, esperamos que alguno de los consejos que vamos a compartir contigo en esta guía te resulte útil para llevar mejor el cambio. 😉

 Primeros pasos si el teletrabajo te ha pillado por sorpresa

Hay muchos artículos en Internet con recomendaciones útiles para crear tu espacio de trabajo en casa: busca un lugar que puedas hacer tuyo, preferiblemente que no compartas para otros usos durante tus horas de trabajo.

Consigue una mesa y una silla que te resulten cómodas y colócalas junto a una fuente de luz natural.Utiliza colores neutros para las paredes, añade algunas plantas y diseña una rutina que te permita separar tu vida laboral de la personal.

Son buenos consejos y también hablaremos sobre esos aspectos, pero si has pasado a teletrabajar de forma imprevista tu prioridad no será diseñar una home office sino convertirte en un teletrabajador funcional lo antes posible.

¿Qué es lo más importante para empezar?
 

 
 

1. Comprueba tus accesos.

Dar por hecho que todo lo que funciona en la oficina va a funcionar desde casa es un error muy frecuente.

Antes de dejar la oficina, comprueba que tienes acceso a todos los sistemas y herramientas que necesitas para trabajar, desde los dispositivos que vas a usar desde casa.

Revisa cada uno de tus accesos con una conexión de Internet diferente a la que utilizas en la oficina (puedes conectarte a la red de datos de tu teléfono móvil). Más abajo te hablamos sobre los Gestores de Contraseñas y VPN.

2. Define los canales de comunicación.

Tanto si necesitas estar en contacto con clientes como para trabajar en equipo, es importante que definas los canales que vas a utilizar.

La comunicación es un punto vital para poder trabajar en remoto de forma eficaz. Si cada persona toma decisiones de forma independiente en este ámbito, se producirán confusiones, retrasos y pérdidas de información.

Para trabajar en equipo, en Webempresa utilizamos Slack como canal de comunicación principal. Sin embargo, puedes elegir cualquier otra herramienta similar que te permita tener tanto salas de conversación como comunicaciones privadas en pequeños grupos o entre dos personas.

En nuestro caso, hemos configurado Slack para atender las necesidades que tenemos como empresa de hosting, pero hay algunas configuraciones muy útiles que puedes aplicar a cualquier sector o negocio:

• Crea canales o salas de conversación abiertas para cada departamento o área de tu negocio. De este modo, todos sabréis en qué sala debéis comentar los temas relacionados con ese departamento, no se mezclarán en una misma sala diferentes temas y el seguimiento será más sencillo.

• Crea canales o salas de conversación grupales para las personas implicadas en un mismo proyecto. Si tienes en marcha o vas a iniciar un proyecto que implica a diferentes departamentos, crea un canal específico para él.

• Crea una sala de notificaciones o alertas para la información que todo el mundo debe tener en cuenta de forma inmediata.

En Slack compartimos nuestro día a día, saludamos al llegar y nos despedimos al finalizar la jornada, informamos de novedades, comentamos casos o incidencias relevantes y consultamos dudas.

La mayoría de los canales o salas son permanentes, ya que se han creado para hablar de temáticas recurrentes.

Sin embargo hay algunos canales que son temporales, relacionados con eventos o procesos concretos. Se abren cuando los necesitamos y al finalizar el tema los archivamos para poder volver a ellos en un futuro si es necesario.

Slack es un canal de comunicación en tiempo real, por lo que es especialmente importante tener en cuenta una serie de «buenas prácticas» para que funcione de forma eficaz, sirva para compartir conocimiento y no interrumpamos a los compañeros cuando no es necesario.

Aquí tienes 5 consejos rápidos para ayudarte a crear una comunicación eficaz en Slack:

1. Elige bien las palabras que vas a utilizar. Escribe de forma correcta y clara.
2. Envía mensajes que tengan un significado completo (evita el efecto metralleta que se produce enviando mensajes cortos de forma consecutiva).
3. Facilita a los demás el seguimiento incluyendo enlaces y capturas.
4. Deja que finalice la conversación en curso antes de iniciar otro tema.
5. Piensa antes de escribir y enviar mensajes ¿cuál es el objetivo de lo que vas a compartir?

3. Crea procedimientos básicos para mantener la actividad.

Tanto en un trabajo presencial como en un modelo de trabajo en remoto es muy importante que cada persona sepa qué ha de hacer y cómo ha de hacerlo.

Seguramente muchas de tus rutinas diarias están basadas en la presencia física y necesitarás convertirlas en procesos a distancia. Por ejemplo, una reunión presencial puede convertirse en una videoconferencia en grupo a través de Skype.

Para esto, necesitarás que las personas implicadas sepan utilizar Skype y tengan una cuenta de usuario creada.

También necesitarás, si no lo tienes ya, un sistema de almacenamiento de archivos compartido; al que todos podáis subir contenido o recursos y estos sean accesibles para los clientes o los demás miembros del equipo. Google Drive o DropBox son buenas opciones para empezar.

Piensa en las rutinas imprescindibles para dar continuidad a tu negocio, y plantea alternativas para poder mantenerlas de forma online. No te compliques ni quieras abarcarlo todo en este momento, crea procesos sencillos que incluyan lo esencial. Más adelante tendrás tiempo a revisarlos y ampliarlos.

Empieza estableciendo horarios, formas de contacto, distribución de tareas básicas y cómo deben llevarse a cabo desde un puesto de trabajo en remoto.

Ahora que ya tienes los puntos básicos cubiertos para salvar los primeros días, vamos a ver otros aspectos que te ayudarán a convertirte en un teletrabajador eficaz y feliz. 🙂

Ten en cuenta que todo lo que te estoy explicando parte de nuestra experiencia. Por supuesto, no hay una única forma de hacer las cosas, pero esta es la que nos funciona a nosotros y en ella basamos todas las recomendaciones que vamos a compartir en este artículo.

 ¿Por qué elegimos el teletrabajo 100% en Webempresa?

Webempresa no nació con un formato de trabajo en remoto. Primero tuvimos que montar una oficina en la ciudad y pasar 10 años en ella.

Éramos pocos, entre 5 y 12 personas. Aunque estábamos todos en un espacio de 100 m2, desde 1994 usábamos mensajería interna y luego pasamos a utilizar chats como Messenger.

A partir de 1997 nos dedicamos a la web y convertimos casi todas las herramientas de gestión a un entorno web. Ya desde esos años lo hacíamos todo cada vez más mirando a la pantalla y nos íbamos comunicando cada vez más por escrito usando el email y la mensajería interna.

La tendencia era minimizar las reuniones y utilizar herramientas para mantenernos comunicados: en vez de decirnos algo de una mesa a otra nos lo escribíamos en el chat interno. 🙂

Así, poco a poco, fuimos dando muchos pasos para conseguir ser 100% online; y a partir del 2004 aproximadamente empezamos a tener compañeros teletrabajando el 100% de su tiempo.

Poco a poco fuimos dejando la oficina y finalmente el 30 de Abril del 2008 el último trabajador presencial echó el cierre de la oficina. Con ese giro de llave, Gerard estaba inaugurando una Webempresa 100% remota. 🙂

Seguíamos creciendo y cada vez éramos más, y tuvimos que adaptarnos a muchos cambios a medida que evolucionaban las herramientas y el mundo.

Hoy, 23 años después de aquel inicio somos más de 50 personas trabajando 100% en teletrabajo. La oficina sigue ahí pero el 90% del tiempo está vacía. Se usa cuando algún compañero la visita para hacer alguna reunión o para trabajar desde ahí por algún motivo.

También cuando quedamos varias personas para hacer un desarrollo conjunto, pero cada vez la utilizamos menos y podríamos no tenerla.

Durante 12 años hemos mantenido este modelo, en el que hemos encontrado muchas ventajas y hemos aprendido a salvar los inconvenientes. Y vemos que trabajar desde casa tiene muchos más beneficios que desventajas, tanto para el trabajador como para la empresa.

Hemos aprendido que eliminando las fronteras geográficas podemos captar talento alrededor de todo el mundo. Y esto en un proveedor de hosting como nosotros, que ofrece servicio y soporte 24 horas todos los días del año, es especialmente importante.

Tener personas trabajando desde diferentes países y zonas horarias nos permite cubrir ese 24×7 con mejores turnos para el equipo.

Hemos conseguido estar mucho más cerca estando lejos. La distancia física te obliga a mejorar tus habilidades de comunicación escrita o por voz; y esto nos ha convertido en un equipo con una gran capacidad para conectar y compartir.

Salvamos las distancias mediante chats, llamadas o videollamadas y hemos terminado por conocernos mucho más unos a otros que algunos compañeros que comparten una oficina durante años.

También nos vemos de vez en cuando para divertirnos juntos 🙂 No necesitamos reuniones presenciales para el desarrollo de nuestro trabajo pero sí para completar y reforzar nuestros vínculos.

 Tu espacio de trabajo en casa

Se puede teletrabajar de varias formas, pero lo más habitual es hacerlo desde casa. Así que tendrás que elegir un espacio dentro de tu vivienda para convertirlo en tu oficina.

Cada uno de mis compañeros podría darte muchos consejos de lo que mejor le ha funcionado, porque hay aspectos que son muy personales. Pero voy a compartir contigo algunas ideas generales que nos han resultado útiles a la mayoría de nosotros.

Busca tu propio espacio

Es importante contar con un lugar de trabajo que puedas hacer tuyo. A ser posible, que no sea de uso compartido con otras personas durante tu horario laboral.

Lo ideal es que puedas contar con una habitación para convertirla en tu despacho; y que no elijas un rincón en estancias de uso familiar como el salón o la cocina. Tener tu propio espacio te ayudará a separar más fácilmente tu vida laboral de la vida familiar, algo que resulta vital cuando trabajas desde tu casa.

Si te ves obligado a utilizar un espacio compartido y vives con más personas, necesitarás llegar a acuerdos que te faciliten las cosas; pero de eso hablaremos más adelante. 😉

Selecciona bien tu mesa y tu silla

Empieza a diseñar tu espacio de trabajo eligiendo una buena mesa. Ha de tener una superficie amplia que te permita trabajar con comodidad y estar adaptada a tu altura. Las mesas de altura regulable son una buena opción.

Si el espacio te lo permite, consigue una segunda mesa adyacente a la primera y colócala en forma de L.

De ese modo podrás despejar por completo la mesa principal de papeles, carpetas, bolígrafos, libros y todo el material de oficina que tengas. En la mesa principal deja únicamente lo imprescindible. Lo demás, apártalo, guárdalo o mejor almacenarlo lejos.

Busca una silla cómoda, que se adapte bien a tu altura y peso. Vas a pasar muchas horas en ella así que te recomiendo invertir en una buena silla, tu cuerpo lo agradecerá.

Cuida la iluminación

Tener una buena iluminación es algo que debes cuidar en serio. La luz natural es la mejor opción. Si no dispones de luz natural compra una o varias lámparas que iluminen toda la superficie de trabajo.

Un flexo articulado es una solución económica y te ofrece movilidad para tener suficiente luz en toda la mesa.

Orden y limpieza

El entorno que te rodea condiciona positiva o negativamente tu estado de ánimo, tu capacidad de concentración y tu rendimiento. Un espacio ordenado y limpio hace que tu trabajo sea más fácil. Y eso ya es motivo suficiente para cuidarlo.

La zona de trabajo es un lugar de mucha actividad. Por muy ordenado que seas, se va llenando irremediablemente de objetos varios: carpetas, papeles, bolígrafos, correspondencia, facturas… Una mesa desordenada fomenta los despistes, las pérdidas de tiempo y la ansiedad.

Mantén limpio y ordenado tu lugar de trabajo y estimularás tu creatividad, serás más eficiente y mejorarás tu rendimiento como trabajador en remoto.

Tu equipo informático

Vamos con los dispositivos imprescindibles para trabajar desde casa. Lo básico será un ordenador y una buena conexión a internet. 🙂

En Webempresa preferimos utilizar ordenadores portátiles porque nos permiten trabajar cómodamente conectados a una pantalla grande y al mismo tiempo facilitan la movilidad si hemos de desplazarnos.

Para el día a día, nosotros usamos pantallas de entre 27 y 49 pulgadas. Algunos usamos únicamente una pantalla y otros, sobre todo el equipo técnico, utilizan varias pantallas a la vez. También utilizamos un teclado y un ratón externo, para mayor comodidad.

Al tener todas nuestras herramientas en un entorno web, no dependemos de ningún dispositivo y nos resulta muy sencillo cambiar de un ordenador a otro para seguir trabajando.

Si este no es tu caso, deberías contar con un segundo equipo con todo lo necesario para seguir trabajando en caso de el primero falle. También sería recomendable contar con una unidad de almacenamiento externo, para tener una copia de seguridad de todas las aplicaciones y documentos que necesites.

Para estar preparado ante una interrupción de energía, te recomendamos utilizar un sistema de alimentación ininterrumpida (SAI). Si se va la luz, protegerá tus dispositivos y te dará un margen de tiempo a mayores funcionando a modo de batería.

También te irá bien contar una batería externa portátil (power bank) que te servirá para cargar diferentes dispositivos. Eso sí, recuerda mantener el SAI conectado de forma permanente y revisar de forma periódica que la batería externa esté cargada completamente. 😉

También necesitarás un plan b para tu conexión a Internet. Puedes tener dos líneas activas con proveedores diferentes, o bien contratar una buena conexión de datos móviles que sirva de alternativa si falla tu proveedor principal.

Tu rutina diaria como teletrabajador

Hay muchos planteamientos acerca de cómo debería ser el día a día de un trabajador en remoto.

Aunque tus necesidades van a depender de factores como el sector al que te dediques, si trabajas directamente con clientes o no, o cuál sea tu franja horaria de productividad principal, aquí tienes algunas recomendaciones que a nosotros nos funcionan.

Marca un horario de trabajo

Al igual que tendrías una hora de entrada, una de salida y un descanso para comer, en remoto necesitarás lo mismo. Trabajar en casa requiere disciplina para concentrarse y no posponer tareas, un horario te ayudará en este sentido.

Este horario será un compromiso para ti y ayudará al resto de compañeros a saber cuándo estás disponible y a evitar contactarte en tu tiempo libre. También será una referencia para las personas con las que compartes tu casa, para que sepan que durante ese tiempo no deben interrumpirte.

Para facilitar la desconexión diaria, cuando termines la jornada cierra la puerta de tu habitación de trabajo y pon un cartel tipo “Cerrado hasta mañana a las 8:00”.

Este truco te ayudará a recordar la importancia de fijar un momento para cada cosa y no degradar tu tiempo libre con tareas que, casi siempre, pueden esperar al día siguiente.

No trabajes en pijama

Salir de la cama y ponerte a trabajar directamente no es una buena idea. Trabajar desde casa te permite usar ropa cómoda, pero no caigas en la tentación de pasarte el día en pijama porque no vayas a salir.

Levántate como mínimo 30 minutos antes de empezar a trabajar, es mejor empezar la jornada sin prisas. Dúchate, vístete, y sigue los pasos que seguirías si fueses a salir a trabajar a una oficina. Seguir esta rutina le envía un mensaje a tu cerebro: ¡comenzamos!

Establece prioridades y bloques de tiempo

Planificar tu día a día te ayudará a trabajar más tranquilo y mejorar tu rendimiento. No improvises, márcate una lista de tareas para cada día y ordénalas por prioridad.

Una vez que tengas tu lista, asigna un bloque de tiempo a cada tarea. Sé realista en la asignación de tiempos. Si asignas menos tiempo del realmente necesario acabarás frustrado al valorar tus avances. No olvides tomar pequeños descansos entre tareas; son necesarios para poder seguir en las mejores condiciones.

En Webempresa solemos usar los ‘horarios estancos’ donde si estoy escribiendo un artículo para el Blog no hago otra cosa, ni atiendo a nadie que me escribe por chat, no cojo el teléfono y por supuesto tengo el email cerrado.

La misma receta sirve para los tiempos dedicados a revisar email o cualquier otra tarea que hagas de forma habitual.

Siempre pueden aparecer imprevistos y urgencias, por supuesto, pero si no sabes dónde vas a enfocarte (falta de control), es muy muy difícil que avances de verdad (resultados).

Para no ir improvisando el trabajo diario es muy recomendable usar una aplicación de gestión de tareas y equipos. En Webempresa usamos Monday pero hay muchas otras opciones.

Para trabajar en un equipo remoto tenemos que tener claros nuestros objetivos y prioridades. En ocasiones y si estamos solos quizás en mayor medida, generamos prioridades con ligereza y frivolidad.

Mucho ojo con las interrupciones

Serán tu gran adversario 🙂 Si no consigues horas de trabajo en lugar de “ratitos”, no lograrás avanzar.

Las interrupciones te provocan un desgaste mayor del que imaginas, te desaniman porque te alejan de tus objetivos. Haces, haces, haces pero ¿avanzas en lo importante?

Es una fuente de estrés que tienes que combatir porque si no va a minar tu motivación.

Reducir a cero las interrupciones es imposible pero puedes tomar medidas como poner el móvil en silencio fuera de la habitación, saber decir que no, desactivar las notificaciones del navegador, etc. Si usas un chat online para comunicarte con el resto de compañeros cambia tu estado a “ocupado”.

Aprende a conciliar la vida laboral con la personal o familiar

Al trabajar desde casa debes tener presente que existe una fina línea entre la vida laboral y la personal o familiar. Es posible que vivas con tu pareja, con pareja e hijos, con otros familiares o con compañeros de piso. En todos esos casos y aún cuando vivas tú solo tendrás que aplicar medidas de conciliación.

Si vives con más gente, tus horarios pueden ser diferentes a los del resto de personas con las que convives. También es posible que los tiempos de uso de internet necesiten ser ajustados para que puedas trabajar con holgura y que aquellos que quieran disfrutar de películas o juegos por streaming deban hacerlo cuando no estés trabajando.

Te recomiendo que te sientes con tu pareja, familia o con quien compartas tu casa, y llegues a acuerdos que funcionen para todos. Para evitar conflictos posteriores es importante dejar claras unas normas de convivencia.

Por un lado deben entender que habrá un horario de trabajo donde tendrán que respetar tu espacio, evitar ruidos, peticiones para que ‘hagas recados’ etc.

Y por otro lado, tú debes comprometerte a que, una vez termines el horario laboral, te integrarás al 100% en la vida familiar.

Si vives solo, es igualmente importante que establezcas unas normas para limitar tu horario laboral y obligarte a realizar otras actividades.

No perjudiques tus horas de comida, tu descanso ni tus relaciones sociales. Que trabajes en casa no significa que debas pasar todo el día en casa, oblígate a salir cada día.

Tampoco olvides la actividad física. El teletrabajo puede llevarte a una rutina sedentaria que debes obligarte a romper.

No vale el “no tengo tiempo” o “que tarde se me ha hecho”, haz ejercicio aunque sea en casa.

Hacer deporte refuerza tu creatividad, la sangre se renueva y las ideas vendrán a tu cabeza de forma natural. Moverte te aleja de la desmotivación, te da claridad mental y te ayuda a desdramatizar.

No vamos a descubrir aquí que hacer ejercicio es bueno, así que tampoco nos extenderemos. Busca la opción que mejor se adapte a tus gustos y ¡ponte en marcha! 😉

 Teletrabajo en equipo

Trabajar en remoto en equipo requiere unas dinámicas especiales. No solo se trata de poder llevar a cabo tus tareas, sino de formar parte de una organización viva con diferentes áreas funcionales que se coordinan para conseguir objetivos comunes.

Para teletrabajar en equipo de forma eficaz, es necesario hacer un esfuerzo especial en materia de comunicación, gestión de proyectos y tareas y documentación.

Cómo nos comunicamos

En el ámbito de la comunicación interna debes tener en cuenta dos tipos de comunicación principales: la comunicación en tiempo real entre los miembros del equipo y la comunicación de noticias, novedades o cambios.

No debes confundir los canales de comunicación con los sistemas de documentación. Los primeros sirven para informar, y los segundos para mantener un sistema organizado de recursos, documentos, guías, etc.

Nosotros gestionamos la comunicación en tiempo real a través de Slack, como ya te comentamos al inicio de este artículo. Tenemos un montón de salas donde dividimos las conversaciones de cada departamento, ya que así es más fácil participar y luego buscar información.

Tenemos una sala general para cada departamento y otras salas para comentar determinados temas de cada departamento. Algunas salas son públicas para todas las personas del equipo y otras salas son privadas o limitadas para personal de un departamento concreto, o de un nivel determinado dentro de cada departamento.

También tenemos salas de notificaciones generales, como la sala #1-importante, en las que publicamos los temas de mayor impacto que todo el mundo tiene que revisar antes de empezar su jornada laboral.

Así podemos asegurarnos de no perdernos ninguna información importante que tengamos que saber todos para poder realizar nuestro trabajo. Hay otra sala para temas centrados en alertas y monitorización de nuestros servicios, servidores, gestores de contenidos, etc.

Tenemos una sala con consejos sobre el uso de Slack, otra donde saludamos y nos despedimos cuando entramos o salimos de turno, otras para temas como cumpleaños, y diferentes conversaciones en las que podemos participar sin generar ruido innecesario en otras salas.

El orden en las conversaciones facilita la búsqueda de contenidos y permite que el tiempo dedicado a su lectura sea el justo y necesario ¡a nadie le mola tener que invertir mucho tiempo en tener que ponerse al día de todo lo que sucede en el trabajo por miedo a perderse lo importante!

Una herramienta como Slack es perfecta para la comunicación en tiempo real; pero necesitarás otro canal para poder informar adecuadamente de novedades, cambios, etc. Nosotros lo hacemos a través de una Intranet.

Intranet para la comunicación interna

Una Intranet es un medio de comunicación interna en el que todo el equipo puede informar a los demás compañeros escribiendo entradas de contenido. Resulta muy útil para informar de novedades, compartir casos prácticos, etc.

En nuestra intranet informarmos, por ejemplo, cuando creamos un nuevo procedimiento, pero no la utilizamos como sistema de documentación. Documentamos el procedimiento en el sistema correspondiente, y después informamos de esta novedad en la intranet enlazando al documento o recurso que queremos mostrar a los demás.

Hay muchas herramientas que puedes utilizar para crear una intranet, pero nosotros optamos por WordPress por su versatilidad y facilidad para personalizar. Lo que hicimos fue instalar este CMS y añadir una serie de plugins, unos de pago y otros gratuitos, con el fin de añadir las funcionalidades que necesitábamos.

Estos son los principales plugins que utilizamos en nuestra Intranet:

• BuddyPress para crear una red social interna para nuestro equipo.
• Plantilla BuddyApp de pago.
• Plantilla para BuddyPress gratuita.
• CiberProtector (by Webempresa) para limitar acceso a usuarios mediante un segundo factor de autorización o 2FA.
• BuddyPress Activity Plus para poder compartir imágenes, vídeos y enlaces en los comentarios.
• BuddyPress Follow para seguir miembros del equipo y recibir notificaciones de su actividad.
• Gestor de Eventos para poder gestionar diferentes tipos de eventos internos o a clientes, etc.
• MailPoet 3 para la gestión de boletines internos que ayuden a mantener a todo el equipo informado, se puede automatizar el envío diario de un boletín resumen de los nuevos artículos o el envío automático de cada nuevo artículo para recibir por email las novedades comentadas en Intranet.
• Optimizador.IO para optimizar imágenes (servicio gratuito ofrecido por Webempresa) y mejorar la carga del sitio.
• WP RSS Aggregator para poder importar contenidos RSS de blogs o medios importantes tanto internos como externos y tenerlos unificados en una categoría especial para la intranet.
• 
  rtMedia para WordPress, BuddyPress y bbPress para poder comentar imágenes o archivos.
• SyntaxHighlighter Evolved para poder publicar código manteniendo formato y coloreado https://es.wordpress.org/plugins/syntaxhighlighter/
• User Role Editor permite definir diferentes tipos de niveles y permisos en los roles habituales de WordPress o crear nuevos roles.
• WP ULike permite poder usar Likes y saber quién ha votado una publicación o comentario lo usamos para confirmar que personas han visto esos temas.
• WP-PostViews, te permite mostrar cuántas veces se ha visto una entrada/página.
• Anon Links te permite ocultar el referer (desde donde enlazas) y que no se vea en los logs de las páginas destinos la url de tu intranet y “ocultar” desde donde has llegado a esa página.
• Ultimate FAQS para poder insertar preguntas frecuentes en tu Intranet y utilizarlo como guías de uso interno, etc.

Además de estos plugins, y con el fin de garantizar que solo el personal de la empresa pueda acceder a la Intranet es recomendable que utilices limitaciones de acceso, nosotros limitamos a las IPs de nuestra VPN el acceso, esto lo suelen hacer nuestros clientes con la VPN de CiberProtector (servicio de Webempresa).

 CiberProtector para mejorar tu seguridad en Internet

El hecho de poder teletrabajar indica que tendrás que acceder de forma remota a la empresa y probablemente compartir informaciones con tus compañeros de trabajo.

La mejor forma de acceder y compartir esta información es utilizando un gestor de contraseñas y además reforzar la seguridad de los accesos con medidas sencillas.

Por otro lado, toda la información que generas a través de Internet, también puede ser protegida al utilizar una red privada virtual (VPN) que encripta tu conexión.

Te recomendamos utilizar CiberProtector.

Las principales ventajas de utilizar el gestor de contraseñas son:

• Compartir los accesos habituales que normalmente utilizas en tu trabajo con todo el personal del equipo, para que esta información se transmitan de forma segura.
• Tener acceso a sitios habituales como correos, bancos, redes sociales, que podrás efectuar de forma automática al activar el gestor de contraseñas a través del navegador.
• También puedes crear y compartir notas con todo el equipo con información importante: datos bancarios, número de seguridad social y documentos importantes como DNI, pasaporte, etc.
• Si vas a crear nuevos accesos, aprovecha la funcionalidad del generador de contraseñas de CiberProtector para garantizar que vas a utilizar contraseñas realmente robustas y seguras.

Además de tener un gestor de contraseñas para los accesos, puedes aumentar la seguridad añadiendo un segundo factor de autenticación (2FA) con ello estás indicando que para acceder a determinado sitio, además de introducir el usuario y contraseña, se debe también añadir un token o código que cambia a cada 30 segundos, el cual se genera desde la App en tu dispositivo móvil y sin este código no es posible completar el acceso.

Si aplicas estas medidas de guardar accesos, compartirlos de forma segura, añadir un doble factor de autenticación y usar una conexión por VPN, estás garantizando que el teletrabajo no solo sea productivo sino también seguro.

CiberProtector tiene una versión Empresarial pensada para el trabajo de equipos.

Puedes crear un perfil para cada persona de tu equipo. Con este perfil tendrán un gestor de contraseñas, una conexión VPN, un sistema 2FA y un control de seguridad para los dispositivos que utilizan.

Te permite crear, bloquear o eliminar usuarios según tus necesidades, así compartes información por un tiempo limitado o ilimitado de forma rápida y segura.

Dentro de tu empresa, tienes la posibilidad de definir roles, y así facilitar determinados accesos o notas a grupos de usuarios según las políticas de la empresa.

También es posible supervisar la actividad de accesos y la salud de las contraseñas almacenadas en el baúl desde tu panel de control de administrador y añadir diferentes políticas de acceso, como por ejemplo bloquear accesos si se hace desde un dispositivo móvil o bloquearlos si no tienen la VPN conectada, etc.

Permitir que los miembros de tu equipo compartan sus accesos dentro de la empresa y así garantizar que toda la información compartida se haga de forma segura, controlada y acorde a los permisos establecidos.

• Versión Empresarial de Ciberprotector.

La entrada Webempresa 12 años teletrabajando al 100% se publicó primero en Webempresa.

¿Te gusta la magia? ¿Te has preguntado alguna vez cómo tu sitio web de WordPress muestra un contenido de manera pública, y cómo puedes gestionar dicho contenido en un panel de control totalmente independiente a tu “front-end”?

Hoy en día damos muchas cosas por hecho, que para mucha gente parece magia, y no sólo en situaciones complicadas o complejas.

Por ejemplo, te has parado a pensar alguna vez, lo mágico que es que al mover una palanquita en el grifo, ¿salga agua? (bueno, mágico mágico no es para la gente de países desarrollados, pero ya me entiendes).

El problema viene si alguna vez, al girar esa palanquita, de repente ya no sale agua. Ahí es cuándo te hubiera gustado conocer cómo funciona dicho mecanismo (saber lo “qué hay detrás”), para poder ahorrarte una llamada al fontanero, en el caso de que el problema no sea muy importante.

Precisamente esto vamos a ver y conocer en este artículo: la importancia de la carpeta wp-content en WordPress.

Al terminar el artículo sabrás:

• Acceder a ver los “archivos” de WordPress en un servidor.
• Diferenciar las diferentes carpetas que componen tu instalación de WordPress.
• Entender qué hay dentro de la carpeta de wp-content y por qué es tan importante.

Cómo acceder a ver las tripas de WordPress

El primer paso para poder manejarse con la carpeta wp-content en tu instalación de WordPress es saber acceder a ella (ya que esto no es posible desde “tu web”).

Hay dos maneras sencillas de hacerlo, y cada uno elige cuál le gusta más. Yo personalmente prefiero la de…

Conectarse mediante FTP

Es la manera más tradicional, pero la más lenta a la hora de mover archivos.

Personalmente me gusta porque, usando un buen programa de FTP (por ejemplo FileZilla) podrás conectarte rápidamente a las cuentas que necesites, y es ideal si manejas más de un cliente a la vez (como en mi caso).

Si nunca has configurado un programa como FileZilla, no te preocupes, Webempresa te lo pone fácil, pudiendo descargarte el archivo de configuración desde tu panel de control, tal y como muestra este pantallazo:

Y una vez tengas el archivo de configuración, lo importas en FileZilla:

Utilizar el explorador de archivos de cPanel

La otra manera, también muy buena, y mucho más rápida a la hora de gestionar archivos, es acceder al explorador de archivos que encuentras en tu cPanel contratado de Webempresa:

Y una vez dentro, tu instalación de WordPress, normalmente, se encuentra en el root (raíz) de la carpeta llamada public_html:

Una vez hayas accedido por cualquiera de las dos maneras, ya estás list@ para ver en tiempo real lo que voy a ir comentando en este artículo.

Pequeño repaso a las carpetas de WordPress

Para que tu web de WordPress se pueda ver, hay dos elementos que lo hacen posible (para tu web y para cualquier web de WordPress):

• La base de datos MySQL (donde van a parar configuraciones y el contenido de texto de tu web) gestionada en phpMyAdmin.
• Los archivos descargados de WordPress.org (ya sea manualmente o automáticamente mediante un instalador de WordPress en cPanel).

En este artículo nos concentramos en el segundo de los elementos, y más en concreto en la carpeta wp-content.

No obstante, aquí te dejo ciertos matices para cada una de las carpetas que te encuentras en una instalación “virgen” de WordPress.

Carpeta wp-admin

La carpeta wp-admin está directamente relacionada (mi cara ahora es de “obviedad”) con lo que ves en el dashboard the WordPress.

De ahí que para acceder a ese dashboard independiente, haya que escribir la dirección: www.tudominio.com/wp-admin.

Con ello le estás diciendo al explorador de Internet de turno, que “mire” lo que hay en el root de ese dominio, y más en concreto dentro de la carpeta llamada wp-admin.

Obviamente, WordPress ya se encarga de añadir una capa de seguridad para acceder a dicha carpeta (de ahí que te pida usuario y contraseña para entrar).

Los archivos que hay en esta carpeta no se modifican. Todas las opciones que vas cambiando en cualquier plugin, preferencias de WordPress, o parecidos, quedan registrados en la tabla correspondiente en la base de datos (nunca en los archivos de la carpeta).

¿Es curioso verdad? Durante años yo nunca me había planteado estas cosas, hasta que empecé a conocer WordPress muy a fondo.

Carpeta wp-includes

La carpeta wp-includes es algo más desconocida por todos, pero igual de importante.

Simplemente podríamos decir que dicha carpeta es como “el sistema nervioso” de WordPress, y que gracias a la misma todo lo que ves en tu web funciona como tiene que funcionar.

Es decir, es una carpeta que se ocupa que toda esa capa “de código” que no ves, haga que lo que sí que ves, funcione bien.

En 10 años de experiencia con WordPress, personalmente nunca he tenido que verla, ni explorarla, ni nada. (Lo que me agrada, porque significa que WordPress está muy bien hecho).

Archivos root

Son todos los archivos que se encuentran en la raiz (o root en inglés) de tu web (lo que se ve al escribir www.tudominio.com).

Aquí hay varios archivos que ya te van a sonar bastante:

• wp-config.php
• .htaccess
• favicon.ico
• index.php
• wp-login.php

Son archivos que cumplen una función muy específica en tu web, y que muchas veces tienes que cambiar tú mismo, o sustituirlos por otros.

Es decir, aquí ya vamos viendo una ligera capa de personalización para tu web, diferente a otras webs con esos mismos archivos.

Carpeta wp-content

Es la carpeta central de este artículo, y la carpeta central de tu web, ya que en ella es en donde se van a ir almacenando todos aquellos archivos que no sean texto en sí (el texto se almacena en la base de datos).

Ejemplos de archivos son, en su gran mayoría, fotos o imágenes, pero también pdf, audios, vídeos, gifs, archivos comprimidos, y cualquier otro tipo de archivos que decidas utilizar en el contenido de tu web (en un artículo, en una página, o en cualquier otro custom post type).

Vamos a detallar esta carpeta tan importante a continuación.

Carpeta WP-Content: la gran subestimada.

Por fin entramos de lleno en la carpeta que más nos interesa como propietarios de una web.

Esta carpeta es tan importante, porque en ella se encuentra todo lo que diferencia a tu instalación de WordPress del resto.

Es decir, que no hay dos carpetas wp-content iguales (exceptuando la que viene por defecto en una instalación virgen de WordPress).

Lo vas a ver más claro sabiendo…

¿Por qué es importante que conozcas wp-content en profundidad?

• La carpeta wp-content es la única carpeta que va a ir creciendo conforme vayas añadiendo contenido a tu web, en forma de archivos, plugins, temas, etc.
• Wp-content representa desde el principio, mínimo, un 50% de toda tu instalación de WordPress. (cuanto más contenido añadas, mayor será ese porcentaje).
• Al ser la única carpeta que “va cambiando” debido a una acción del usuario o de los plugins o temas que utilices, quiere decir que es la única carpeta que necesitas salvaguardar (hacer una copia de seguridad o backup) para poder “clonar” tu web en otro servidor o carpeta de tu mismo servidor.
• Conocer esta carpeta también te va a permitir solventar muchos de los principales problemas en WordPress típicos que se suelen producir. (pantalla en blanco, errores con plugins, incompatibilidades, etc).

Estructura de wp-content por defecto

Como ya hemos mencionado, el contenido de la carpeta de wp-content varía de una instalación de WordPress a otra, pero siempre va a ser el mismo cuando instalamos WordPress inicialmente:

Carpeta de Themes

Todas las plantillas que vayas instalando en tu web, así como sus child-themes (“plantillas hijas”), van a ir a parar a esta carpeta.

Esta carpeta es importante, ya que, si quieres hacer muy buen uso de ella, tienes que tener en cuenta que:

• Una buena plantilla (theme) para WordPress, tiene que venir con una plantilla hija (o child theme).
• Si dicha plantilla no viene con un child theme”, crea uno.
• La plantilla “padre”, nunca debes tocarla ni editarla, ya que sus archivos irán siendo sustituidos por nuevos, cada vez que actualices dicha plantilla desde el panel de control de WordPress.
• En dicho child theme, encontrarás un archivo llamado functions.php. Este archivo es el más importante de todo lo relacionado con la estética de tu web, y es en donde vas a ir añadiendo diferentes funciones, cuando algunos plugins o tutoriales que hagas por tu cuenta, te lo vayan pidiendo.

Carpeta de Plugins

Es una de las carpetas más amada y más odiada al mismo tiempo.

En teoría, en una instalación de WordPress, tienen que existir la mínima cantidad posible de plugins, entre otras cosas, para evitar que haya incompatibilidades entre los mismos.

Lo que pasa en “la vida real” es que para hacer la web de nuestros sueños, muchas veces tenemos que “tirar de plugins”, e instalar algunos más de la cantidad deseada.

Mientras dichos plugins sean de calidad, y todo esté optimizado y vigilado, en teoría todo irá bien.

Sí que es cierto que, en cuanto hay aun problema en tu web, casi al 99% va a estar directamente relacionado con uno de los plugins que tengas activo.

Es por ello que es el primer sitio donde tienes que ir, para poder “desactivar” manualmente todos los plugins de la web, e ir activando uno a uno, para ver cuál es el que ha causado ese error.

Recuerda que activando el modo debug, tendrás mucha más información sobre cualquier error que se te presente en tu web.

Carpeta de Uploads

Es la carpeta más golosa de toda la instalación de WordPress.

Es la que más va a ir “engordando” a medida que tu web crezca en contenido, ya que, como bien dice su nombre, es en donde se van a subir (upload en inglés) todos los archivos multimedia que utilices en tus custom post types (posts, páginas, etc).

La manera en que los archivos se almacenan, por defecto, es por “año y mes” (year/month), pero hay muchos usuarios (entre ellos me incluyo yo) que prefieren que esto no sea así, para luego poder encontrar archivos más fácilmente.

Mucha gente no lo sabe, pero esto se puede configurar fácilmente desde las preferencias de WordPress en el dashboard de administración:

Otras carpetas que quizás tenga:

Dependiendo del hosting en el que instales WordPress, o del idioma en que lo hagas, puede que te encuentres otras carpetas por defecto en tu instalación.

• Languages (si el sitio no está instalado en inglés por defecto).
• Upgrade (es la carpeta que utiliza el propio WordPress cada vez que se actualiza a una versión superior).
• Algunos plugins tienen carpetas propias, que instalan en este apartado. Dichas carpetas, suelen ser recomendables a la hora de crear una copia de seguridad para tu web, ya que suelen contener información importante.
• Si utilizas algún plugin de caché, puede que a este nivel también encuentres carpetas con archivos “de caché” almacenados en ellas.

Conclusiones

A veces es fascinante adentrarse en las tripas de WordPress, y saber y conocer para qué sirve cada archivo y carpeta.

Está muy bien que hayas dedicado unos minutos a leer sobre la carpeta de wp-content, porque ya sé que este tipo de información cuesta asimilarla.

Pero piensa que el tiempo que has invertido hoy para leer el artículo, va a hacer que ahorres horas cuando se te presente cualquier problema o duda relacionada con estos archivos, porque ya sabrás directamente dónde mirar, cómo mirar, y qué hacer (o dicho de otra manera, dónde no perder tiempo mirando).

A partir de hoy mismo, convierte a la carpeta de wp-content en tu mejor aliada de cara al futuro de tu proyecto web, y considérate, desde ya, un usuario de WordPress bastante más avanzado que la media.

Espero que te haya gustado este artículo y que te haya resultado útil, y ¡nos vemos en el siguiente!

La entrada Cómo organizar contenidos en WP-Content se publicó primero en Webempresa.

El Comercio Electrónico (eCommerce) está experimentado un enorme auge en los últimos años y se prevé que seguirá aumentando aún más en los próximos años, rotas las principales barreras que limitaban su crecimiento.

Aunque nunca ha sido tan fácil lanzar una tienda online, de diversidad de productos, sean físicos o digitales, y servicios, existen multitud de factores que se deberían evaluar y valorar antes de iniciar una aventura de eCommerce para no condenarlo al fracaso.

Precisamente la cada vez mayor presencia y utilización de sitios web de comercio electrónico hace que, antes de montar una tienda online, sea necesario tener muy claros distintos conceptos, enfoques y soluciones, así como las dificultades que nos podemos encontrar.

Porque, en Internet, todo está a un clic de distancia y los usuarios tienen acceso a información muy detallada sobre los productos o servicios que necesitan.

Por esta razón, para que una tienda online tenga éxito, debe ser capaz de destacar con respecto al resto, no solo en visibilidad sino en su oferta.

En este artículo, vamos a introducirnos en el mundo del eCommerce, aclarar estos conceptos, conocer las principales dificultades que podemos encontrarnos para lanzar una tienda online, cómo superarlas y, finalmente, cómo implantar una tienda con una de las soluciones de Comercio Electrónico, WordPress y WooCommerce, más asequibles y potentes.

¿Qué es el Comercio Electrónico (eCommerce)?

A estas alturas, todos tenemos bastante claro qué es el eCommerce, aunque solo sea porque hayamos navegado alguna vez a través de una tienda online y realizado alguna compra.

Sin embargo, si vamos crear una tienda online, es fundamental conocer más allá el concepto básico que hayamos tenido como compradores, para anticiparnos a los problemas que nos encontraremos y cómo prevenirlos o, al menos, cómo reaccionar si se producen.

En general, el comercio electrónico se refiere a cualquier forma de transacción comercial realizada a través de Internet como medio de interacción y comunicación.

El ejemplo más conocido de comercio electrónico es la venta online, que se define como la compra y venta de productos a través de un sitio web.

Sin embargo, el comercio electrónico también puede implicar otros tipos de actividades comerciales, como subastas, venta de entradas, suscripción de servicios o intercambio entre particulares; es decir, no solo intercambio de productos físicos.

Por tanto, en el comercio electrónico hay, como en el comercio tradicional, dos actores: (1) quien ofrece un bien, del tipo que sea (físico, digital o intangible), a cambio de un precio; y (2) quien está interesado en ese bien y está conforme con pagar su precio.

Ahora bien, en el Comercio Electrónico pueden existir más modelos de negocio y métodos de gestión, en función de dos parámetros:

• El tipo de entidad o persona física que interviene en la transacción.
• La naturaleza del bien que se intercambia y cómo se gestiona.

Modelos de negocio eCommerce

En función de quienes intervienen en un intercambio comercial de Comercio Electrónico, se distinguen los siguientes modelos principales de negocio:

• Business to Business (B2B):

  cuando empresas venden a empresas; normalmente, grandes partidas de uno o varios productos dentro de una misma gama.

  Un ejemplo de este caso sería empresas proveedores de mobiliario de oficinas que suministran todo el material para amueblar una oficina.

 

• Business to Customer (B2C):

  el modelo al que estamos más habituados los usuarios, cuando una empresa vende directamente a un particular (consumidor), habitualmente en pedidos pequeños.

  Los sitios web de supermercados o de venta de ordenadores serían ejemplos de este tipo.

 

• Consumer to Consumer (C2C):

  cuando el sitio web facilita que un particular venda un bien que posee a otro particular.

  El ejemplo más conocido de este tipo de modelos son los sitios web de subastas particulares, como eBay, sitios de compra-venta de segunda mano o compartición de recursos (coches).

 

• Consumer to Business (C2B):

  cuando un particular ofrece un bien a una empresa, siendo lo más habitual la prestación de un servicio.

  Sitios web como Fotolia (venta de fotos) o Freelancer (venta de servicios) encajan dentro de este modelo.

Conocer los posibles modelos de negocio nos puede ayudar a considerar ideas de negocio que no habíamos considerado, diferentes al extendido Business to Customer. Cuántas más opciones evaluemos y valoremos, más posibilidades tendremos de habilitar un sitio web que tenga éxito.

En este sentido, actualmente el modelo C2B y C2C son los que menos tiempo llevan implantados y que experimentan mayor crecimiento, por lo que presentan una mejor oportunidad de negocio que el resto.

Tipo y Gestión de bienes eCommerce

También podemos categorizar los sitios web de comercio electrónico no solo en función de cómo son los bienes que se comercializan, sino también en cómo se gestionan o emiten estos bienes:

• Productos físicos. La clásica tienda online, con las mismas características comerciales y de gestión que una tienda física, excepto que las transacciones y el pago se hacen vía web en vez de en un establecimiento y que el producto se envía por empresa de transporte.

 

• Productos digitales (infoproductos). En este caso, el producto no es físico, sino una creación digital, en cualquier de sus formatos: vídeos, fotografías, ebooks, aplicaciones, documentos PDF, etc., que se descargan desde el sitio web una vez completado el pago.

 

• Prestación de Servicios Online. El “vendedor” se convierte en el prestatario de un servicio a través de Internet, como puede ser coaching, asesoría, formación o mentoring, donde el precio se abona por unidades de tiempo preestablecidas.

 

• Tiendas de afiliación. Bajo esta modalidad, la tienda online se convierte en el “escaparate virtual” de un gran proveedor de comercio electrónico, especializándose en una categoría de sus productos, para explotar un nicho de mercado a cambio de una comisión de las ventas. Aunque los usuarios naveguen y consulten los productos en el sitio web afiliado, son redirigidos a la tienda del proveedor para completar la compra.

 

• Dropshipping.

  En las tiendas de afiliación, estamos limitados al catálogo del (único) proveedor y no tenemos control sobre el proceso de compra.

  Con el Dropshipping nos convertimos en “revendedores” de uno o más proveedores mayoristas, y todo el proceso de compra y pago se realiza en nuestro sitio web. Una vez completada una compra, se remite al mayorista, que desde ese momento gestiona el envío y posibles devoluciones.

 

• Marketplace.

  La versión física de un Marketplace es un centro comercial, que reúne muchas tiendas de distintas marcas y productos dentro de una misma construcción.

  Así, un Marketplace proporciona una plataforma online de comercio electrónico, donde podemos incluir y gestionar nuestros productos, con las herramientas de la plataforma y a un mismo nivel que otras tiendas del Marketplace. Es decir, el Marketplace nos suple de todas las necesidades técnicas y tecnológicas, y nosotros solo debemos encargarnos de gestionar la tienda y nuestros productos.

Plan para lanzar un negocio eCommerce

Debemos seguir un orden lógico de tareas y consideraciones para construir un sitio web de comercio electrónico.

Con la tecnología actual, instalar y configurar una tienda online apenas nos llevará unos días; sin embargo, esa es la parte menos importante en este proceso de creación.

Crear y hacer que crezca un negocio de comercio electrónico que sea rentable es un proceso escalonado que involucra una serie de pasos, en que debemos investigar, analizar, evaluar y tomar decisiones para desarrollar una estrategia de eCommerce que dé frutos positivos.

1. Elegir varias ideas de producto

El primer paso para iniciar un negocio de comercio electrónico es decidir qué productos venderemos.

Encontrar una idea de producto rentable puede ser un trabajo arduo, que hay pensar muy seriamente y sin prisas.

Hay que elegir productos con márgenes de beneficio suficientes, que permitan obtener ganancias y escalar el negocio en el futuro.

Una vez que decidamos qué productos podríamos vender, deberemos decidir cómo y dónde los obtendríamos, ya sea por fabricación propia o abastecimiento de uno o varios proveedores.

2. Investigar y planificar

Cuando ya tengamos varias ideas de un producto, deberemos investigar diferentes aspectos del mercado, como cuál será la competencia, la estrategia de precios y la propuesta de valor diferenciadora.

En este punto, también debemos elaborar un plan de negocios que nos ayude a visualizar la estrategia de crecimiento e identificar posibles amenazas u obstáculos.

Un análisis DAFO de nuestra propuesta de valor con respecto a la competencia nos podrá dar algunas directrices.

3. Crear una marca fuerte

Ahora que tenemos una idea de producto con buenas perspectivas y una visión general clara del mercado, es hora de comenzar a pensar en los elementos clave de la tienda online, como el nombre de marca, nombre de dominio, identidad corporativa, valor diferenciador, etc.

Establecer nuestra marca desde el principio puede ayudar a acelerar el crecimiento y alcanzar más fácilmente a los clientes potenciales.

Antes de centrarnos en la construcción de la tienda, deberíamos conocer los conceptos básicos de SEO, para dar visibilidad al sitio web en los buscadores.

Te dejo por aquí un curso totalmente gratuito tener un sitio web en WordPress amigable-SEO (“SEO-friendly”): Curso SEO WordPress.

4. Elegir la tecnología

Según el modelo de gestión que hayamos elegido, debemos elegir qué tecnología utilizaremos para construir e implantar la tienda online, de alguna de las dos siguientes maneras:

• Crearla desde cero, contratando el servicio de construcción a una empresa o profesional especializados.

  Llevará más tiempo y costará más, aunque con una tienda completamente personalizada a nuestro gusto y sobre la que tendremos total control.

• Utilizar una plataforma de comercio electrónico, que permite crear una tienda online de forma relativamente fácil y rápida, aunque dentro de las posibilidades técnicas y de personalización de esa plataforma.

  En el caso de los Marketplace, ya nos la proporcionan directamente.

Antes de lanzar la tienda online a Internet, debemos asegurarnos que todo está preparado para medir su rendimiento, definiendo qué indicadores utilizaremos para realizar un seguimiento de su progreso y solucionar cualquier problema que surja.

Otras cosas importantes a tener en cuenta incluyen la configuración de los perfiles de redes sociales, la preparación del email marketing, herramientas de analítica web, investigación de palabras clave, preparación de un plan lanzamiento…

Una vez lanzada la tienda línea, pasamos inmediatamente a la fase de promoción y difusión, centrado en aumentar las visitas y optimizar las conversiones (es decir, que los usuarios compren).

En función del método de gestión que hayamos elegido, quizás debemos reconsiderar aspectos de la gestión del inventario, revisión de los productos, análisis del comportamiento de las visitas, seguimiento de las transacciones, actualización del catálogo, etc.

Desafíos del Comercio Electrónico

Lanzar una tienda online, del tipo y modalidad que sea, no es suficiente para empezar a “vender como churros”.

Incluso desde antes de su lanzamiento (ideando el producto), encontraremos muchos desafíos con los que deberemos lidiar día a día para salir adelante.

• Encontrar los productos adecuados para vender. La barrera tecnológica de acceso al eCommerce ha descendido tanto que resulta muy fácil crear una tienda online y vender todo tipo de productos. Esto hace muy difícil distinguirnos con productos únicos a menos que los fabriquemos nosotros mismos.
• Atraer al cliente perfecto. Los compradores online no compran como lo hacían antes: buscan en Internet, leen artículos y reseñas, comparten información… Debemos averiguar dónde está nuestra audiencia y atraerlos eficazmente.
• Generar tráfico orgánico, con campañas a través de los canales que el marketing digital pone a nuestra disposición: SEO, SEM, email marketing, redes sociales, retargeting, etc.
• Capturar leads de calidad. Crear listas de suscriptores y hacer prospecciones en nuestra audiencia para crear el mensaje correcto que se conviertan leads y que finalmente sean nuestros clientes.
• Optimizar la conversión del tráfico orgánico. No es suficiente con recibir muchas visitas orgánicas, sino que deben ser visitas cualificadas, con mayores opciones de conversión.
• Fidelizar los clientes. Atraer nuevos clientes es mucho más costoso que conservar los que ya tenemos. Se debe explotar al máximo la base de datos de clientes para determinar qué podemos hacer para mejorar.
• Lograr un crecimiento rentable a largo plazo. Necesitamos aumentar las ventas para hacer crecer el negocio pero, más importante, es aumentar la rentabilidad, reduciendo costes, procesos, gastos generales, etc.

Mejores Plataformas de Comercio Electrónico

Excepto cuando optemos por un Marketplace o Dropshipping (en el caso de que el proveedor suministre una), debemos utilizar una plataforma de eCommerce para construir e implantar nuestra tienda online.

Aunque hay decenas de posibilidades, cerca del 80% de los sitios web de Comercio Electrónico en España utilizan una de las cuatro plataformas que se describen a continuación.

Como las especificaciones técnicas de plataformas se pueden consultar mejor en sus respectivas webs, la siguiente tabla muestra una breve descripción y las principales ventajas e inconvenientes, lo que nos dará una mejor idea de su adaptación a nuestro proyecto eCommerce:

Configuración de una tienda online con WordPress & WooCommerce

Cuando ya tenemos decidido que vamos a lanzar una tienda online y cuál será el modelo de negocio y la modalidad que sigamos, la instalación y configuración de la plataforma eCommerce tiene fases diferenciadas:

• Instalación, configuración y personalización de la plataforma, donde después de instalarla en el servidor de hosting contratado, debemos instalar paypal u otra pasarela de pago, como el tema (theme) de la tienda, la moneda, gastos de envío, formas de pago, pasarelas de pago, etc.
• Preparación y carga del catálogo de productos, donde se configura la estructura del catálogo (categorías y subcategorías) y se cargan y editan los productos de la tienda online. Según el tamaño de la tienda, esta fase puede ser considerablemente más larga que la anterior.

En el siguiente vídeo vamos a ver cómo se realiza esta segunda fase. No debemos olvidar que, antes de empezarla, debemos ya tener claros cuáles serán los productos que venderemos, cómo lo clasificaremos y cuántas opciones de venta ofreceremos:

Conclusiones

Lanzar un tienda online no consiste solo en disponer de una plataforma tecnológica especializada, como crear WooCommerce, y empezar a añadir productos con la creencia que los usuarios nos visitarán y comprarán tan pronto vea la luz.

El crecimiento del Comercio Electrónico, gracias a la disponibilidad de plataformas eCommerce fáciles de utilizar, de bajo coste y alta eficacia, ha creado un escenario muy competitivo, donde decenas de tiendas online ofrecen productos similares y todas a dos clics de ratón de distancia.

Con este panorama, crear una tienda online ya no resulta un reto tecnológico, sino un reto de planificación y gestión: de analizar el mercado, conocer los usuarios, identificar necesidades y ofrecer algo que nadie más lo ofrezca, o, al menos, no en las mismas condiciones.

Además, también es un reto de visibilidad y captación de usuarios, con estrategias de marketing digital (SEO, email marketing, retargeting, etc.) que atraigan visitas cualificadas; es decir, usuarios interesados que puede convertirse en leads y, finalmente, en clientes.

Ser conscientes de todos estos retos durante la planificación del lanzamiento de una tienda online aumentará las posibilidades de que consiga beneficios y sienta las bases para futuros crecimientos.

Magento, Prestashop, Shopify y WordPress&WooCommerce son las cuatro plataformas de eCommerce más utilizadas actualmente.

Siendo muy versátiles las cuatro, debemos conocer sus requisitos de aprendizaje, posibilidades de expansión, coste, escalabilidad, etc., para evaluar la más adaptada a nuestro proyecto de eCommerce.

La entrada Mejores plataformas para eCommerce se publicó primero en Webempresa.

Aunque estamos ya en 2020, el correo electrónico sigue siendo la herramienta más útil y económica para llevar información a nuestros usuarios.

No debemos olvidar que todos los usuarios tienen una dirección de correo electrónico y que, aunque también tengan cuentas en redes sociales, en ellas nunca podremos publicar un mensaje personalizado.

En cambio, con el correo electrónico podemos hacer una selección y personalización del mensaje que enviamos del usuario o grupos de usuarios.

Esto significa que podemos hacer campañas de email marketing adaptadas a las características de un usuario (es decir, podemos hacer una segmentación de usuarios).

Aunque WordPress permite el envío de correos electrónicos desde código, utilizando los servicios de proveedor de hosting, no incluye ningún soporte ni ninguna herramienta para gestionar los usuarios a quienes enviemos correo electrónico ni tampoco una gestión de los correos enviados ni su efectividad, sean promociones, boletines, etc.

Además, esta posibilidad de envío de email está limitada por la capacidad del proveedor de hosting que, por razones de seguridad, suele limitar el número de envíos a un volumen razonable para no colapsar el servidor.

Lo cual es normal; después de todo, proporcionan un servicio de hosting no de email.

En este artículo, vamos a ver una lista de plugins para WordPress que nos va a permitir gestionar los boletines, los usuarios suscriptores, sus correos electrónicos y herramientas de estadísticas para evaluar el éxito de una campaña de email marketing.

¿Por qué utilizar un plugin de Email para WordPress?

¿Alguna vez te has preguntado por qué todos los sitios web populares como Facebook, Amazon, Microsoft o toda gran empresa nos piden nuestra dirección de correo electrónico?

La respuesta es muy simple. No solo lo utilizan para identificarnos, sino porque el correo electrónico es la mejor manera de llegar directamente a un usuario sin ser demasiado impertinente.

No todo el mundo tiene una cuenta en las Redes Sociales, pero todos tienen una dirección de correo electrónico.

Además, la mayoría revisan su correo electrónico varias veces al día y, con las notificaciones automáticas en los móviles, están conectados a su correo electrónico día a día.

El correo electrónico ofrece una comunicación mucho más cercana y personal que cualquier otra herramienta online disponible en la actualidad. Solo una llamada telefónica lo iguala pero es mucho más intrusiva (y costosa) que el envío de una remesa de correos electrónicos.

Si una empresa o un freelance tiene una web, blog o una tienda online, enviar un boletín informativo o un mensaje promocional por correo electrónico significa llamar su atención, atraer más visitas y mejorar así su negocio online.

Además de ser una forma sencilla de distribuir el contenido del blog o las promociones de la tienda, también nos da pistas para saber qué tipo de contenido tiene más aceptación en nuestro público objetivo, lo que ayuda a mejorar la estrategia de email marketing o el catálogo de productos.

Más allá de la difusión de contenido o promociones, un boletín de correo electrónico también ayuda a aumentar los clientes para un negocio.

Un boletín informativo, bien diseñado, puede llevar a los usuarios interesados a nuestro sitio web de forma periódica, aumentando ventas o contrataciones.

Así, al generar contenido en un blog en WordPress o al actualizar el catálogo de productos u ofertas de una tienda online, el envío de boletines por correo electrónico a suscriptores asegura que esta información llegue directamente a los usuarios y que éstos decidan qué hacer con esa información.

Como WordPress no incluye soporte para este tipo de actividad, a continuación vamos a ver los 7 mejores plugins para Email Marketing, con los cuales podremos gestionar campañas o conectar con plataformas de Email Marketing desde WordPress, así como gestionar correos, usuarios, boletines, estadísticas, etc.

1. MailPoet NewsLetter

MailPoet permite a los visitantes de un sitio web suscribirse a sus boletines informativos, configurar correos electrónicos de bienvenida automatizados para los nuevos miembros de la lista, crear boletines directamente en el panel de WordPress y notificar automáticamente su lista cuando publique nuevas publicaciones, todo bajo la RGPD.

Características principales:

• Amplio surtido de plantillas de diseño responsivo.
• Opción para enviar correos electrónicos con el servicio de envío de MailPoet.
• Opción automática de envío de correo electrónico de bienvenida.
• Soporte multilingüe.
• Fácil configuración dentro de WordPress.

MailPoet tiene docenas de plantillas para diseñar los boletines o newsletter.

También se pueden configurar actualizaciones automáticas con periodicidad diaria, semanal o mensual para mantener a los miembros de la lista informados y atraer tráfico al sitio web. Se puede segmentar la lista de usuarios para envíos y promociones específicas.

Cuando haya límites en el tráfico diario de correos electrónicos, el servicio de envío de MailPoet permite limitar el número correos electrónicos enviados por día.

La versión Premium se integra con WooCommerce para registrarse durante el pago, recomendaciones automáticas personalizadas y promociones de ofertas y productos.

Con respecto al precio, MailPoet es gratuito para cuentas con menos de 1,000 suscriptores. Para listas más grandes, las tarifas mensuales comienzan en 13€, según las necesidades de envío o gestión de los correos y usuarios.

El siguiente vídeo muestra la instalación, configuración y gestión de boletines, formularios y usuarios con este plugin. Aunque cada plugin tiene sus peculiaridades específicas, todos incluyen al menos estas características (boletines, formularios y usuarios):

2. SUMO

SUMO es una de las herramientas más completas que combina ventanas emergentes de suscripción por correo electrónico, herramientas de email marketing compatibles con RGPD e integraciones de comercio electrónico para reducir el abandono del carrito de la compra, aumentar el valor del pedido y que más usuario se conviertan en clientes.

Características principales:

• Múltiples plantillas prediseñadas.
• Diseño responsivo y preparado para dispositivos móviles.
• Editor “arrastrar y soltar”.
• Herramientas de análisis del engagement de los usuarios.
• Integración con otros servicios de marketing por correo electrónico.

Las herramientas gratuitas de SUMO incluyen correos electrónicos de bienvenida personalizados y automatizados para cada nuevo suscriptor.

Podemos crear campañas de correo electrónico de diverso tipo (únicas, preprogramadas, secuenciales) para utilizar la más conveniente en cada caso según el tipo de contacto o del mensaje enviado.

Las posibilidades de SUMO no se limitan al email marketing, sino que incluye botones de compartición en Redes Sociales, que permiten aumentar la visibilidad del sitio web, blog o tienda online en las redes sociales.

Con respecto a su precio, el plan gratuito de SUMO cubre un número ilimitado de suscriptores de correo electrónico y hasta 10,000 correos electrónicos cada mes. El plan profesional no tiene estos límites e incluye tests A/B, plantillas de diseño y herramientas de análisis avanzados.

3. SendinBlue

SendinBlue es una de las herramientas de email marketing basadas en la nube con mayor expansión.

Con el plugin para WordPress, se pueden crear formularios compatibles con RGPD, administrar listas de suscriptores, crear y enviar campañas de email marketing por correo electrónico y medir sus resultados con los informes en tiempo real que incluye.

Características principales:

• Instalación mediante un script automático.
• Variedad de informes de estadísticas y análisis.
• Herramienta de diseño de correo electrónico de “arrastrar y soltar”.
• Segmentación avanzada de usuarios para facilitar el envío.
• Número ilimitado de campos personalizados para la segmentación.

El plugin dispone de un editor de correo electrónico de “arrastrar y soltar” para diseñar los mensajes de los correos electrónicos, y permite personalizarlos para aumentar la interacción con los suscriptores.

Dispone de más de 70 plantillas de diseño responsivo, que se pueden previsualizar para ver cómo aparecerán en diferentes dispositivos y con diferentes clientes de correo electrónico antes de enviarlos.

En su versión de pago, se pueden crear Landing Pages, mientras que las herramientas de segmentación avanzadas permiten personalizar las campañas según el perfil de los usuarios y su actividad en anteriores campañas (por ejemplo, que hayan clicado en algunas de ellas).

El plan gratuito de SendinBlue permite enviar hasta 300 correos electrónicos por día y crear una lista de contactos ilimitada. Los planes de pago con funciones adicionales y sin límites comienzan a partir de 25€ al mes.

4. NewsLetter

Newsletter es uno de los plugins más populares de email marketing “todo-en-uno” para WordPress.

Al igual que MailPoet, permite crear la lista de suscriptores, administrarla y crear boletines desde su panel de control.

Características principales

• Diseños de formularios responsivos y para móviles.
• Suscriptores y boletines ilimitados.
• Soporte multilingüe.
• Colección de extensiones gratuitas y de pago para mayor funcionalidad.

Las herramientas de “arrastrar y soltar” facilitan la creación de un boletín atractivo con las imágenes guardadas en la biblioteca de medios de WordPress, que se pueden personalizar para cada campaña de email marketing.

Además, la herramienta tiene informes incorporados, para ver exactamente cómo funcionan los correos electrónicos y se pueden automatizar los boletines para que salgan con una periodicidad regular para asegurarse de interactuar constantemente con los suscriptores de las listas.

Además de su versión gratuita, la versión de pago integra automatización de campañas e informes estadísticos y análisis con plataformas online como Facebook, WooCommerce y Analytics, a partir de 65€ por año.

5. Email Subscribers and Newsletters

El Plugin Email Subscribers and Newsletters permite notificar fácilmente a los suscriptores cuando haya contenido nuevo en el blog.

Características principales:

• Opción automática de correo electrónico de bienvenida para nuevos usuarios.
• Opción para programar correos electrónicos.
• Capacidad para controlar el acceso del usuario.
• Fácil integración con otros plugins gratuitos.
• Especialmente útil para blogs y webs corporativas.

Se puede agregar un cuadro de suscripción en el sitio web y recibir notificaciones cada vez que alguien se suscribe al boletín.

Tiene una gestión avanzada para crear boletines, ya sea para un evento o promoción especial, o de forma reiterativa para difundir las nuevas publicaciones o promociones entre los suscriptores cada vez que se produzcan.

Ofrece una funcionalidad de doble suscripción para que asegurarnos de que solo se registran las personas interesadas en lo que el sitio web o tienda online ofrece. De esta forma, conseguimos resultados más fiables entreusuarios con más opciones de conversión.

También tiene la opción de agregar captchas a los formularios de suscripción, para evitar que los bots se registren y desvirtúen las listas de correo electrónico, además de herramientas para revisar y limpiar las listas, así como verificación de spamming.

6. OptinMonster

OptinMonster nos permite hacer crecer nuestras listas de correo electrónico y conseguir más suscriptores con una amplia colección de formularios estáticos y ventanas emergentes, configurables y disponibles en diferentes formatos y esquemas.

Características principales:

• Más de 65 plantillas prediseñadas.
• Amplia colección de diseños para móviles.
• Muchas opciones de segmentación de usuarios.
• Editor de “arrastrar y soltar” para diseñar los mensajes.
• Herramientas avanzadas de analítica.

Para la edición de los correos y boletines, esta herramienta viene con un editor de “arrastrar y soltar”, que permite crear los formulario desde cero o seleccionar desde cualquiera de las plantillas prediseñadas.

La principal diferencia de OptinMonster con otros plugins de email son sus opciones de comportamiento. Incluye una tecnología para detectar la intención de salida del usuario y, según como éste abandone una página web, OptinMonster desplegará una ventana emergente u otra.

También tienen opciones de comportamiento a nivel de página, para adaptar el contenido de los correos a la ubicación y el comportamiento de un visitante en el sitio web. Esta información se puede utilizar para personalizar las campañas de email marketing y conectar con proveedores de externos de correo electrónico.

7. MailChimp

Cuando se trata de email marketing, MailChimp es una de las principales referencias.

Aunque se trate de un servicio de Email Marketing, el fabricante ofrece un plugin para integrarlo en WordPress, que actúa como un puente entre WordPress y nuestra cuenta de MailChimp.

Características principales:

• Proveedor de servicios de email marketing.
• Formularios de registro optimizados para dispositivos móviles.
• Integración con los plugins de formularios más populares.
• Herramienta avanzada de segmentación de usuarios.
• Amplio soporte para desarrolladores.
• Soporte multilingüe.

Uno de sus aspectos más destacado es su editor de correos, con una enorme colección de plantillas para casi cualquier cosa que necesitemos: Postales, Landing Pages, Banners para redes sociales y formularios de suscripción.

Crear una nueva cuenta en MailChimp es gratuito y no requiere ninguna condición especial, aunque dispone de planes Premium según las necesidades de nuestro sitio web.

El plan gratuito de MailChimp permite listas de hasta 2000 suscriptores y dispone de herramientas como los tests A/B y segmentación de usuarios. La versión Premium, junto con más canales de soporte, ofrece segmentación avanzada de los suscriptores.

Conclusiones

Uno de los mayores retos de los propietarios de sitios web, sean blogs, corporativos o tiendas online, es mantener una línea de comunicación con sus usuarios para mantenerlos informados de sus novedades y visiten su sitio web.

El correo electrónico y el email marketing siguen siendo, y seguirán siendo, el método más directo de comunicación con los usuarios, siempre que se haga de forma respetuosa y no intrusiva, y también el de menor coste.

WordPress, como plataforma de creación y gestión de sitios web, no incorpora ninguna funcionalidad específica para el envío y gestión de correos electrónicos, sean boletines, ofertas, promociones, etc. Para hacerlo, necesitamos añadir un plugin.

Disponemos de múltiples plugins en el mercado, de los que este artículo describe los mejores y más populares.

En general, un plugin de email debe incorporar las siguientes características para ser eficaz:

• Editor de formularios de registro, para que los usuarios se suscriban.
• Editor avanzado de los correos electrónicos, preferiblemente responsivos para los móviles.
• Gestión de los correos ya enviados, con análisis estadístico de la respuesta de los suscriptores.
• Gestión de las listas de suscriptores, con opciones de segmentación de usuarios.
• Integración con proveedores externos de email, para mejorar la capacidad de envío de los correos.

Por último, no debemos olvidar que un buen plugin de email proporciona la herramienta para conectar y comunicar con los usuarios, pero que el éxito de cualquier campaña de email marketing depende de nuestra estrategia y lo bien que conozcamos a nuestros usuarios, para enviarles lo que mejor se adapte a sus preferencias.

La entrada 7 mejores plugins de WordPress para Email Marketing se publicó primero en Webempresa.

Es un hecho ya irrefutable que la optimización de imágenes de tu sitio web te sirve para muchas cosas, desde mejorar la experiencia a tus usuarios hasta tener mejor karma frente a Google y sus bots para que les guste más tu web.

En esta guía definitiva para optimizar imágenes en WordPress quiero que demos un repaso a la Biblioteca de Medios, la configuración de miniaturas y tamaños adicionales de imágenes, pasando por la limpieza de imágenes duplicadas y acabando con la necesaria optimización de estas.

No cabe duda que un sitio web con imágenes ilustrando los contenidos tienen un 80% más de engagement frente a los usuarios o compradores que un sitio pobre en ilustraciones o imágenes de servicios, productos, etc.

¿Tú utilizas imágenes para tus contenidos?

ImgOptimizer, la herramienta que dio paso al plugin

¿De qué va esto?

Seguro que si eres cliente de Webempresa ya lo sabes jeje, pues posiblemente la has utilizado en alguna ocasión o eres de los que tienes la sana costumbre de ejecutarla de cuando en cuando, sobre todo tras una subida importante de imágenes a tu web.

Se trata de una herramienta creada por Webempresa hace ya un tiempo, que está disponible en el Área de Cliente para que pueda ser ejecutada bajo demanda.

Se encarga de rastrear todas las imágenes de tu Hosting, sean de webs WordPress, PrestaShop, Joomla u otros scripts y optimizarlas, sin pérdida de calidad, para disminuir el tamaño de las imágenes originales y de paso mejorar la carga de tus webs.

Te lo ilustro en este vídeo…

Con ImgOptimizer estamos consiguiendo de promedio optimizaciones de un 17%, con una mejora importante para el SEO, la velocidad de la web y ahorro en ancho de banda consumido.

Aunque también dejamos esta guía para mejorar el SEO en imágenes.

Pues de esta herramienta molona y con cientos de miles de imágenes optimizadas a sus espaldas, ha nacido OptimizadorIO, un plugin para WordPress del que te hablo más abajo.

Qué espacio ocupan las imágenes en WordPress

Por regla general el 70% del espacio ocupado por cualquier sitio web WordPress es debido a las imágenes alojadas en la carpeta /wp-content/uploads por lo que dedicarle tiempo y esfuerzos a reducir el peso de una imagen sin perder calidad, deberían ser tu próxima cruzada para ganar un lugar en el olimpo y que PageSpeed Insights te de amor.

El porcentaje de peso de las imágenes en una instalación de WordPress varía entre el 30% y el 70% aproximadamente, dependiendo de la web y de si esta utiliza plugins como WooCommerce.

Es tan importante que utilices buenas imágenes, de calidad, que sean originales, en tus post y páginas de WordPress, o en los productos de tu tienda WooCommerce, como que estén bien optimizadas, para mejorar los tiempos de carga sin que la calidad de las mismas se vea afectada.
 

Qué dice el Codex sobre las imágenes

Ciertamente el Codex de WordPress, en lo referente a optimización de imágenes es bastante parco y se limita a indicar lo que ya es obvio diciendo algo como:

Asegurarse de que las imágenes en sus publicaciones estén optimizadas para la web ahorre tiempo de carga, ancho de banda y aumente su clasificación en los motores de búsqueda.

Los tamaños de imagen predeterminados de WordPress son “thumbnail” (y su alias “thumb”), “medium”, “large” y “full”.

Estos tamaños de imagen se pueden ajustar en el dashboard, en la configuración de Ajustes, Medios. Si tu tema permite Post Thumbnails entonces “post-thumbnail” también está disponible y este es el valor predeterminado cuando se utiliza Post Thumbnails.

Estos son los tres tamaños de imagen predeterminados, que WordPress llama: miniatura, medio y grande.

El tamaño de la miniatura tiene un ajuste especial para recortar en la dimensión exacta que se especifique.

Puedes reducir los tamaños establecidos en Medios, pero sólo tendrán efecto para las imágenes recién subidas, las existentes no se verán afectadas por este cambio y seguirás conservando el resto de tamaños.

Así se utilizan estos tamaños predeterminados con the_post_thumbnail():

// Sin parámetro -> Post Thumbnail (Según el tema por medio de set_post_thumbnail_size())
the_post_thumbnail();
the_post_thumbnail('thumbnail'); // Thumbnail (por defecto 150px x 150px max)
the_post_thumbnail('medium'); // Media resolución (por defecto 300px x 300px max)
the_post_thumbnail('large'); // Alta resolución (por defecto 640px x 640px max)
the_post_thumbnail('full'); // Resolución original de la imagen (sin modificar)
the_post_thumbnail( array(100,100) ); // Otras resoluciones

¿10, 4, 6 tamaños generados por el núcleo de WordPress? ahí queda la duda.

Lo cierto es que el núcleo de WordPress genera una serie de tamaños predeterminados y el resto de tamaños adicionales son generados por el tema o plugins que los necesiten según sus particularidades, esto incluye a WooCommerce y las imágenes de Categorías y Productos.

Desde la versión 2.9 de WordPress se incorpora la Imagen Destacada (featured image), lo que añade un tamaño más a la lista de tamaños que se crean tras subir una imagen a la biblioteca de medios.

Luego habría que añadir la Featured Mobile que es la versión de imagen destacada para dispositivos móviles (responsive), la Sidebar Thumb imagen miniatura de la zona “sidebar” y otras que se van generando en base al tema y plugins usados.

¿4 tamaños estándar de imágenes? ¡no!, tantos como requiera tu tema y tus plugins, además de las que el ‘core’ de WordPress genera.

Qué dice PageSpeed Insights sobre tus imágenes

Si eres de los que todavía no ha utilizado PageSpeed Insights para evaluar la carga de la web ¿a qué estás esperando? obtendrás información muy importante sobre el estado de carga de tu página y podrás detectar los cuellos de botella que la hacen menos deseable a Google …y posiblemente a otros buscadores.

Pongamos como ejemplo una tienda de WooCommerce, en la que publicas regularmente nuevos productos, de los que haces las fotografías desde tu dispositivos móvil a 2 o 4 MB mínimo, posiblemente más y las subes a la tienda “sin optimizar”

¿para qué, verdad?

Este sería un caso en el que PageSpeed detecta que tienes imágenes sin optimizar y te informa del ahorro en tiempo de carga (al margen del espacio ocupado) que reducirías si las optimizaras.

Si eres de los que hacen las cosas bien y optimizas tus imágenes antes de subirlas a la tienda, los usuarios no deberían sufrir las consecuencias al visitar tu tienda y consultar los productos.

Este sería un caso en el que PageSpeed detecta que tus imágenes están optimizadas, simplemente no mostrándote el aviso.

¿Hay diferencia verdad? …pues ya sabes que la optimización es el camino para que tus contenidos sean los que son pero más molones porque cargarán más rápido.

Qué formatos de imágenes son los adecuados

Prestarle atención a los formatos de imágenes que utilizas en tus sitios web WordPress es fundamental porque aunque todos los formatos habituales conocidos para imágenes serían capaces de representar la misma imagen, no todos lo hacen de la misma forma, con la misma calidad y peso y esto determina realmente cual debe ser su uso.

Tenemos cada vez más tendencia a la inmediatez de las publicaciones y en esta ecuación entra en juego el móvil como dispositivo de acción inmediata que permite realizar fotos de cualquier cosa y publicarlas ipso-facto, sin que hayan pasado por un proceso de optimización ¡y esto es poco recomendable!

Por regla general la mayoría de usuarios tiene configurado su dispositivo móvil para que realice las fotografías con la resolución y peso establecidos por defecto por el fabricante que suele oscilar entre los 8 MB y 16 MB o más y la tendencia es que esto vaya en aumento, con el consiguiente problema de optimización que genera su uso directo.

Existen 2 formatos estrella para las imágenes que habitualmente se utilizan:

• JPG: Formato comprimido que reduce la calidad de la imagen pero que genera archivos de menor tamaño o peso. Ideal para Internet. Recomendado para imágenes con muchos colores.
• PNG: Formato no comprimido que cuando se comprime pierde determinada información y que genera archivos de mayor tamaño, lo que supone un mayor tiempo de carga. Más pensado para diseño, fotografía e impresión. Recomendado para imágenes más sencillas, con menos colores o que sean de fondos transparentes.

Créditos de la imagen: Wikipedia

Eliminar imágenes ¿es la solución a la falta de espacio?

Es evidente que antes de acometer una acción tan delicada como es eliminar imágenes de la instalación de WordPress sin tener claro cuales usas y cuales no usas (que no las uses tu no significa que no las use WordPress, tu tema o alguno de los plugins instalados) hay que hacer siempre una copia de seguridad, ya sea de tu web completa o de la biblioteca de medios, algo que explico en este artículo:

Puedes usar plugins como DNUI https://es.wordpress.org/plugins/dnui-delete-not-used-image-wordpress/ para detectar que imágenes no se utilizan en tu instalación, pero igualmente puede haber falsos positivos y se recomienda utilizar este tipo de plugins con precaución y alto nivel de sentido común para no quedarte sin imágenes.

En este otro artículo te explico un poco más detalladamente que archivos de imágenes adicionales se crean cada vez que subes una nueva imagen a tu biblioteca de medios de WordPress:

Más que utilizar plugins para estas cuestiones debes tener precaución en este tipo de tareas y sino optar por usar imágenes en la nube que ayudan a mantener tu espacio de disco en el Hosting más saneado:

Evitando la sobrescritura de imágenes existentes

Cuando subes una imagen a WordPress con el mismo nombre de archivo que una imagen ya existente, se cambiará el nombre del archivo para no anular la imagen actual.

Plugins como Overwrite Uploads omiten esta funcionalidad para que puedas sobrescribir fácilmente las imágenes antiguas.

El plugin Overwrite Uploads detecta nuevas subidas de imágenes con el mismo nombre de archivo de una imagen ya existente en Medios, y eliminará el original cargando el nuevo archivo sobrescribiendo el original.

Supongamos que tienes una imagen llamada “foto-de-la-boda.jpg” en tu WordPress pero tienes una versión actualizada de “foto-de-la-boda.jpg” que quieres usar para sustituir la actual.

Con Overwrite Uploads simplemente cargas la nueva imagen y se eliminará la versión anterior evitando imágenes duplicadas, triplicadas, quintuplicadas…. dependiendo de lo insistente que hayas sido y las veces que hayas querido probar la subida de la imagen hasta obtener la que más se adaptaba a lo deseado.

En WordPress de forma predeterminada tendrías que eliminar manualmente la versión anterior de la imagen antes de cargar la nueva.

Haz clic en la imagen para ir al enlace del plugin

Algunos plugins para optimizar imágenes

Es cierto que existen muchos plugins para optimizar las imágenes que se utilizan en WordPress, principalmente las de la Biblioteca de Medios, y debo decir que algunos de estos plugins realmente hacen un buen trabajo, pero también es cierto que los que lo hacen muy bien suelen ser comerciales o tienen dependencia de un servicio externo, generalmente de un servicio de servidor de optimización, que suelen ser de pago y esto echa para atrás a muchos usuarios.

Citando algunos de los plugins más habituales:

• EWWW Image Optimizer
• WP Smush (Smush Image Compression and Optimization)
• Imsanity
• PB Responsive Images
• Lazy Load
• BJ Lazy Load
• Hammy
• Kraken Image Optimizer
• ShortPixel Image Optimizer
• Compress JPG & PNG Images (TinyPNG)
• Optimus
• JPG Optimization
• PNG Optimization

Los niveles de optimización de estos plugins dependen de algunos factores, entre ellos que el servidor permita su ejecución, algo que en el caso de EWWW Image Optimizer es posible que ni siempre sea así en todos los Hostings, por razones de seguridad.

Estos niveles de mejora oscilan entre el 6,3% del peor de los plugins al 89% en los mejores casos para aquellos plugins más elaborados y con mejores recursos a nivel servidor para llevar a cabo las optimizaciones.

Y existe también OptimizadorIO, un plugin que ha irrumpido en el mundo de WordPress con ganas de ofrecer a todos los usuarios de WordPress del mundo una herramienta fácil de utilizar, rápida, que trabaja en segundo plano y que optimiza las imágenes “al vuelo” según se van añadiendo, a coste cero.

OptimizadorIO le herramienta de optimización de imágenes definitiva

En Webempresa trabajamos siempre pensando en el retorno a la comunidad y millones de usuarios que hacen uso de herramientas tan molonas como lo es WordPress, por lo que contribuir en forma de plugin es la mejor manera de devolver a la comunidad lo que el CMS nos aporta.

Este plugin, como ya te contaba al principio, nace fruto del éxito que ImageOptimizer tiene entre nuestros clientes y queríamos dar la oportunidad a todos los usuarios de WordPress around the world de disfrutar de la posibilidad de tener sus imágenes optimizadas GRATUITAMENTE y de para siempre en todas sus webs con este CMS.

Si no lo tienes claro, mira este vídeo en el que Cristina (Tina para l@s amig@s) explica los motivos que deberían impulsarte a empezar a usarlo.

Instalación del plugin Optimizador.io

En el siguiente vídeo puedes ver con que facilidad se instalar manualmente el plugin Optimizador.io qu de momento no se encuentra disponible en el Directorio Oficial de Plugins de WordPress.

Validación de tu correo para utilizar Optimizador.io

La validación del correo es un proceso muy sencillo que pasa por el registro de tu email y nombre personal o comercial en el siguiente formulario:

Hecho esto verás el siguiente aviso en la misma pantalla donde has insertado el nombre y email:

Revisa tu bandeja de entrada o la carpeta de spam para confirmar tu suscripción.

Vas a tu correo y revisas en la bandeja de entrada o en la de spam (cuentas Hotmail u otras que suelen tener esa mala costumbre) y validas haciendo clic en el enlace recibido.

Te abrirá una nueva ventana/pestaña en tu navegador indicándote que ya se ha validado tu cuenta de correo, la cual podrás utilizar en tus instalaciones de WordPress (una o varias) para activar el plugin.

Te logeas en WordPress, en la parte izquierda (menú del dashboard) accedes a optimizador.oi y en la pestaña Registro de API Key, en el campo 3. Configura tu email en el plugin añades el email con el que has validado tu cuenta y haces clic en el botón Validar correo para completar el proceso.

Como es de esperar habrás hecho bien todo el proceso y el resultado será que tu plugin optimizador.io estará validado y podrás ver el token asignado por la API Key del optimizador para que puedas empezar a utilizarlo.

Y eso es todo, ¡ahora toca darle caña!

Optimizando imágenes con Optimizador.io

En este vídeo David Noguera, Sysadmin en Webempresa y autor del plugin hace un rápido repaso al funcionamiento de Optimizaodor.io para que sepas cómo optimizar las imágenes de tu WordPress.

Preguntas Frecuentes sobre OptimizadorIO – FAQ’s

Estas son algunas de las consultas que habitualmente hacen los usuarios de Optimizador.oi y que pueden servirte de guía rápida para entender el funcionamiento y otros detalles de la herramienta.

¿Hay que registrarse cada vez que se instala el plugin?

El registro se realiza una sola vez, recibes un correo y confirmas el link, y luego en el plugin, una vez lo instalas, validas la API KEY poniendo tu email (con el que te has registrado) en el campo de validación.

Si por alguna razón pusiste mal el correo en el registro y no recibiste el email, no te preocupes, puedes utilizar otro email para registrarte.

Si por ejemplo era una cuenta de correo de Gmail puedes registrarte con usuario+1@gmail.com siendo +1 un Alias de la cuenta de correo usuario@gmail.com que te permitirá registrarte en Optimizador.io y recibirás igualmente el correo de registro en tu buzón aunque uses el alias.

¿Puedo utilizar el mismo email validado en varias webs?

Puedes usar la misma dirección de email para validar el API Key en tantos WordPress como administres, no imponemos restricciones en este sentido.

¿Cómo optimizar las imágenes existentes en la web?

Una vez instalas el plugin y lo validas (Api KEY que es el email con el que has registrado el plugin) puedes ir a la Biblioteca de Medios de la web a optimizar las imágenes y seleccionar las imágenes por páginas (bloques de paginación) y hacer clic en “Tareas por lotes”, Optimizar imágenes seleccionadas.

A partir de ese momento las imágenes seleccionadas pasarán a “Planificación” hasta que entren en la cola de optimización en el servidor que se encargue de aplicar la misma.

No es un proceso inmediato y puede tardar desde minutos hasta horas dependiendo de la carga de optimización que tengas asignada en cola, ya que son miles de usuarios los que usan el servicio a diario.

Cuando las imágenes aparecen marcadas como “Planificado” este es el proceso previo a que el servidor que se encarga de optimizarlas vaya colocándolas en cola de procesos para ir progresivamente haciendo la tarea.

A medida que Optimizador.io va procesando la cola de archivos estos se optimizan y verás paulatinamente como tus imágenes aparecen ya con el % de optimización aplicado.

La primera vez es un proceso más lento porque seguramente tendrás muchas imágenes, pero una vez las optimices, las nuevas que vayas subiendo se irán encolando en el optimizador de imágenes para que este las vaya optimizando progresivamente, siendo una tarea transparente y en segundo plano (al vuelo) que no consume recursos de tu Hosting ni afecta al funcionamiento de tu web.

¿Qué formatos de imágenes optimiza el plugin?

Los formatos que optimizador.io mejora son JPG y PNG exclusivamente. Otros formatos como TIFF (no recomendado para web) o webp no son optimizados por la herramienta.

Se centra específicamente en los formatos de imagen tradicionales que son los que habitualmente se utilizan en la Biblioteca de Medios o para Productos de WooCommerce y que suelen ser el 70% de uso ocupado en disco en instalaciones de WordPress.

optimizador.io no reduce el tamaño de una imagen en formato PDF o GIF, tampoco MP3/MP4 u otros formatos de vídeo.

¿Hay que seleccionar las imágenes que se suben para optimizarlas?

Una vez lo instalas tienes que añadir las imágenes (esto se hace solo la primera vez, luego las imágenes que vayas añadiendo a tu web se irán optimizando progresivamente) desde la Biblioteca de Medios.

¿Puedo recuperar la versión anterior de una imagen optimizada?

Si es posible y lo puedes hacer desde tu Biblioteca de Medios, navega por las páginas de la misma y con la vista de listado (no rejilla) localiza la imagen que quieres restaurar a su estado anterior y verás un enlace llamado Ver backup de la imagen original.

Haz clic en ese enlace y se abrirá tu imagen en una pestaña nueva. Esta imagen será la versión anterior a la optimización, la cual podrás descargar a tu ordenador y subir nuevamente a la Biblioteca de Medios, teniendo en cuenta que optimizador.io podrá volver a optimizarla si la vuelve a detectar como no optimizada.

Esta opción solo está disponible si en la configuración del plugin activaste el checkbox llamado Backup imágenes originales en la pestaña Opciones.

Si optimizo las imágenes con ImgOptimizer tengo que volver a optimizarlas con Optimizador.io?

No es necesario ya que las imágenes previamente optimizadas, en algún momento anterior, con ImgOptmizer (Área de Cliente) quedan marcadas de forma que no son procesadas de nuevo en cada tarea posterior de mejora de las mismas.

Optimizador.io detectará que ya fueron optimizadas y no las modificará y en tu Biblioteca de medios, en la vista listado, verás que en la columna Optimización aparece la nota Optimizado con IMGOptimizer.

¿Es compatible con Multisitios de WordPress?

Actualmente el plugin de optimizador.io no es compatible con multisitios por lo que requiere ser instalado de forma individual para cada sitio si se desean optimizar las imágenes de cada una de las webs de la red de sitios.

Soluciones a algunos problemas con imágenes en WordPress

Existen muchos y variopintos casos en los que pueden surgir problemas con las imágenes de uso en WordPress, sean de Post o Páginas o de Productos de WooCommerce u otros plugins.

Saber lidiar con estos errores puede evitarnos quebraderos de cabeza y tener que recurrir a restaurar copias de seguridad anteriores al problema detectado.

La Biblioteca Medios en WordPress no muestra imágenes

Algo que puede suceder de repente en instalaciones con mucho tiempo funcionando, en las que de repente se añaden directivas o códigos en archivos como .htaccess para mejorar la carga, etc.

Accedes a Medios, y ves que en la vista rejilla (grid) no se ven imágenes y tampoco errores.

Desde tu cpanel (o el panel que uses de gestión de Hosting) con el Administrador de Archivos (o por FTP) edita el archivo .htaccess y localiza este código que suele ser la causa:

## Charset UTF-8
Header set Content-Type "text/html; charset=UTF-8"

Comenta el código o elimínalo y guarda los cambios en el archivo, luego verifica deslogueandote y volviendo a acceder al dashboard que en Medios, con la vista de rejilla ves las imágenes.

HTTP-ERROR al intentar subir imágenes a Medios

El origen del error “HTTP_ERROR” al intentar subir imágenes a Medios está causado por una incorrecta redirección del dominio de HTTP a HTTPS. Trabajar con https es a día de hoy una obligación a nivel de seguridad, de la misma forma que te recomendamos usar una vpn para conectarte a Internet o usar 2fa para tus accesos más importantes.

Cuando se activa SSL para un dominio es posible que de forma automática (depende del Hosting) o manualmente se inserte una redirección global (para todos los dominios) o como la siguiente:

RewriteEngine On
RewriteCond %{SERVER_PORT} 80
RewriteRule ^(.*)$ https://tudominio.com/$1 [R,L]

Lo ideal y correcto es que sustituyas esa redirección SSL por la siguiente:

RewriteEngine On
RewriteCond %{ENV:HTTPS} on [NC]
RewriteCond %{HTTP_HOST} ^tudominio.com$ [OR]
RewriteCond %{HTTP_HOST} ^www.tudominio.com$
RewriteRule ^(.*)$ http://tudominio.com/$1 [R=301,L,NE]

Después de esta corrección vuelve a logearte en WordPress y prueba a subir imágenes a la Biblioteca de Medios y comprueba si sigue fallando.

…hay otros errores que suelen presentarse en la Biblioteca de Medios o en el uso de imágenes en WordPress, pero de ellos es posible que te hable en otros artículos del Blog.

Conclusiones

La optimización de imágenes es tan importante como la cantidad de horas que dediques al diseño de tu web, pues de poco sirve tener una página bonita, llamativa y llena de contenidos si luego tarda una eternidad en cargar porque tus imágenes no están comprimidas.

Son muchos los factores que pueden afectar a los tiempos de carga de tu WordPress y el uso de imágenes de alta resolución es uno de ellos.

Si no quieres que la navegación por tu página para tus lectores o compradores sea una experiencia frustrante dedica tiempo a la mejora y optimización de las imágenes de tus productos o contenidos.

La entrada Cómo optimizar imágenes en WordPress al 100% se publicó primero en Webempresa.

Y pensar que todavía hay usuarios que publican contenidos en Blogs o páginas comerciales/empresariales que creen que lo de las imágenes en las publicaciones es algo accesorio ¡bufff qué error!

Las imágenes en Entradas o Páginas son esenciales para enriquecer el contenido, sea el que sea, por lo que saber cómo importar y exportar imágenes en WordPress es tarea fundamental para mantener a buen recaudo este tipo de contenidos.

Si, si, ya sabemos que es posible exportar todos los contenidos de WordPress utilizando el importador nativo (Herramientas), pero no siempre es lo que se necesita y en este caso vamos solo a exportar imágenes ¿que te parece?…

Por lo general, y si no has modificado la ruta de upload_path todos los archivos multimedia de tu web se alojan en /wp-content/uploads ya sea todos en carpetas globales y separadas de plugins o en carpetas por años y meses ¡recomendado! para que sea más fácil gestionarlas.

La mayoría de usuarios utilizan apenas las imágenes destacadas de Entradas (post) y de Páginas (no siempre usadas) por lo que en ocasiones suele ser interesante exportar únicamente las imágenes destacadas, sobre todo si lo que tratas de hacer es llevar los contenidos a otro sitio web.

Ambas, imágenes destacadas y el resto de imágenes de Medios, se almacenan en las mismas carpetas, independientemente de la estructura que utilices para ello, por lo que si exportas la biblioteca completa, también estarás llevándote las destacadas.

Importador de WordPress

La opción más común es utilizar la funcionalidad nativa de WordPress, disponible en el dashboard, menú Herramientas, opción Exportar para descargar un archivo XML con los contenidos seleccionados en el exportador.

Esta función se vale del plugin de WordPress.org llamado Importador de WordPress (WordPress Importer) que en instalaciones nuevas debe instalarse y habilitarse la primera vez que vaya a utilizarse.

Exportar imágenes de WordPress

En este caso solo de Medios pues si eliges la opción Todo el contenido estarás descargando también Entradas, Páginas, comentarios, campos personalizados, menús de navegación y publicaciones personalizadas, tal como reza la leyenda de la propia herramienta.

Si solo quieres exportar determinadas imágenes de WordPress, de las que tengas en Medios, puedes hacer uso de un plugin llamado Bulk Attachment Download con el que podrás seleccionar una, varias o todas las imágenes de la biblioteca y descargarlas en un archivo zip ejecutando una acción en lote.

El plugin, en la ventana modal informativa previa a la obtención del archivo zip también da opción a marcar un checkbox para incluir en el archivo comprimido las imágenes de tamaños intermedios de cada imagen a descargar, de forma que no solo tendrás la imagen seleccionada sino todos los tamaños disponibles de esta.

 
Para exportar todas las imágenes de Medios te recomiendo utilizar el plugin Download Media Library que permite obtener en un archivo comprimido en formato zip todas las imágenes de /wp-content/uploads para guardarlas en tu ordenador (o en la nube) como archivo de seguridad.

Puedes ver el funcionamiento de Download Media Library en este vídeo con más detalle para que compruebes que tener un backup de tu Biblioteca de Medios es más sencillo de lo que parece.

Importar imágenes de WordPress

La importación de imágenes va a depender mucho de como se haya realizado la exportación de las mismas, de modo que si has utilizado un plugin específico que no sea WordPress Importer tendrás que ver si el plugin usado además incluye la opción de Importar las imágenes.

Si utilizaste el importador nativo de WordPress, ya sea en la misma web o en una nueva web, podrás importar los contenidos multimedia usando el archivo XML obtenido en el proceso de exportación.

Dashboard, Herramientas, Importar, WordPress, Ejecutar Importador

Si la cantidad de elementos multimedia a importar es grande, vigila los tiempos de ejecución asignados a tu Hosting por parte de tu proveedor.

Nota: La Biblioteca de Medios de una instalación de WordPress digamos que es más del 60% del peso del sitio y naturalmente la importancia que aporta a la web ilustrando contenidos bien merece tener en cuenta el poder exportar contenidos ya sea como backup selectivo o para importarlos en otra web.

Existen bastantes plugins que permiten hacer este tipo de tareas, no obstante para operaciones con imágenes más manuales siempre podrás utilizar un cliente de FTP o el Administrador de Archivos de tu Panel de Hosting y exportar la carpeta “uploads” manualmente.

Las posibilidades que brinda el poder exportar imágenes de Medios en WordPress da para hablar en muchos artículos, aunque espero que las pinceladas dadas en este te sirvan para aprovechar más el potencial de estas herramientas en las tareas de optimización de tu web.
 

La entrada Cómo importar y exportar imágenes en WordPress se publicó primero en Webempresa.