El programa cuenta con 30 especialistas del mundo del marketing online y e-commerce.

Especialistas que te darán sus consejos

Entre otros: Vilma Núñez, Víctor Martín, Juan Merodio, Isra García, Berto López, Javier Gosende, Alex Navarro, Víctor Campuzano, Isabel Romero, Fernando Angulo, Carlos Bravo, etc.

Todos los días recibirás un consejo que podrás aplicar de forma inmediata para hacer crecer tu negocio:

• Mejoras de SEO Onpage para posicionar mejor en Google.
• Trucos y mejores prácticas de Facebook Ads para vender más.
• E-mail marketing más efectivo utilizando con eficacia tus listas de correo.
• Consejos de copywriting para seducir al visitante y convertirlo en cliente.
• Crear mejores anuncios de Google Adwords reduciendo el CPC.
• Mejora tu analítica web, aprende qué debes medir para saber qué mejorar.
• Aprovecha la potencia de Facebook Ads para captar interesados al menor coste.
• Visibilidad en las Redes Sociales adecuada para tu negocio.
• Mejorar la seguridad y velocidad de tu tienda online para estar más tranquilo.

Además si participas en el programa, Semrush te ofrece su herramienta de pago gratis durante 1 mes.

¿Todo listo para que te pongamos las pilas?.

PrestaShop 1.6.1.5

PrestaShop es un gestor de contenidos (CMS) gratuito, para la gestión de Tiendas online compatible con las pasarelas de pago más conocidas.

Requisitos de PrestaShop 1.6.1.5:

• Servidor web: Apache 1.3, Apache 2.x, Nginx o Microsoft IIS.
• PHP 5.2 o superior (recomendado 5.4/5.5) instalado y habilitado.
• MySQL 5.0 o superior instalado con una base de datos creada.
• memory_limit = 64M (o un valor mayor)
• upload_max_file_size = 16M (o un valor mayor)
• Extensiones de PHP: GD, cURL, SimpleXML, SOAP

Puedes consultar la Lista de Cambios en detalle de esta versión antes de actualizar PrestaShop.

Descarga PrestaShop 1.6.1.5

Instala o actualiza el módulo Actualización 1-click para poder actualizar a la última versión con facilidad y rapidez.

• Clonar una instalación de PrestaShop a otra carpeta del Hosting

Si quieres ampliar conocimientos con PrestaShop puedes consultar los siguientes tutoriales (con vídeo incluido):

• 1. Introducción y cambios de diseño.
• 2. Creación de categorías, fabricantes, productos y atributos.
• 3. Gestión del menú y páginas CMS.
• 4. Proceso de compra, gestión de pedidos y clientes.
• 5. Métodos de pago y tarifas de envío.

No es que la versión 4.5 viniese cargada de relevantes novedades, pues la mayoría de ellas ya se conocían de versiones anteriores y solo pasaron por un remozado y mejora para depurarlas, otras menos comentadas son quizás la causa de que cientos de usuarios con temas comerciales como Divi de EleganThemes, Visual Composer de WPBakery Inc. y otros constructores y temas se viesen afectados tras actualizar.

¿Qué ha sucedido en WordPress 4.5?

Así a voz de pronto ¡muchas cosas! y la mayoría de ellas buenas, y no es que las que han perturbado la paz de EleganThemes o WPBakery Inc. sean malas, pero no han sido mejoras que se hayan acompañado por los desarrolladores de estos temas y/o constructores, que posiblemente no han percibido determinados cambios y no han tomado las medidas correctoras necesarias para acompañar con nuevas actualizaciones de sus temas y constructores a la par que se actualizó WordPress a la versión 4.5

Estos días desde Webempresa, especialmente en el Departamento de Soporte, hemos visto muchos clientes comentando sus problemas tras actualizar a pesar de que recomendamos precaución antes de actualizar y se depararon con errores como:

Este y otros errores han afectado principalmente a usuarios que trabajan con Divi (tema y constructor) o con Visual Composer, que han tenido que hacer, en el mejor de los casos, un rollover (marcha atrás) de versión y estancarse de momento en la versión 4.4.2 de WordPress.

Tiene su origen en un cambio de versión por parte de WordPress.org de jQuery a la versión 1.12 y que en versiones anteriores de jQuery trabajaba con sintaxis diferentes que fallan con la nueva versión de esta librería.

También se han dado casos que han afectado a la resolución y calidad de las imágenes tras actualizar, causado por un cambio en la compresión por defecto de las imágenes.

Recomendaciones básicas antes de actualizar a nuevas versiones de WordPress

Hay cuestiones que son casi de obligado cumplimiento, sobre todo si valoras tu sitio web y la cantidad de horas que tendrás ya invertidas en el. Seguir un checklist de pasos a realizar antes de proceder a actualizar a una nueva versión, marcarán la diferencia entre el éxito y el desastre.

• Realiza siempre una copia de seguridad.
• Comprueba que tu tema en uso es compatible con la nueva versión de WordPress.
• Si usas un constructor, asegurarte bien que es compatible con la versión nueva.
• Deshabilita aquellos plugins que no utilices (lo mejor sería que los desinstales) 1.
• ¿Utilizas plugins de seguridad? (Wordfence, BruteProtec, etc) ¡desactivalos!
• Comprueba que tus plugins activos son compatibles con la nueva versión.
• ¿Has hecho cambios en tu tema?, documentalos y si es posible usa temas hijo.
• ¿Trabajas con plugins como Move Login, etc.?, desactivalos, ya tendrás tiempo de usarlos después.
• Usa el sentido común, si no tienes claro algo, pregunta o busca en Internet.

1 - Si no usas plugins ¿para que los quieres tener instalados? y más si aún siguen activos y no haces uso de ellos. Solo sirven para aumentar los tiempos de carga de tu web, tener un mayor número de peticiones (request), y servir de puerta trasera en caso de ser vulnerables y no estar parcheados.

Solo tras estas sencillas pero importantes consideraciones podrás plantearte actualizar a una versión nueva de WordPress, hoy la 4.5, mañana será otra con sus ventajas y sus errores, al final no es tan importante el acto de actualizar sino el proceso que emplees para llevarlo a cabo, pues de él depende el resultado.

La calidad de las imágenes

Fue una de las mejoras incorporadas en WordPress 4.5 que no hizo tanto ruido como los enlaces en línea (inline links) o los códigos cortos de pre-formateado de texto, pero también fueron actualizaciones que se llevaron a cabo como ellos dicen "Under the Hood" (bajo el capó) y son precisamente algunas de estas las que acabaron generando problemas a muchos usuarios.

La calidad de las imágenes fue modificada y supuestamente no debería afectar a la mayoría de las instalaciones de WordPress, pues se buscaba tener un renderizado más rápido de las mismas.

Puedes leer este hilo donde tratan este cambio y las correspondientes propuestas: "Increase the default image compression in WordPress"

Si utilizas plugins como Optimus o el Optimizador de Imágenes de Webempresa (herramienta disponible para clientes), seguramente tus imágenes con extensión .jpg ya están optimizadas y no debería verse afectadas.

Se muestran muchos mensajes de advertencia de MySQL

WordPress 4.5 elimina el código de supresión de errores del sistema de base de datos.

En esta versión se ha dejado intencionadamente activada la funcionalidad de mostrar mensajes de avisos (warnings) o mensajes de advertencia visibles, y que solo deberían ser visible si por defecto tienes habilitado el "modo de depuración" en WordPress.

Una solución rápida sería añadir el siguiente define en el archivo wp-config.php, antes de la declaración final de 'ABSPATH':

define('WP_USE_EXT_MYSQL', true);

Verifica en tu archivo wp-config.php que la directiva WP_DEBUG se encuentra en "false", y comprueba también que tu Hosting tiene la directiva de PHP "display_errors" desactivada (off).

define('WP_DEBUG', false);

Algunos temas y plugins afectados

Si haces uso de alguno de estos temas o plugins, la premisa de momento es que no actualices a WordPress 4.5 y te mantengas en la versión 4.4.2, eso si, teniendo todos tus temas y plugins actualizados.

• Divi Theme (tema): Se debería solucionar actualizando a la versión 2.7.3 (actualizado 13/04/2016) que corrige el problema de jQuery. Si tienes dudas consulta con EleganThemes.
• Divi Builder (constructor): Consulta con EleganThemes.
• Visual Composer (constructor): Actualiza a la versión 4.11.2+
• Custom Facebook Feeds (plugin): Actualiza a la versión 2.4.1.2
• JetPack (plugin que soporta módulos): Asegúrate de estar conectado si usas Photon. Para otros casos ignorar.
• Free Shorcode Accordion Builder for WordPress (plugin): Consulta con ThemeXpert.
• a3 Lazy Load (plugin): Verifica primero en una sandbox si la nueva versión 1.7.1 muestra las imágenes.
• HeadSpace2 SEO (plugins): No deberías usarlo, lleva más de 3 años sin actualizar.
• Beaver Builder - WordPress Page Builder (constructor): Presenta algunos problemas con JQuery. Consulta con el soporte de Beaver Builder. De momento solo indican que es compatible con WordPress 4.4.2
• Algunos temas de ThemeForest (tema): Sin información por el momento.
• LearnPress (plugin): Teóricamente según el desarrollador no es compatible con WordPress 4.5 y puede generar errores tras actualizar https://ltz.wordpress.org/plugins/learnpress/

No hay caminos fáciles y caminos difíciles, todos en algún momento del recorrido presentan algún bache o desnivel. Es cuestión de tener un checklist para afrontar los problemas de manera más organizada pues solo así podrás estar más preparado para cualquier eventualidad.

SEO Local ¿Qué es?

Puede que hayas oído hablar alguna vez del SEO local pero ¿qué demonios es eso?

Se trata de una variante del SEO tradicional que busca posicionar las páginas webs en áreas geográficas concretas, hablando en plata, en la ciudad o provincia donde este tu negocio.

Si tienes una página web de abogados o cerrajeros que trabaja única y exclusivamente en Madrid invertir en una campaña de posicionamiento web en toda España es un gasto innecesario, por eso existen una serie de practicas y recomendaciones para darle más importancia a tu posicionamiento en determinadas ciudades, sobretodo con los últimos cambios en el algoritmo de Google que busca darle más oportunidades a todos los negocios dentro de su buscador y no solamente a los peces gordos.

Y es que dependiendo del tipo de búsqueda que realizan los usuarios los resultados varían, veamos que ocurre si buscamos "cerrajeros alicante"...

Si quieres aparecer en este tipo de listados las acciones que tienes que realizar varían un poco de las del SEO tradicional.

Para llevar a cabo una campaña de SEO Local debemos seguir tres pasos fundamentales si queremos tener éxito, que son:

• Auditar - De esta forma podemos saber en que punto nos encontramos, que errores hemos cometido y la mejor forma de corregirlos.
• Optimizar - En esta fase pasamos a realizar los cambios y las mejoras necesarias para empezar a mandarle señales claras a Google.
• Medir - Se trata de un paso fundamental para saber si nuestra campaña de posicionamiento esta dando los resultados adecuados o debemos dar un giro de 180º, aunque Google cada vez esta haciendo más complicado medir los resultados no te preocupes porque más adelante te voy a enseñar una herramienta "made in spain" que nos dará información al milímetro sobre nuestro sitio web.

En el artículo de hoy voy a compartir contigo algunas buenas prácticas para empujar tu sitio web hacía arriba y un truquillo para que puedas medir los resultados de la forma correcta, así que es momento de dejarnos de explicaciones y entrar en materia ¿no te parece?

5 Trucos para mejorar el posicionamiento de tu negocio local

Si quieres competir con otras empresas y negocios de tu ciudad o provincia y quieres ganarles la batalla, el SEO local es donde debes invertir la mayor parte de tus esfuerzos y recursos.

Google cada vez le da más y más importancia a las búsquedas geolocalizadas, es decir, te mostrará unos resultados u otros dependiendo de la ciudad en la que te encuentres en ese momento.

Por lo tanto si escribo "fontaneros" desde Madrid o desde Galicia los resultados serán totalmente diferentes, esto es una buena forma de permitir que muchos otros negocios compitan en el mercado y es justo ahí donde vamos a sacar ventaja con algunas técnicas que aumentarán nuestros rankings de forma local.

#1. Mejorar nuestro SEO On Page

El seo on-page o seo interno son los cambios que realizamos dentro de nuestra página web optimizándola lo máximo posible para que los buscadores nos "quieran" más, si no prestas atención a tu seo on-page probablemente estas malgastando tu tiempo porque tus resultados estarán muy por debajo de tus posibilidades.

Aquí tienes una Guía de seo interno bastante completa y que te explica todo paso a paso, además de todos los consejos que tienes en esa guía y que son aplicables a todo tipo de páginas te recomiendo que para potenciar tu sitio web utilices cosas como:

• Utiliza el nombre de tu localidad a lo largo de los encabezados de tu página así como los meta-titles y meta-descriptions.
• Usa el Planificador de Palabras Clave de Google geolocalizando por tu ciudad, de esta forma encontrarás palabras clave 100% orientadas a tu zona.
• Añade microdatos a tu sitio web, como por ejemplo el Schema Markup para negocios locales que vamos a ver un poco más abajo.
• Utiliza tu dirección y horarios en las areas más visibles de tu web como el encabezado o pie de página.

Un buen ejemplo de SEO puede ser esta web: www.diseñoweb10.es, si nos fijamos en su página de inicio tiene enlaces a páginas concretas donde posiciona por términos locales como "Diseño web Valencia" o "Diseño web Barcelona" eso sería un buen ejemplo de seo on page orientado a geolocalización.

#2. Potenciar Google Mly Bussines

Si quieres tener presencia en los resultados geolocalizados de Google, como por ejemplo el mapa que aparece al buscar un negocio en una localidad en concreto debes tener un perfil de Google My Bussines completamente configurado.

Google dispone de una guía muy completa para dar de alta tu empresa en su herramienta que puedes encontrar aquí.

El mejor consejo que te puedo dar es que te esmeres por rellenar la ficha de tu empresa al dedillo con todos los detalles posibles.

#3. Usar Microdatos (Schema MarkUp)

El uso de microdatos puede ser un factor diferenciador muy importante, se trata de pequeñas partes de código que añades en tu página web que interpretan los buscadores y que sirven para mostrar una serie de datos adicionales en los resultados de búsqueda que no aparecen por defecto.

Se trata de un añadido que puede tener un impacto muy importante para conseguir un mayor número de clics (CTR) desde los buscadores, además de facilitar mucho a los motores de búsqueda el tema del que trata tu sitio web.

Un ejemplo de microdatos si tuviéramos por ejemplo una agencia de viajes sería:

Aquí tienes la guía de microdatos de Schema que te servirá para añadir otro tipo de datos a tu página web y que los buscadores puedan interpretarlos de la forma correcta.

#4. Hacer Link Building Local

Los enlaces siguen siendo uno de los elementos diferenciadores en cuanto a SEO se refiere, cada vez hay que hilar más fino y su valor no tiene tanto peso como antes pero es una estrategia perfecta para alcanzar los primeros resultados de Google si ya os optimizado tu página web.

Cuando hablamos de SEO local una de las mejores formas de conseguir enlaces son los directorios locales y las páginas de negocios así como sitios webs relacionados con tu ciudad.

Es importante que siempre que crees enlaces o te des de alta en algún directorio compruebes que la página web tiene un calidad y autoridad buena sino es probable que no te sirva de mucho y en algunos casos puede ser incluso perjudicial.

Los directorios y blogs locales son una forma perfecta de conseguir fuerza y autoridad hacía tu página, si además los combinas con medios y otras webs potentes notarás los resultados rápidamente.

#5. Conseguir Reviews

Las reviews juegan un papel importante para cualquier negocio local, sirven para mejorar la confianza de los usuarios en una marca o producto y a su vez los buscadores las tienen en cuenta para rankear mejor un sitio web, gran parte de los usuarios utilizan las reviews para buscar información justo antes de encontrar un producto y puede ser el punto de inflexión entre comprar un producto o servicio en tu web o en la de la competencia.

Según Moz uno de los 8 factores de posicionamiento en SEO local más importantes durante 2015 fueron las reviews.

Sitios webs como Google+, Yelp, TripAdvisor o Facebook te pueden ayudar mucho a conseguir opiniones para tu negocio.

Algunos métodos para fomentar las reviews de tus clientes pueden ser:

• Mostrar una llamada a la acción clara en tu sitio web que envíe a los usuarios a tu página de reviews, como por ejemplo, Google+.
• Envía un email a tus clientes 24 horas después del proceso de compra, preguntándoles acerca del servicio y animándoles a dejarte una review con su experiencia.
• Añade una página al finalizar el proceso de compra donde puedan dejar su opinión.
• Utiliza tus redes sociales para pedir a tus seguidores que dediquen un par de minutos a dejar su opinión sobre tu negocio.

Si empiezas a poner en práctica estos consejos hoy mismo notarás resultados de forma rápida pero lo más importante llega ahora...

Se trata de monitorizar en cada momento si subes o bajas posiciones en los buscadores que al fin y al cabo es lo que te va a dar la mayor fuente de visitas a tu web.

Midiendo los resultados...

Llega uno de los momentos más importantes y es que después de realizar todos esos cambios debemos ver si realmente están funcionando de la forma que esperábamos o tenemos que hacer cambios en nuestra estrategia.

¡Llega el momento de ver nuestras posiciones en los rankings!

Pero en este punto tenemos un problema...

Desde hace un tiempo Google ha empezado a cambiar los resultados que se muestran en su buscador dependiendo de la región en la que te encuentres, por lo que si estas buscando "abogados" los resultados que te mostrará serán totalmente distintos dependiendo del sitio en el que te encuentres.

Es un inconveniente, sobretodo si queremos posicionarnos por varias ciudad (algo habitual) ya que no podemos saber de manera exacta en que posición estamos...

¿Hemos subido? ¿hemos bajado? ¿realmente aparezco?

Si no sabemos el puesto exacto de las SERP en el que nos encontramos es imposible tomar acciones o cambiar nuestra estrategia de posicionamiento porque no tenemos nada a lo que agarrarnos para tomar decisiones y la gran mayoría de herramientas que se encargaban de monitorizar posiciones no pueden hacerlo de forma exacta.

Entonces...

¿Cómo podemos saber con seguridad las posiciones en las que se encuentra nuestro sitio web dependiendo de la provincia?

Bueno, pues la mejor solución que he encontrado y una con la que estoy bastante satisfecho es con el nuevo "juguetito" que han sacado un par de desarrolladores españoles, ni más ni menos que SEOBox un hardware hecho "Made in Spain" que nos va a calibrar al dedillo como va avanzando nuestro negocio en Internet.

En un momento en el que Google cada vez esta geolocalizando más todos los resultados que muestra para entregar los mejores resultados al usuario esta herramienta nos da un respiro a todos aquellos que trabajamos día sí y día también con sitios webs para aparecer en primera página.

La herramienta se lanzo en Noviembre de 2015 y tuvo un impacto fuerte en el mundo SEO, mucha gente hablaba de ella, haciendo análisis y reviews destacando todas las cualidades.

Es precisamente en uno de los módulos que tiene operativos donde podemos sacar ventaja frente a nuestros competidores, se trata de RankBOX que nos permitirá hacer consultas desde las IPs de otros miembros que forman parte de la plataforma, permitiéndonos realizar búsquedas como si estuvieras en Madrid, Barcelona o Bilbao y pudiendo extraer la información en tiempo real.

¿Una maravilla verdad?

Por lo visto eso es solo el principio de la herramienta, están sacando nuevos módulos para convertir SEOBox en una de las plataformas más potentes para todo aquel que tenga un negocio en Internet y quiera aparecer en Google.

Si quieres saber más sobre esta herramienta te recomiendo que le eches un ojo en www.seobox.club, me parece una herramienta muy currada y encima con sello español ¿qué más se le puede pedir?

Con todos estos consejos ya tienes trabajo pendiente para mejorar el posicionamiento de tu negocio en Internet. Recuerda que el SEO no es un sprint sino una carrera de fondo.

¿Cuál es la diferencia entre usabilidad y experiencia de usuario?

La definición oficial de la usabilidad hace referencia al grado en que un producto puede ser usado para conseguir metas específicas con efectividad y eficiencia, por lo tanto, el objetivo de la usabilidad, en el contexto de una web, es conseguir que esta sea fácil de utilizar.

¿Tus visitas consiguen cumplir el objetivo que tenían cuando entraron a tu sitio de forma sencilla? Si la respuesta es sí, entonces puedes decir que tu web es usable.

Por otra parte, la definición de la experiencia de usuario va más allá: hace referencia a la satisfacción conseguida en el usuario durante su interacción con el sitio. Una experiencia de usuario positiva hace que el visitante esté contento con la web antes, durante y después de su utilización.

¿Tus visitas tienen una experiencia estupenda mientras navegan por tu web? Entonces les estás proporcionando una buena experiencia de usuario.

Vamos a dejarlo todo claro utilizando un ejemplo muy extendido… Imagínate que la usabilidad es una autopista: es amplia, funcional, fácil de utilizar y une dos puntos utilizando el camino más recto y corto posible. Es eficiente y cumple su cometido.

Por otra parte, la experiencia de usuario es una carretera de montaña: huele a naturaleza, te permite ver un paisaje precioso y, aunque tiene curvas y te obliga a ir más despacio, es un placer recorrerla. La autopista es usable, pero la experiencia de usuario que te proporciona es plana.

La carretera de montaña no lo es tanto, pero te proporciona una gran experiencia de usuario.

Entonces, ¿la usabilidad y la experiencia de usuario están relacionadas

Claro, podemos decir que la usabilidad es uno de los aspectos necesarios para proporcionar una experiencia de usuario positiva a las visitas de tu sitio. Cuando hablamos de webs, lo mejor es combinar usabilidad con experiencia para conseguir un resultado equilibrado: no hay que sacrificar ninguno de los dos aspectos, sino intentar alcanzar el máximo de cada uno de ellos.

Ahora bien…

¿Puede haber usabilidad sin una buena experiencia de usuario? Sí. Por ejemplo, imagina que un usuario visita tu web y cumple fácilmente el objetivo que tenía en mente: buscar, encontrar y comprar un producto.

Sin embargo, el producto resulta no estar en stock, a pesar de haberse cargado el importe a su tarjeta, y el usuario debe ponerse en contacto contigo para solucionarlo todo.

La usabilidad de tu web es correcta, pero la experiencia de usuario ha sido un desastre y no es probable que la visita vuelva a adquirir nada en tu sitio en el futuro.

¿Y puede darse una buena experiencia de usuario sin usabilidad? Pues no es tan probable. La experiencia de usuario se verá perjudicada si tu web no permite que las visitas hagan lo que han venido a hacer de forma sencilla.

Por ejemplo, si en la web de un restaurante es imposible encontrar la carta porque está oculta en un PDF olvidado, lo más probable es que el usuario se frustre, abandone y busque otro lugar donde sí sepa lo que hay para comer y a qué precio.

Por lo tanto, podemos concluir que la usabilidad es uno de los componentes fundamentales de una experiencia de usuario positiva.

Ejemplos de usabilidad y experiencia de usuario en estado puro

El primer ejemplo que podemos ponerte es Lola Market, una web en la que puedes hacer la compra online. No podrían haber facilitado más el proceso: el cliente introduce su código postal y se le indican los supermercados que tiene disponibles en su zona. A continuación, solamente tiene que escoger los productos que desea, metiendo y quitando cosas del carrito y visitando las distintas tiendas.

La navegación es increíblemente sencilla y cada producto está debidamente identificado e ilustrado a través de imágenes.

Tras hacer clic en “Comprar”, el cliente introduce sus datos de pago y su dirección y elige la hora a la que quiere recibir el pedido. ¡Fácil!

Otro ejemplo: Amazon es el gigante del ecommerce, la web de compras por excelencia. Y no es casualidad. En su web hay cien trucos que se podrían implementar en otras tiendas online. Sobre todo, nos gusta su sistema de opiniones de clientes, ya que el resto de usuarios puede puntuar cada opinión en función de su utilidad.

Así, las que obtienen una mejor puntuación aparecen más arriba y los nuevos clientes pueden leerlas sin tener que buscar.

Otro avance del que podrían beneficiarse muchos ecommerce es el sistema de compra “en 1 clic”. Tras introducir la información de pago y los datos de envío por primera vez, el cliente puede habilitar las compras en 1 solo clic y acortar así el camino que debe recorrer para finalizar el proceso.

¿Qué consigues con esto? Pues facilitarle la vida al cliente y una tasa de abandono del carrito mucho menor. ¡Todos contentos!

La tercera en discordia: la accesibilidad

El término “accesibilidad”, cuando se emplea en relación con un sitio web, suele confundirse con la usabilidad.

Lo cierto es que se dice que una web es accesible cuando cualquier persona, incluidas aquellas con alguna discapacidad, puede navegar por ella sin problemas.

Por ejemplo, los que no ven demasiado bien agradecerán que exista un contraste correcto entre los colores utilizados, que la fuente escogida tenga un buen tamaño y que sea fácilmente legible. Un invidente necesitará que su lector de pantalla pueda interpretar toda la información (incluyendo las imágenes y los enlaces) y que hayas incluido audiodescripción en los vídeos de tu web.

Por otra parte, las visitas con problemas de audición precisarán que incluyas la transcripción del contenido de tus vídeos o que los subtitules.

¿No te lo habías planteado nunca? No eres el único, pero poco a poco todos nos iremos concienciando de que hay que facilitar el acceso a los contenidos web a todo el mundo.

En el futuro, lo más probable es que se convierta en requisito legal hacerlo así.

En resumen

¿Ya tienes clara la diferencia entre experiencia de usuario, usabilidad y accesibilidad?

Si te ha parecido interesante, puedes compartir el post en tus redes o suscribirte para seguir recibiendo contenidos chulos :)

Se trata de una potente herramienta desarrollada por Dan Sharp fundador y director de Screaming Frog Ltd, diseñada y orientada a analizar y auditar sitios web desde el punto de vista de SEO, pensada para sitios pequeños y principalmente orientada a sitios grandes, donde comprobar manualmente cada página se convertiría en una tarea pesada y que consumiría muchos recursos humanos.

¿Qué puedes hacer con Screaming Frog SEO Spider?

• Encontrar enlaces rotos y errores.
• Revisión de robots y directivas.
• Analizar los títulos de páginas y metadatos.
• Descubrir contenido duplicado.
• Generar sitemaps XML.
• Análisis de logs.
• Rastreo de bots, límites y configuraciones.
• Extraer datos con XPath.
• Analizar imágenes, CSS, javascript, archivos SWF.
• Auditoría de Redirecciones.

La versión "gratuita" de Screaming Frog SEO Spider permite analizar o rastrear 500 URIs; para sitios muy grandes tendrás que plantearte la licencia comercial de la herramienta.

Características destacadas de Screaming Frog SEO Spider:

• Errores: errores de cliente tales como enlaces rotos, errores del servidor (Sin respuesta, 4XX, 5XX).
• Redirecciones: redirecciones permanentes o temporales (respuestas 3XX).
• URLs bloqueadas: ver y auditar URLs no permitidas por el protocolo de robots.txt.
• Enlaces externos: todos los enlaces externos y sus códigos de estado.
• Protocolo: si las direcciones URL son seguras (HTTPS) o inseguras (HTTP).
• Problemas URI: caracteres no ASCII, guiones, caracteres en mayúsculas, parámetros o direcciones URL largas.
• Páginas duplicadas: valor Hash/ comprobación de suma MD5 para las páginas con contenidos duplicados.
• Títulos de página: títulos que faltan, están duplicados, tienen más de 65 caracteres, son cortos, ancho de píxel de truncamiento, mismo que H1, o múltiple.
• Meta Descripción: inexistente, duplicada, con más de 156 caracteres, corta, ancho de píxel de truncamiento o múltiple.
• Meta Keywords: principalmente para referencias, ya que no son utilizados por Google, Bing o Yahoo.
• Tamaño de archivos: tamaño de URLs y de imágenes.
• Tiempo de respuesta.
• Última modificación de la cabecera.
• Nivel de profundidad de las páginas.
• Recuento de palabras.
• H1: inexistente, duplicado, con más de 70 caracteres, múltiple.
• H2: inexistente, duplicado, con más de 70 caracteres, múltiple.
• Meta Robots: index, noindex, follow, nofollow, noarchive, sin fragmento de código, NOODP, NOYDIR, etc.
• Meta Refresh: incluyendo la página de destino y el tiempo de retardo.
• Elemento con enlace canónico y cabeceras HTTP canónicas.
• X-Robots-Tag.
• rel=“next” and rel=“prev”.
• AJAX - La araña SEO obedece al esquema AJAX de rastreo de Google.
• Inlinks: todas las páginas con enlaces a una determinada URL.
• Outlinks: todos los enlaces salientes a una URL concreta.
• Texto de anclaje: todo el texto del enlace. El texto alternativo (alt) de las imágenes con enlaces.
• Follow y Nofollow: en la página y a nivel de enlace (verdadero/falso).
• Imágenes: todas las URLs con el enlace de la imagen y todas las imágenes de una determinada página. Imágenes de más de 100kb, sin el texto alternativo (alt), o con texto de más de 100 caracteres.
• User-Agent Switcher: rastrear como si fuese Google Bot, Bing Bot, Yahoo! Slurp, agentes de usuario móviles o con tu código personalizado UA.
• Encabezado Accept-Language configurable: Suministra cabecera HTTP Accept-Language para rastrear el contenido de la configuración adaptada regional.
• Redirigir Cadenas: descubre cadenas y loops redirigidos.
• Búsqueda de código fuente personalizada: la araña SEO permite encontrar cualquier cosa que desees en el código fuente de una página web. Ya sea código de Google Analytics, un texto específico, o código, etc.
• Extracción personalizada: puedes recoger cualquier dato desde el código HTML de una URL utilizando XPath, selectores CSS Path o expresiones regulares.
• Integración con Google Analytics: puedes conectarte a la API de Google Analytics y tirar de los datos de usuario y conversión directa durante un rastreo.
• Integración con Google Search Console: puedes conectarte a la API de Google Search Analytics y recoger impresiones, clics y los datos de posición promedio de URLs.
• Generador XML de Sitemap: puedes crear un mapa del sitio XML y un mapa de imagen utilizando SEO Spider.

Descargar Screaming Frog SEO Spider

Screaming Frog SEO Spider está escrito para ser utilizado en diferentes sistemas operativos, Linux, Windows y OSX. Puedes descargarlo desde la web oficial del proyecto.

Descarga SEO Spider Tool

Códigos de respuesta de Screaming Frog SEO Spider

Cuando haces uso de la herramienta los resultados pueden devolver una serie de códigos de respuesta. Conocer y entender estos códigos te ayudarán a hacer un uso más eficiente de la misma.

La pestaña de códigos de respuesta de la herramienta incluye información de respuesta de URI interna y externa.

Estos códigos de respuesta HTTP habituales son:

• Sin Respuesta: Cuando no recibimos respuesta a nuestra solicitud. Normalmente, una URI con formato incorrecto o un tiempo de espera de conexión.
• Correcto (2XX): el URI solicitado fue recibido, entendido, aceptado y procesado con éxito.
• Redirección (3XX): Se ha detectado un cambio de dirección.
• Error de cliente (4xx): Indica que ha ocurrido un problema con la solicitud.
• Error del servidor (5XX): El servidor no pudo cumplir con una solicitud aparentemente válida (bloqueos, etc).

Algunos ejemplos:

• 200: OK.
• 301: Redireccionamiento Permanente.
• 302: Redireccionamiento Temporal.
• 404: Recursos no encontrado.
• 500: Error del servidor
• 503: Recurso no disponible.

En el RFC 2616/sec10 puedes encontrar la descripción completa de cada código de respuesta (en inglés).

Análisis de Logs con Screaming Frog SEO Spider

Recientemente el equipo de desarrollo de Screaming Frog SEO Spider ha liberado Log File Analyser, una herramienta separada de SEO Spider diseñada para analizar archivos de registro (logs) de actividad, etc. Básicamente esta herramienta permite ver exactamente lo que los motores de búsqueda han experimentado rastreando el sitio web, durante un período de tiempo.

El analizador de archivos de registro es ligero, pero muy potente, capaz de procesar, almacenar y analizar millones de líneas de datos de eventos del archivo de registro en una base de datos inteligente.

Actualmente Log File Analyser es comercial, pero puedes utilizar la versión con licencia gratuita para analizar 1 sitio web o 1000 líneas de logs, suficiente para determinar si esta herramienta es útil para tus proyectos web y ver si das el salto a la versión comercial.

Esta herramienta reúne datos clave del archivo de registro para permitir tomar decisiones informadas. Algunos de los usos comunes incluyen:

• Identificar rastreadores de URLs.
• Localizar enlaces rotos y errores.
• Analizar urls más y menos rastreadas.
• Detectar páginas no rastreadas y huérfanas.
• Analizar la frecuencia de los rastreadores (crawlers).
• Auditar redirecciones.
• Identificar páginas grandes y problemas de rendimiento.
• Combinar y comparar datos (GA y logs).

Descarga Log File Analyser

Gracias a la tecnología de "arrastrar y soltar" (drag & drop) puedes arrastrar uno o varios archivos de registro de gran tamaño directamente en la interfaz de Log File Analyser, y la herramienta detectará automáticamente el formato de archivo de registro y compilará los datos en una base de datos local, capaz de almacenar millones de eventos de registro.

Se pueden arrastrar varios archivos registros o carpetas al mismo tiempo, que pueden ser comprimidos con gzip y desde cualquier servidor, ya sea Apache, Nginx o ISS.

Por el momento la recogida de datos se centra en robots de Google, Bing Bot, Yandex y Baidu. En versiones posteriores esta funcionalidad será configurable. Se puede cambiar de agente de usuario para ver solamente los robots específicos, a través de la lista desplegable en la parte superior derecha junto al intervalo de fechas.

Conclusiones

No cabe duda que tanto Screaming Frog SEO Spider como Log File Analyser son dos herramientas muy importantes dentro del arsenal de trabajo de aquellos profesionales centrados en servicios SEO, pues las informaciones obtenidas con estas herramientas permiten no solo trazar estrategias para mejorar la carga y optimización de los sitios, además proveen de información valiosa sobre el comportamiento de los bots de rastreo de los buscadores habituales.

Screaming Frog SEO Spider es una de las varias herramientas de análisis de datos de sitios web que deberías tener siempre a mano para tus proyectos o los de tus clientes.

Otras herramientas recomendadas por Webempresa:

• Vikinguard para analizar Tiendas PrestaShop (ver artículo).
• Vikinguard para analizar Tienda con WooCommerce en WordPress (ver artículo).
• Metricool para analizar sitios web y redes sociales (ver artículo).
• wpDoctor para analizar sitios web con WordPress (ver artículo).

¿Qué son las migas de pan y por qué lo necesitas?

Las migas de pan es un término usado para describir el menú de navegación jerárquica que se presenta como una secuencia de enlaces. Esto se utiliza como navegación secundaria que le permite a los usuarios ir hacia arriba y hacia abajo en la jerarquía de los enlaces.

Las migas de pan son diferentes al sistema de menús de navegación que tiene WordPress por defecto.

El propósito de las migas de pan es ayudar a los usuarios a navegar por una página web y a entender dónde están ubicados en un sitio.

También ayuda a los motores de búsqueda a entender la jerarquía de los enlaces en una página web. Los motores de búsqueda como Google han comenzado a mostrar las migas de pan debajo del título del sitio en los resultados de búsqueda. Esto le da a tu sitio web más visibilidad en los resultados y aumenta la tasa de clics.

Dicho esto, vamos a ver de qué forma podemos añadir enlaces de navegación de migas de pan en WordPress.

Mostrar migas de pan en WordPress utilizando el plugin Breadcrumb NavXT

Esta es la forma más sencilla de agregar migas de pan en WordPress. El uso de este plugin es fácil, flexible, y tiene diversas opciones para configurar.

Ahora te voy a mostrar las miga de pan utilizando Breadcrumb NavXT.

Lo primero que hay que hacer es instalar y activar el plugin Breadcrumb NavXT.

Tras la activación, es necesario visitar la página Configuración » Breadcrumb NavXT para configurar el plugin.

La configuración que viene por defecto debería funcionar para la mayoría de los sitios web. Ahora, si quieres hacer cambios para personalizar la configuración según lo necesites, puedes usar la página de configuración.

La página de configuración se divide en diferentes secciones.

En la pestaña Configuración general, se puede definir cómo se comporta el plugin a nivel general.

Este plugin te permite modificar y personalizar la forma de mostrar los enlaces de navegación

Aquí podrás elegir cómo deseas mostrar la jerarquía de tus entradas.

Por defecto el plugin usará Título del Sitio > Categoría > Título de la entrada. Puedes reemplazar las categorías por las etiquetas, fechas o entradas que estén por encima.

Las taxonomías y las fichas de autor tienen patrones similares para sus enlaces de migas de pan.

No olvides guardar cambios una vez que hayas configurado todo :-)

Modificando la plantilla

El plugin requiere hacer algunas modificaciones en un archivo de tu plantilla de WordPress.

Es necesario añadir este código en tu plantilla, en el lugar en donde quieras mostrar las migas de pan, usualmente en el archivo header.php (o archivo similar de tu plantilla que muestra la cabecera), también puedes usar el archivo header.php del tema hijo en caso hayas configurado un tema hijo.

<div class="breadcrumbs" typeof="BreadcrumbList" vocab="http://schema.org/">
<?php if(function_exists('bcn_display'))
    {
        bcn_display();
    }?>
</div>

Una vez modificado este archivo, eso es todo. Ahora ya puedes ver las migas de pan visitando cualquier entrada o página de tu sitio.

Mostrar migas de pan en WordPress utilizando el plugin Yoast SEO

Lo primero que tienes que hacer es instalar y activar el plugin Yoast SEO. Es muy probable que ya tengas instalado este plugin, es uno de los plugins esenciales que deberías tener un tu WordPress.

Por lo que es una ventaja usar este plugin en este caso, si no quieres agregar otro plugin a tu web.

Ya dentro del plugin Yoast SEO, debes ir a SEO » Avanzado y seleccione la opción Migas de Pan.

Una vez hecho esto, tienes varias opciones para mostrar las migas de pan en tu sitio.

La configuración predeterminada debería funcionar sin problemas, pero si sos de esos que les gusta tocar y cambiar cosas puedes hacerlo desde la siguiente pantalla.

Una vez que hayas terminado, guardas los cambios y ya lo tendrás.

Modificando la plantilla

Algunas plantillas de WordPress soportan las migas de pan configurando con el plugin Yoast sin modificar nada.

Puedes chequear visitando tus páginas y entradas para verificar si se muestras las migas de pan.

Si el tema no muestra automáticamente las migas de pan, entonces tendrás que añadir un pequeño fragmento de código a tu plantilla de WordPress.

Ya con agregar este código en tu plantilla en el archivo header.php (o archivo similar de tu plantilla que muestra la cabecera), también puedes usar el archivo header.php del tema hijo en caso hayas configurado un tema hijo.

<?php if ( function_exists('yoast_breadcrumb') )
{yoast_breadcrumb('<p id="breadcrumbs">','</p>');}?>

Ya con esto hecho, ahora puedes visitar tu sitio web para ver las migas de pan en acción.

Bueno esto es todo, como has visto es bastante sencillo, espero que pueda ayudarte a mostrar las migas de pan para tus contenidos en WordPress.

Plantillas con Portafolio de Imágenes vs. Plugins para Portafolio de Imágenes

Existen muchas plantillas que tienen una funcionalidad incorporada donde puedes crear un portafolio de imágenes.

Entonces, ¿por qué vas a elegir un plugin cuando existen plantillas que pueden hacer lo mismo?

Se supone que las plantillas de WordPress están diseñadas para manejar solamente el aspecto visual de tu web. Esto incluye, colores, estilos, diseños y la presentación del contenido.

Y por otro lado existen los plugins que son la forma más apropiada para agregar funcionalidades a tu sitio de WordPress como formularios de contacto, cuestiones de seguridad, backups de tu sitio, optimización del SEO, opciones para compartir en las redes sociales, etc.

Cómo un portafolio de imágenes es una funcionalidad que puede estar o no, por lo tanto lo más apropiado sería añadirlo con un plugin.

Además de que el uso de una plantilla con un portafolio de imágenes ata a tu web a mantenerse con esa plantilla. En el caso que lo quieras cambiar, vas a perder los datos de ese portafolio.

Al usar una plantilla portafolio, si bien los datos se almacena en la base de datos de WordPress, que no será visible con el nuevo tema, si deseas pasar esos datos a una nueva plantilla puede que te resulte muy difícil recuperarlos.

En cambio si utilizas un plugin, podrás hacerlo con la plantilla que se te de la gana.

Aclarado este punto, vamos ver cuales son los mejores plugins para mostrar un portafolio de imágenes en WordPress.

1. Envira Gallery

Envira Gallery es un plugin de pago. Este plugin te permite crear hermosas galerías de imágenes y álbumes. Es utilizado por muchos y creo que es el mejor plugin de WordPress para los fotógrafos y diseñadores.

La creación de un portafolio de imágenes con Envira Gallery es bastante fácil. Basta con crear galerías que contienen las imágenes de tu portafolio.

Puedes agrupar distintas galerías en álbumes y agregar los elementos de tu portafolio en cualquier lugar de su sitio con solo un clic.

2. Nimble Portfolio

Nimble Portfolio ofrece una manera fácil de agregar un portafolio de imágenes en WordPress. Puedes cargar tus imágenes u otros trabajos digitales mediante la creación de un nuevo elemento del portfolio.

Los elementos de tu portfolio tienen una taxonomía personalizada en donde tendrás que establecer esas imágenes como una entrada personalizada para que las reconozca. Nimble también te permite agrupar diferentes imágenes mediante distintos filtros.

Nimble Portfolio es un plugin es gratuito pero viene con opciones limitadas. Para agregar más opciones y características, tendrá que comprar los complementos que ofrecen los desarrolladores de este plugin.

3. WordPress Portfolio Plugin

WordPress Portfolio Plugin es otro plugin gratuito que te permite generar automáticamente imágenes en miniatura de sitios web que añadas a tu portafolio utilizando la API ShrinkTheWeb.

Puedes personalizar la apariencia de los elementos de tu portafolio usando CSS y HTML personalizado y agrupar los diferentes elementos de tu portafolio en diferentes grupos.

4. Portfolio Gallery

Portfolio Gallery es un popular plugin para WordPress y también es gratuito. Viene con diferentes opciones de visualización y te permite ordenar los elementos de tu portafolio en diferentes categorías. También te permite añadir múltiples imágenes o vídeos por proyecto.

Una desventaja de este plugin es gratuito pero la mayoría de las características que tiene no están habilitadas y solo están disponibles en la versión de pago.

5. Projects de WooThemes

Projects es un plugin de portfolio imágenes de WordPress gratuito que ha desarrollado WooCommerce. Este plugin se caracteriza por ser sencillo y básico.

El plugin viene con post custom types para cada proyectos. Puedes crear tantos proyectos como quieras, en donde cada proyecto puede tener su propia imagen de portada, galería de imágenes y descripción.

Una desventaja es que no abre las imágenes en caja tipo “lightbox”, es decir que al hacer clic en cada proyecto se carga la página completa del proyecto y al hacer clic en cada imagen carga una página con imagen como archivo adjunto.

6. Portfolio

Este plugin simplemente te permite crear múltiples portafolios de imágenes con diferentes proyectos dentro de ellos. Cada proyecto puede tener su propia portada y galería.

Es un plugin gratuito, pero la gran mayoría de sus características están bloqueados y están disponibles en la versión de pago. Sólo ofrece un tipo diseño en la versión gratuita.

Este plugin utiliza una interfaz propio para crear los portafolios, que es rápida pero no es la misma interfaz de usuario que tiene WordPress.

7. NextGen Gallery

NextGen es un popular plugin para crear galerías de imágenes que también se puede utilizar para crear un portafolio de imágenes. Con este plugin puedes crear tus propias galerías de imágenes y álbumes.

También puedes colocar etiquetas en los elementos de la galería y mostrar su cartera en pop-ups. Se puede decir que la versión gratuita del plugin está bastante bien equilibrada con las características que tiene disponible. Ahora, si quieres obtener soporte y todas las funcionalidades disponibles tendrás que adquirir la versión de pago.

8. Portfolio de BestWebSoft

Portfolio de BestWebSoft es otra de las opciones populares para un portafolio de imágenes en WordPress. Con este plugin puedes trabajar con cualquier tipo de portfolio, pero está diseñado principalmente para desarrolladores web.

Este plugin utiliza taxonomías personalizadas y está para poder sacarle el jugo deberás tener algunos conocimiento técnicos básicos.

9. Custom Content Portfolio

Custom Content Portfolio te permite crear un portfolio muy básico. Puedes agregarle diferentes categorías y etiquetas a tus proyectos. También puedes añadirle algunos detalles a cada proyecto, como información del cliente, de inicio del proyecto y fecha de finalización, página web, etc.

Para colocar imágenes dentro de los detalles de cada proyecto, tendrás que añadir imágenes adicionales no lo podrás hacer con la misma imagen que coloca en tu portafolio. También tendrás que configurar la plantilla, para que los muestre con un diseño determinado como puede ser una cuadrícula.

Buenos esto es todo, espero que te sirva y te ayude a crear un portafolio que se ajuste a tus necesidades.

También se solucionaron problemas en el tema Twenty Eleven, incompatibilidades del editor visual en determinadas versiones de Chrome, un error en Imagick que rompía las subidas a la biblioteca de medios.

Actualizaciones:

Si accedes al dashboard deberías ver este aviso en Escritorio.

Accede a Escritorio, Actualizaciones y previa copia de seguridad procede a actualizar tu sitio web a esta nueva versión.

Si tras actualizar tu sitio web, no ves la página, antes de enviar un ticket a tu Departamento de Soporte, te recomiendo que limpies la caché de tu navegador y verifiques si sigue activo el "modo mantenimiento" que suele ser la causa habitual de que no veas la web.

En WordPress 4.5.1 (nativo desde la versión 3.7) ¡WordPress se encarga de mantener tu CMS actualizado por ti de forma automática! a menos que lo tengas deshabilitado claro.

Consulta la Lista de cambios en WordPress 4.5.1.

En el siguiente vídeo puedes ver que actualizar entre versiones es muy sencillo

Como siempre, cuando nuevas versiones son liberadas, la recomendación es que actualices para garantizar la seguridad y estabilidad de tu web WordPress. En este caso particular y tras los muchos problemas generados con WordPress 4.5, actualizarse a la 4.5.1 es casi una necesidad.

Seguro que alguna vez te ha pasado: te descargas una app y descubres que es un lío utilizarla.

O entras a una web a comprar un producto que deseas con locura, pero el proceso de compra te pide los mismos datos una y otra vez, acabas desesperándote y cierras la pestaña.

¿Te suena?

Pues no cometas el mismo error: tu web debe ser fácil de utilizar y ofrecer al usuario contenido pertinente, relevante y valioso que haga que disfrute de cada paso.

¿Y esto cómo se hace?

7 claves para aprobar en experiencia de usuario

Y es que la experiencia de usuario sigue siendo una asignatura pendiente en las webs españolas.

Según un estudio realizado por Top Position, solamente el 8% de las webs corporativas obtiene una buena valoración de su UX.

Vamos a darte algunos consejos concretos para que puedas mejorar la experiencia de usuario de tu web y hacerla más útil, más fácil de utilizar y más divertida.

¡Verás qué diferencia!

1. Deja miguitas de pan

Cada página que compone tu web debe tener un objetivo perfectamente claro: presentar un producto, dar la oportunidad de comprarlo, dar a leer un post, conseguir suscriptores para tu newsletter...

Una vez tengas claro el objetivo de cada página, concéntrate en conseguir que tus textos e imágenes guíen al usuario correctamente.

Filtra todo lo que resulte innecesario o confuso y marca un camino claro.

Para lograrlo, tendrás que utilizar llamadas a la acción atractivas.

Una llamada a la acción es un botón que incluye un verbo que anima al usuario a hacer algo concreto.

Elige las palabras con cuidado, porque es importante que consigas conectar con el cliente y convencerlo de que debe dar el siguiente paso.

Un buen ejemplo de llamadas a la acción atractivas es nuestro amigo WordPress:

¿Por qué funciona tan bien? Porque utilizan su llamada a la acción como elemento central de la página y, sobre todo, ofrecen a sus visitas algo que quieren de verdad ¡y completamente gratis! No hay mejor forma de aumentar las conversiones.

2. No te pases de original

La coherencia es una virtud y, en tu web, todo debe encajar sin fisuras.

En lo que concierne a tu sitio, es mejor que no reinventes la rueda. Existen estándares que es mejor respetar, porque las visitas están acostumbradas a guiarse por ellos.

Por ejemplo, a menos que tengas un público muy concreto (e incluso así) es mejor no esconder demasiado el menú principal: cuando navegamos por una web, a ninguno nos gusta tener que rebuscar las cosas.

Sé coherente en lo referente al diseño. Le harás la vida más fácil a tus usuarios y conseguirás mejorar su experiencia y aumentar su nivel de satisfacción. Por ejemplo:

• Juega con una o dos fuentes en diferentes tamaños para títulos, subtítulos y párrafos.
• Asegúrate de que las imágenes compartan estética y estén situadas de forma similar.
• Utiliza un estilo parecido en todos tus botones de llamada a la acción.

3. Ofrece algo a cambio

Sé generoso con tus visitas: siempre que puedas, ofréceles algo a cambio de realizar la acción que les estás pidiendo.

Si cambias un mensaje como “Regístrate ahora” por “Regístrate y consigue una consulta gratis” conseguirás muchas más conversiones.

¿Un muy buen ejemplo? El de Netflix:

4. No te dejes nada en el tintero

Proporciona al usuario información suficiente para tomar una decisión.

Por ejemplo, si una persona quiere comprar algo en tu web y recibir el producto por correo, tendrás que informarle de los métodos de envío que puede elegir y cuánto tiempo tarda la entrega en cada caso.

Muestra los precios de forma clara durante todo el proceso de compra, sin ocultar nada.

Si al final del proceso hay sorpresas, el cliente se llevará una impresión desagradable.

Otro elemento informativo que puedes añadir son las opiniones de otros compradores: a todo el mundo le tranquiliza saber que está adquiriendo un producto de calidad (según Revoo, el 63% de la gente es más propensa a comprar tras leer opiniones de otros clientes, ¡ahí es nada!).

Última idea: informa a tus usuarios de las medidas de seguridad que utilizas para garantizar la seguridad de sus datos.

Un sello de protección puede marcar la diferencia, porque tranquiliza al cliente y evita que tenga miedo de comprar.

5. Simplifica el proceso todo lo posible

Tú debes proporcionar toda la información necesaria, como te comentábamos, pero no debes pedirle al cliente que pase por un aro tras otro para completar una tarea.

Seguramente tengas que pedirle algunos datos, sobre todo si se trata de una compra, pero debes pedirle única y exclusivamente los imprescindibles.

No te pongas a recoger datos a lo loco o se aburrirán y abandonarán el proceso.

¡Menos es más!

¿Sabías que Expedia, la agencia de viajes online, aumentó sus ingresos en 12 millones de dólares tras eliminar el campo “Nombre de la empresa” de su formulario de registro?

Seguramente tus cambios no serán tan trascendentales, pero merece la pena hacer un esfuerzo tan pequeño.

6. Cuidadito con los 404

Puede que a Google no le importe mucho encontrarse con un error 404 (no se ha encontrado la página), pero no hay cosa que moleste más a un usuario. Y tampoco hay que hacer trabajar en balde al robot de Google, no sea que se enfade :)

Cuando hacemos clic en un enlace o en una imagen, esperamos que nos lleve a donde queremos ir. Lo contrario nos molesta y ralentiza el uso de la web en cuestión, por lo que quizá nos vayamos a otra parte.

Los errores 404 y la mala velocidad de carga son dos de las cosas más frustrantes que le pueden pasar a un usuario de tu web.

Vigila las páginas de tu sitio que devuelven este error y, para aquellos casos en que no puedas evitarlo, crea una página de 404 personalizada.

En ella, ofrece al usuario un campo de búsqueda donde introducir lo que necesita y un enlace a algunas de las secciones más útiles de tu web: la Home es imprescindible, pero también puedes añadir la landing de tu Catálogo, de tu Galería de Imágenes, de tu Blog...

Todo dependerá del tipo de sitio web que tengas.

Un ejemplo de un error 404 bien traído, el de Facebook, sin ir más lejos:

7. Diseña responsive

No se puede estar contento con la experiencia de una web si resulta imposible (o muy difícil) navegar por ella.

El diseño web responsive consigue que tu sitio se adapte al tipo de dispositivo que utiliza cada usuario, ya que hoy en día la mayor parte del tráfico llega a internet a través de móviles y tablets.

Si quieres mantener y mejorar tu ratio de conversión, tienes que ponerte al día.

Si quieres saber más, consulta este otro artículo sobre la importancia del diseño responsive.

En conclusión

Una buena experiencia de usuario consigue que tus visitas no solamente consuman el producto que les ofreces, ¡sino que se lo pasen bien mientras lo hacen!

Si lo logras, estarás un paso más cerca del éxito.

Y no te tiene que costar una fortuna: los consejos anteriores son todos bastante sencillos, pero tienen grandes efectos sobre las conversiones.

Ahora, cuéntanos tú: ¿cómo vas a mejorar la experiencia de usuario en tu web? ¿Qué empresas se te ocurren que tengan una gran UX?

Encuéntranos en las redes sociales si quieres hablar del tema.

¡nos encantaría saber lo que piensas!

Se trata de un archivo "oculto" (el . delante del nombre indica que se trata de archivo oculto) que a simple vista en un administrador de archivos o file manager web o de FTP no será visible.

¿Qué hacer para visualizar .htaccess?

1. Accede a tu Panel de Hosting (cPanel).
2. Ve al Administrador de Archivos.
3. En la parte superior derecha verás la opción Configurar.
4. Haz clic para que se abra una ventana emergente donde aparecerán una serie de opciones.
5. Seleccionar el checkbox de la opción Mostrar archivos ocultos (dotfiles).
6. Guarda los cambios (Save).
7. Navega a la carpeta /public_html (o donde tengas la web).
8. Ahora verás el archivo .htaccess (no lo confundas con htaccess.txt que si es visible).

En cPanel con skin "paper_lantern"

Una vez activada la opción de hacer visible el archivo .htaccess ya podrás verlo en el listado de archivos de la carpeta principal del Hosting o de la web (si tienes varias).

En cPanel con skin x3

Tras activar el correspondiente checkbox para que los archivos ocultos sean visibles, podrás ver el archivo .htaccess, si usas el skin x3, de esta forma.

¿Cómo proteger el archivo .htaccess?

Es posible proteger el propio archivo .htaccess ya que este archivo suele ser objetivo de atacantes para invalidar otras protecciones adicionales o directivas aplicadas en el.

Cuando se intenta acceder a tu archivo .htaccess, el servidor genera automáticamente un error 403 Prohibido, incluso con permisos predeterminados del archivo.

Puedes protegerlo de miradas curiosas o no autorizadas de manera fácil implementando el siguiente código en el archivo .htaccess de la carpeta principal de tu Hosting:

<Files .htaccess>
order allow,deny
deny from all
</Files>

¿Cómo ver el archivo .htaccess desde FTP con Filezilla

Yo me centro en este ejemplo en Filezilla, uno de los clientes FTP más populares y recomendados sea cual sea tu sistema operativo.

Por regla general lo habitual es que si navegas por la estructura de tu sitio web desde Filezilla, veas los archivos ocultos como .htaccess y otros sin necesidad de activar ninguna opción del programa.

Si por lo que sea no los ves, en las configuraciones (Opciones) de Filezilla asegúrate de configurar en Transferencias, Tipos de Archivos, las opciones que te muestro en la captura.

Si navegas por las estructuctura de tu sitio web y Filezilla tiene habilitada la opción de mostrar archivos oculto entonces podrás ver y editar (remotamente) este archivo por FTP.

Es posible que dependiendo de tu versión de Filezilla (mejor que sea siempre la última estable) o de otro tipo de clientes de FTP, esta opción se localice en un apartado diferente de las opciones del cliente de FTP.

Ahora si que no tienes motivos para preguntar ¿donde está el archivo .htaccess en tu Hosting o en determinado sitio web? porque con esta sencilla pero directa guía estoy seguro que lo encontrarás.

¿Quieres saber más sobre .htaccess?

• Códigos útiles .htaccess para sitios web
• Redirecciona urls de forma correcta usando cPanel y .htaccess
• 10 sencillos consejos para reforzar la seguridad de WordPress usando .htaccess

Métricas básicas de Google Analytics

Si están empezando con Analytics, las métricas más importantes que debes supervisar son las sesiones, los usuarios, las páginas vistas, las páginas por sesión, la duración media de la sesión, el porcentaje de rebote, el porcentaje de salidas y el porcentaje de conversión. Por supuesto, existen muchísimas otras métricas que podrás investigar en el futuro, pero estas son las que nosotros te recomendamos por ahora. En esta guía básica, vamos a detallarte para qué sirve cada una en pocas palabras:

1. Las sesiones

En términos generales, una sesión es una interacción o un grupo de interacciones que tienen lugar en tu sitio web durante un plazo de tiempo concreto. Por ejemplo, una sola sesión puede incluir clics en varias páginas o incluso distintas transacciones.

Algo que debes tener en cuenta es que, aunque una visita haga clic en tu página (por ejemplo, desde Google) varias veces en un corto espacio de tiempo, Analytics contabilizará una única sesión, ya que la sesión inicial todavía no habrá caducado.

Para consultar el número de sesiones, solamente tienes que acceder a la página principal de Informes de tu Analytics, la Visión General.

Por defecto, verás el resumen de sesiones de los últimos 28 días. Sin embargo, en la esquina superior derecha de la pantalla podrás escoger el periodo de tiempo que deseas visualizar: puedes elegir cualquier periodo desde el momento en que insertaste el código de Analytics en tu página, tanto para esta métrica como para todas las siguientes.

¡Aprovecha para hacerte una idea de la situación desde una perspectiva más amplia! También puedes consultar los datos por Hora, Día, Semana o Mes.

En la siguiente imagen verás dónde consultar tanto las sesiones totales como algunas otras métricas que iremos explicando más abajo:

2. Los usuarios

El número de visitantes que han creado una sesión como mínimo en tu sitio. Todas las futuras sesiones de un usuario que ya haya interactuado por tu web se contabilizarán simplemente como sesiones adicionales, pero el usuario continuará siendo el mismo. Esto se debe a que, gracias al uso de cookies, Google Analytics es capaz de reconocer a los usuarios que vuelven a tu web tras haberla visitado por primera vez.

Analytics también diferencia entre usuarios nuevos y recurrentes. Los usuarios nuevos son aquellos que no habían visitado nunca tu web, mientras que los usuarios recurrentes son los que habían realizado al menos una visita en el pasado. Una vez más, este cálculo depende de las cookies que Analytics inserta en el equipo del usuario. En general, es bueno que exista una mezcla de ambos tipos de usuario.

En la imagen anterior puedes ver una contabilización total de los usuarios (la segunda métrica de la fila superior). En esta de más abajo, verás un ejemplo de la distinción que marca Analytics entre usuarios nuevos (“new visitor”) y usuarios recurrentes (“returning visitor”):

3. Páginas vistas

El número total de páginas que se han visitado (o vuelto a visitar). Como seguramente tu web tenga más de una página, el objetivo suele ser que el número de páginas vistas supere lo más posible el número de sesiones conseguidas.

Esto indicará que tus visitas encuentran tu web relevante, ya que no solamente entran, sino que curiosean o siguen el camino que les propones. ¡Bien hecho!

4. Páginas/sesión

Esta métrica está relacionada con la de Número de páginas vistas. Representa la cantidad media de páginas vistas durante una única sesión en tu web.

Cuantas más páginas por sesión, mayor interacción por parte de las visitas (¡significa que están explorando tu sitio a fondo!).

5. Duración media de la sesión

Los minutos o segundos que tarda una visita en abandonar la web. En general, cuanto más tiempo se queden mejor, ya que implicará una mayor interacción.

Para realizar el cálculo, Analytics suma la duración de todas y cada una de las sesiones de tu web durante el periodo que le has pedido que analice y, a continuación, divide ese resultado entre el número total de sesiones obtenidas.

Por ejemplo, puedes tener 60 usuarios que han creado 100 sesiones distintas, con un total de 12.000 segundos de duración:

12.000 / 100 = 2 minutos (120 segundos) de duración media de la sesión.

6. Porcentaje de rebote

Ya lo hemos explicado en más detalle, pero el porcentaje o tasa de rebote representa el número de visitas que dejan tu sitio tras visualizar solamente una página, sin hacer clic en nada más y sin tener en cuenta cómo llegaron a tu web o cuánto tiempo se quedaron en dicha página.

En general, deberías esforzarte para que este porcentaje sea lo más bajo posible, ya que un alto porcentaje de rebote suele implicar un problema con la página de aterrizaje en cuestión: es posible que sea confusa, aburrida o que no sea lo que los usuarios esperan encontrar (es decir, que no sea relevante).

En definitiva, el porcentaje de rebote es una forma de medir la calidad de una visita.

7. Porcentaje de salidas

Es común que la gente confunda una “salida” con un “rebote”, pero en realidad son conceptos completamente distintos. A diferencia de un rebote, una salita tiene lugar cuando un usuario visita varias páginas de tu web y, a continuación, se marcha.

Es posible que algunas páginas de tu sitio tengan un alto porcentaje de salidas; por ejemplo, tu página de confirmación de pedido. Después de todo, si una visita ha finalizado una compra lo más normal es que se vaya.

No obstante, si observas un alto porcentaje de salidas en otras páginas de tu web en las que realmente no exista un motivo lógico para marcharse, quizá hayas dado con un problema.

Examina qué páginas cuentan con un porcentaje de salidas más alto que la media: ¿están proporcionando la información adecuada?, ¿por qué las visitas se están marchando desde allí? Para consultar el porcentaje de salidas total de tu web, haz clic en Comportamiento >> Visión general. Verás algo como esto:

Para visitar el porcentaje de salidas desde cada página concreta, una vez más ve a Comportamiento >> Contenido del sitio >> Páginas de salida. Por defecto, Google Analytics te mostrará las primeras 10 páginas con los porcentajes de salida más altos.

Puedes ampliar ese número para ver 25, 50, 100 páginas, o las que necesites. ¡Haz una buena revisión!

8. Porcentaje de conversiones

De todas las métricas interesantes, seguramente esta sea una de las más importantes. El porcentaje de conversiones representa a aquellos usuarios que han completado un objetivo en tu sitio web.

El objetivo puede ser completar una compra, rellenar un formulario de contacto o visualizar una página concreta.

El motivo por el que esta métrica resulta crucial es que es la forma más clara de medir el éxito de tu web: si tienes un porcentaje de conversiones muy bajo, estás atrayendo al tipo de visitante equivocado o tu web no está convenciendo a la gente de que les estás ofreciendo algo que les interesa.

Por lo tanto, si supervisas tu porcentaje de conversiones podrás saber si en tu web hay algún problema que debas solucionar. ¡Y manos a la obra!

Para encontrar esta cifra, ve a Conversiones >> Objetivos. Tendrás que haber marcado previamente los objetivos que deseas conseguir en tu web, pero eso es tema para otro post.

Si todavía no has definido tus objetivos, estate atento porque en futuras publicaciones te enseñaremos cómo hacerlo. ¡Es muy sencillo!

En resumen

Al principio, Google Analytics y sus métricas pueden resultar apabullantes.

Empieza poco a poco. La clave está en ir paso a paso: escoge una métrica que sea importante para ti y para tu web y trabaja para mejorarla.

Si te concentras solamente en una cosa, te harás una idea más clara de las cifras y de cómo mejorarlas. Una vez estés más cómodo, puedes continuar añadiendo métricas que supervisar.

Y, por supuesto, continúa leyendo este blog que habrá más artículos respecto a datos en Google Analytics.

¡Te iremos dando más claves! Si te has quedado con alguna duda, búscanos en redes sociales y pregúntanos: haremos todo lo posible por aclarártela.

Qué es el World Quondos Record 2016

Es una chaladura de macro evento de 50 horas ininterrumpidas que va a contar con la participación de más de 60 ponentes durante 3 días de formación ininterrumpida.

Sí, día y noche sin pausa, mira el programa para ver todo lo que te vas a encontrar.

El año pasado el récord de personas conectadas simultáneamente no pudo conseguirse, pero este año la cuadrilla de Quondos vuelve a la carga intentando lograr el récord con el evento online más largo de la historia.

El evento se celebrará en Alicante los días 6, 7 y 8 de Mayo y contará con profesionales del marketing online, SEO, SEM, redes sociales, e-commerce, creatividad, analítica, conversión web, copywriting, comunicación, emprendimiento o publicidad.

Queremos animar un poco más esas 50 horas proponiéndote el siguiente juego:

Dinos cuál es el récord personal que te gustaría conseguir o el que ya tienes y si tu frase es la más ingeniosa, te llevas un SmartWatch Samsung Gear S2 Sport.

Hay 2 premios más para las frases declaradas en 2º y 3r lugar: 2 Hosting WordPress 2GB gratis durante 2 años.

Cómo puedes participar

¿En qué eres realmente bueno? Piensa en algo divertido y tuitéalo usando los hashtag #elrecord #quondosrecord.

Añade @webempresa para que podamos seguir tus tuits.
Un ejemplo seria Tengo #elrecord en cambiar de contraseña porque no me acuerdo de la que he puesto #quondosrecord @webempresa

Si prefieres usar Facebook, puedes añadir tu frase creando un comentario en la publicación fijada en la parte superior de nuestra página: https://www.facebook.com/webempresa.hosting

Solo se tendrán en cuenta los tweets y comentarios en Facebook realizados entre el viernes día 6 de mayo 2016 a las 12:00 y el domingo día 8 de mayo 2016 a las 15:40 (Hora de Madrid).

¡Anímate a jugar y divirtámonos! :)

Los ganadores serán seleccionados el 11 de Mayo 2016.

Reglas del juego

1. Esta iniciativa está organizada por Webempresa Europa SL., si participas en este concurso aceptas las siguientes reglas del juego.

2. Los miembros del equipo de Webempresa.com no podemos optar al premio y eso que tenemos a varios plusmarquistas mundiales en acelerar Webs.

3. El juego sólo tendrá validez en el territorio de España y exclusivamente para participantes mayores de 18 años (Podremos pedir DNI u otra documentación válida para verificar una identidad).

4. El primer premio: http://www.samsung.com/es/galaxy/gear-s2/features/
Este premio se entregará a un ganador escogido por haber publicado el mejor tweet o comentario en Facebook. Este premio se decidirá por un comité de sabios del equipo de Webempresa.com

5. El ganador/a deberá dar una dirección física válida en España para el envío. No será posible cambiar el premio o pedir la contraprestación en metálico.

6. Los 2 premios de Hosting gratuito se darán a las frases finalistas.

7. Funcionamiento del juego
Se puede participar publicando en Facebook o en Twitter con el doble hashtag #elrecord #quondosrecord y, en el caso de Twitter añadiendo la cuenta de Webempresa: @webempresa
La decisión de los ganadores se tomará por parte del equipo de Webempresa.com, siguiendo sus propios criterios y teniendo en cuenta la originalidad y creatividad de las publicaciones.

8. Ganadores
Webempresa.com informará a los ganadores por el mismo canal en el que se publicó la publicación elegida. Se facilitará una dirección de contacto de webempresa.com para que en el plazo de 10 días desde la fecha de comunicación, el ganador indique la dirección de entrega o bien los datos para crear el Hosting gratuito.
En el caso de que los ganadores no respondan a nuestra comunicación o no acepten el premio, se guardará para próximos concursos.

9. Limitaciones
Compórtate con educación y respeto, no aceptaremos contenido obsceno o humillante.
No hay limitación en el número de veces que puedes participar.

10. Responsabilidad
Respecto a Facebook y Twitter, el participante exonera a estas redes sociales de cualquier responsabilidad derivada de este concurso.

ShopIsle

¿Necesitas un tema de WooCommerce que funcione de manera eficaz, con los productos organizados y un buen diseño? Eso es lo que el tema de ShopIsle te puede ofrecer. De hecho, cuando entras en la página talvez te preguntes por qué no están vendiendo este tema.

ShopIsle te ofrece un buen diseño de cabecera que soporta imágenes en alta resolución y efectos deslizantes para incluir información sobre promociones y eventos.

Tiene disponibles varias galerías para mostrar tus mejores productos y las fotos que subes puedes recortarlas para mantenerlas organizadas y de formas profesional, sin tener que usar ninguna herramienta de edición de fotos que pueda llegar a complicarte.

En particular se puede destacar el diseño limpio de las páginas y también la posibilidad de poner enlaces a productos relacionados, galería de imágenes y comentarios para construir credibilidad.

El tema ShopIsle es totalmente responsive, es decir se adapta completamente a cualquier dispositivo. El formulario de contacto es muy fácil de instalar dónde podrás mantener contacto con tus clientes más fieles.

Por último, se puede crear una página acerca para destacar quienes trabajan en tu marca y resaltar ciertos detalles que generen más confianza. Descargar tema ShopIsle.

Storefront

Si quieres crear un sitio e-commerce de forma rápida Storefront podría ser una opción perfecta para ti.

Este tema es desarrollado por WooThemes, por lo que te va a ofrecer una buenas compatibilidad con el plugin de WooCommerce.

También este tema es bastante personalizable, puedes elegir entre varias opciones de diseño y color, así como el lugar de los widgets en una serie de áreas que dónde puedes colocarlos.

Este tema también es responsive y es muy fácil de personalizar. Ir a descarga de Tema Storefront.

MyStile

MyStile es uno de los temas de WooCommerce si quieres comenzar con en el pie derecho. Lo puedes utilizar exactamente como se encuentra configurado por defecto o mismo puedes configurar el diseño de acuerdo a los productos que ofreces.

Este tema es responsive y ofrece muchas opciones de personalización para cambiar los colores y la apariencia.

Puedes personalizar la página de inicio gracias a una gran cantidad de áreas para colocar widgets y viene con varios shortcodes útiles.

Además de todos los widgets de WooCommerce están diseñados manteniendo el mismo diseño del tema.

Ir a descarga MyStile.

Artificer

El tema Artificer se adapta a cualquier diseño en cualquier dispositivo que se lo vea, es decir es responsive.

Cada widget de WooCommerce ha sido diseñado apropiadamente para combinar los estilos y el tema puede ser personalizado para adaptarse a casi cualquier combinación de colores.

Tienes la posibilidad de usar shortcodes y áreas con widgets personalizados en la página de inicio, que hacen que la construcción de tu sitio sea los más simple posible.

Ir a descarga Theme Artificer.

Discover

¿Necesitas un diseño simple y profesional para tu tienda online? Entonces Discover es una muy buena opción.

Es un tema ordenado y organizado, por lo que definitivamente se puede adaptarse a cualquier negocio. Es responsive y ofrece una variedad de opciones como la posibilidad de hacer comentarios, crear listas y menús desplegables, menús personalizados, imágenes, fondos de cabecera y mucho más.

El esquema de colores naranja y blanco podría no funcionar para todos, pero sí esos colores se adaptan a tu negocio, el resto va a funcionar muy bien.

Ir a descarga Discover.

Wootique

Wootique, como su propio nombre indica, es una buena opción para un tema de estilo boutique para tu tienda online, a pesar de que también puede ser adaptado para cualquier tipo de producto.

Ofrece una gran variedad de opciones de personalización, incluyendo el color de fondo, imagen de fondo, menús y pie de página. Se puede personalizar el esquema de color en general para que coincida con tu marca.

También tienes la opción de personalizarlo con CSS3 y jQuery pudiendo crear deslizadores con algunas animaciones en tu página principal para mostrar los productos destacados.

Wootique también te permite personalizar el diseño de una página web con 4 secciones en el pie de página y el 8 secciones de widgets de WooCommerce.

Ir a descarga Wootique.

Klasik

Desarrollado por Klasik Themes, el Framework Klasik es un tema muy bueno para empezar que te permite construir un sitio de WooCommerce bastante rápido.

Puede ser utilizado para cualquier tipo de negocio, blog o portfolio personal y viene con varias opciones de personalización que te permiten construir precisamente el sitio que desea crear a tu gusto.

Tiene 8 áreas de widgets, con 4 widgets personalizados entre otras cosas.

Puedes utilizar un logotipo personalizado y modificar el sitio a través de las opciones del tema muy fácilmente. Klasik Framework es un tema responsive y completamente compatible con WooCommerce.

Ir a descarga Klasik.

Virtue

Existen muchos temas gratuitos que están ofreciendo varias características de calidad y la verdad que es bastante inspirador.

Virtue de Kadence Themes es un buen ejemplo de ello. El diseño es moderno y es responsive.

Está construida sobre Bootstrap y se ve muy bonito en cualquier dispositivo.

Lo más importante aquí, es que es compatible con WooCommerce y es capaz de construir una tienda online fuera de serie.

Tiene opciones para crear un portfolio de imágenes y se puede adaptar para cualquier tipo de negocios. El panel de opciones es robusto para que pueda establecer fácilmente el diseño de página, diferentes sliders, fuentes y más en solo unos pocos clics.

Ir a descarga Virtue.

Vantage

Vantage es un tema desarrollado por SiteOrigin y ofrece un diseño simple y sencillo que encaja muy bien con cualquier tienda online.

Se integra con varios plugins que lo hace más intuitivo a la hora de crear tu sitio.

Funciona con WooCommerce, por supuesto, pero también funciona con PageBuilder y MetaSlider para hacer páginas, diseños y deslizadores personalizadas.

Tienes la posibilidad de personalizar totalmente tu sitio y por ser un tema gratuito, la verdad que es muy bueno.

Ir a descarga Vantage.

Highwind

Este tema desarrollado por James Koster está diseñado para mostrar los mejores contenidos tu sitio, ya sea un blog, portfolio o tienda online.

Es un tema responsive y está enfocado en la tipografía. Tiene muchas opciones para colocar widgets que hacen que la personalización de tu sitio sea bastante sencilla.

Puedes cambiar los colores de fondo, la imagen de cabecera y el diseño. Incluso se puede instalar un child-theme o un tema hijo.

Definitivamente vale la pena echarle un vistazo a este tema.

Ir a descarga Highwind.

Intuition

Intuition es un tema responsive diseñado para lucir tu contenido con bastante estilo.

Desarrollado por CPOThemes, tiene la posibilidad de incluir slider animado en los bloques de la página de inicio, para mostrar contenidos fácilmente con las mejores características y/o productos de su empresa.

Es compatible con WooCommerce junto con varios otros plugins como WordPress SEO de Yoast y Contact Form 7.

Tiene la posibilidad de hacer shortcodes, personalizar colores, tipografías y modificar el layout de tu sitio.

Ir a descarga Intuition.

Fruitful

La simplicidad de Fruitful es lo que más atrae, tiene una sutileza y elegancia aquí que a menudo no se encuentran en temas gratuitos.

Es responsive y ofrece numerosas opciones para hacer más fácil la personalización. Se pueden cambiar estilos, seleccionando dos tipos de diseño, puedes cargar tu propio logotipo, el fondo, modificar los colores, añadir una cabecera, cambiar donde aparecen los menús y mucho más.

También se puede personalizar el slider, los iconos de redes sociales, tipos de letra y varias cosas que me cansaría de enumerarlas aquí.

Fruitful está diseñado para trabajar con WooCommerce, WPML y ContactForm 7.

Vale la pena la descargalo y hacer un prueba.

Ir a descarga Fruitful.

SaleJunction

SaleJunction fue diseñado con la idea de una tienda online sencilla. Este tema tiene un estilo sobrio y bastante formal. Desarrollado por InkThemes, está integrado con WooCommerce para que pueda comenzar a configurar tu tienda online justo después de la instalación.

Es totalmente responsive, tiene una plantilla para el blog y un panel de opciones bastante intuitivo. También puedes cargar tu propio logotipo y mostrar los últimos mensajes de blog para mejorar la interacción de los visitantes.

Ir a descarga SaleJunction.

WooShop

Desarrollado por Dessky, WooShop Lite es un tema responsive hecho para ser usado con WooCommerce.

Si bien no es la versión pro, está disponible la versión gratuita que no tiene nada que envidiarle a la versión de pago.

Cuenta con un slider en página de inicio y la posibilidad de ver productos destacados en tu home.

Cuenta con una plantilla de página de blog, shortcodes para el diseño de página web, iconos de redes sociales, menús y submenús desplegables en JQuery y mucho más.

Ir a descarga WooShop.

Seller

Seller está diseñado específicamente para trabajar con el plugin de WooCommerce, por lo que hace que se deba incluir en esta lista.

Ofrece un diseño y aspecto profesional sin que parezca demasiado cargado.

Puedes configurar fácilmente una tienda online con este tema de forma gratuita sin tener que sacrificar algunas características premium.

Por ejemplo Seller viene con un diseño responsive, widgets en el pie de página, sliders, un área de exhibición, varios diseños de página, widgets personalizados y mucho más.

Y también algo que no he mencionado antes, se ve muy bien el diseño.

Ir a descarga Seller

Shopping

Desarrollado por ThemeHall, este tema está diseñado específicamente para trabajar con WooCommerce.

Es muy sencillo, atractivo y hace que sus productos sean la estrella del sitio. Es un tema que funciona en todos los dispositivos y puedes conseguir que el aterrizaje a tu tienda online sea bien sencillo. Si solo necesitas lo básico de una tienda online shopping es una buena opción para cualquier tienda online.

Ir a descarga Shopping.

i-Transform

El tema i-Transform viene con el plugin poderoso llamado TemplatesNext Toolkit y proporciona diversas características tales como entradas personalizadas en un blog, agregar testimonios, sliders ilimitados y portfolios.

Esta opción de WooCommerce está basada en el popular tema Twenty Thirteen de WordPress, con algunas características adicionales para hacerlo más atractivo.

Algunas de estas características incluyen un módulo de opciones de administración muy bueno y cinco combinaciones de colores.

Ir a descarga i-Transform.

NanoShop Lite

NanoShop Lite es una creación Dessky. Este tema ofrece todo lo necesario para tener una tienda online en funcionamiento con un mínimo esfuerzo.

Es un tema responsive, por lo que todas las imágenes de tus producto se verán muy bien.

La estructura del tema está optimizado para el SEO y es compatible con el plugin WordPress SEO de Yoast, por lo que sus productos serán más fáciles de encontrar por tus potenciales clientes.

También podemos destacar que es bastante liviano y está hecho sobre Bootstrap.

Ir a descarga NanoShop Lite.

TheShop

TheShop es un tema de aThemes y ofrece una interfaz limpia para la venta de productos digitales y físicos.

El tema es bastante fácil de instalar y viene con varias plantillas de página para los diseños de ancho completo y portada. Tienes diferentes opciones de color que son útiles para personalizarlo e identificarlo con tu marca junto con las fuentes de Google lo que va a hacer que tu sitio se vea muy bien.

Incluye una sección de blog para darles contenido a tus clientes e impulsar el posicionamiento de tu sitio en los buscadores. Sin mencionar, que los varios widgets son muy útiles para la aplicación de los módulos como información de contacto, los mejores productos y las últimas revisiones.

El menú de navegación se encuentra a la izquierda y tiene un deslizador o slider bastante elegante para que puedas mostrar tus productos y ofertas más recientes.

Ir a descarga TheShop.

¿Que ha pasado en la 4.5.2?

Pues que se han corregido 2 problemas de seguridad importantes, uno de ellos llevaba un tiempo afectando a versiones 4.2.x y el otro surgió a raíz de la versión 4.5.1.

Parece ser que las versiones de WordPress 4.5.1 y anteriores están afectadas por cierta vulnerabilidad a través la librería de WordPress Plupload (un clásico en versiones anteriores en las que ya dio problemas) utilizada para subir archivos.

Las versiones de WordPress 4.2 a 4.5.1 son vulnerables a XSS indirecto (reflejado) utilizando URIs especialmente diseñadas a través de MediaElement.js, una librería de terceros utilizada para reproductores multimedia. MediaElement.js y Plupload también han publicado actualizaciones de corrección de estos problemas.

¡No actualices!

Consideraciones que debes tener presentes antes de actualizar:

• Realiza una copia de seguridad antes de actualizar.
• Comprueba que tu tema en uso es compatible con la nueva versión de WordPress.
• Si usas un constructor, asegurarte bien que es compatible con la versión nueva.
• Deshabilita aquellos plugins que no utilices (lo mejor sería que los desinstales).
• ¿Utilizas plugins de seguridad? (Wordfence, BruteProtec, etc) ¡desactivalos!
• Comprueba que tus plugins activos son compatibles con la nueva versión.
• ¿Has hecho cambios en tu tema?, documéntalos y si es posible usa temas hijo.
• ¿Trabajas con plugins como Move Login, etc.?, desactívalos, ya tendrás tiempo de usarlos después.
• ¿Trabajas con Visual Composer como constructor? ¡ojo! no hay confirmación de que los chicos de WPBakery Inc. hayan actualizado el constructor para compatibilizarlo con WordPress 4.5.2 ¡prueba antes en un clon o una sandbox!
• Si trabajas con WP Super Cache es posible que experimentes un Error 500 tras actualizar. Deshabilita dicho plugin antes de actualizar o prueba en una sandbox primero la actualización. Una alternativa es que uses W3 Total Cache que no presenta conflictos con WordPress 4.5.2
• Usa el sentido común, si no tienes claro algo, pregunta o busca en Internet.

Actualizaciones:

Si accedes al dashboard deberías ver este aviso en Escritorio.

Si ves este mensaje en el apartado Actualizaciones será señal de que tienes las actualizaciones automáticas activadas y el core (núcleo) de WordPress se habrá actualizado al detectar la disponibilidad de la nueva versión.

Si por el contrario ves este aviso:

Accede a Escritorio, Actualizaciones y previa copia de seguridad procede a actualizar tu sitio web a esta nueva versión.

Si tras actualizar tu sitio web, no ves la página, antes de enviar un ticket a tu Departamento de Soporte, te recomiendo que limpies la caché de tu navegador y verifiques si sigue activo el "modo mantenimiento" que suele ser la causa habitual de que no veas la web.

En WordPress 4.5.2 (nativo desde la versión 3.7) ¡WordPress se encarga de mantener tu CMS actualizado por ti de forma automática! a menos que lo tengas deshabilitado claro.

En el siguiente vídeo puedes ver que actualizar entre versiones es muy sencillo

Como siempre, cuando nuevas versiones son liberadas, la recomendación es que actualices para garantizar la seguridad y estabilidad de tu web WordPress.

Eliminación de archivos en cPanel

Desde el Panel de Hosting cPanel se pueden, entre otras opciones, eliminar bases de datos, cuentas de correo y de FTP, configuraciones de Certificados SSL, tareas cron y también archivos y carpetas.

Cualquier archivo y/o carpeta que se seleccione en el Administrador de Archivos, puede ser eliminado directamente.

En cPanel los archivos borrados o eliminados no se eliminan definitivamente sino que van a la papelera donde es necesario ejecutar la acción de vaciado para que se eliminen definitivamente del Hosting.

¿Todos los archivos? no, por ejemplo si tu cPanel trabaja con el instalador de gestores de contenidos o packs Installatron, este no elimina todos los archivos cuando se desinstala un CMS o pack, ya que los datos generados "adicionalmente" con el pack o CMS se mantendrán en el Hosting hasta que los elimines manualmente.

El desinstalador de aplicaciones web o pack desinstala aquella instalación que se haya instalado con el propio instalador de cPanel, lo que implica archivos y carpetas de la aplicación web o pack, pero no la base de datos y otros archivos adicionales que hayan sufrido cambios, por el usuario o el propio pack tras la instalación.

Ciertamente ya muchos usuarios, implementadores y desarrolladores han pedido a cPanel que incorpore la funcionalidad de eliminación o vaciado de la papelera (.trash) tras varios días, por medio una petición de funcionalidad, en un panel de Ideas que ellos tienen habilitado, a la que puedes sumarte si tienes cuenta en cPanel.

Existe una única papelera para archivos y carpetas en el Panel de Hosting cPanel que se localiza en la carpeta del usuario:

/home/<usuario>/.trash

Se trata de una carpeta oculta, de ahí el punto que hay delante del nombre de la carpeta .trash y que para verla hay que habilitar una vez dentro del Administrador de Archivos de cPanel la opción Mostrar archivos ocultos (dotfiles).

De este modo esta carpeta y otras que tengan el atributo de oculto serán visibles (también archivos ocultos).

¿Cómo vaciar la Papelera del Administrador de Archivos?

Hemos llegado al punto deseado, tras una necesaria introducción para entender mejor todo esto. Ahora necesitamos poder vaciar la Papelera de cPanel, desde el Administrador de Archivos, de forma que recuperemos espacio ocupado por archivos y carpetas que ya no necesitamos en el Hosting.

1. Siempre es recomendable hacer una copia de seguridad completa del Hosting y descargarla a tu ordenador.
2. Accede al Administrador de Archivos de tu Hosting.
3. Si aterrizas directamente en la carpeta /public_html (donde tienes las webs) haz clic en Subir un nivel.
4. Ahora en la carpeta de usuario del Hosting si no ves archivos o carpeta con un . delante, ve a Configuración (arriba a la derecha).
5. En Preferencias (ventana popup) comprueba que está habilitado Mostrar archivos ocultos (dotfiles), si no está márcalo y "Save" (Guardar).
6. Verás la carpeta .trash, haz clic en ella y accede dentro.
7. Si previamente eliminaste archivos o carpetas deberás verlos dentro.
8. Encima de los archivos y carpetas verás la opción Vaciar papelera.
9. Haz clic en esa opción y confirma la acción en "Empthy Trash" (Vaciar Papelera).
10. Esta acción te devolverá de nuevo a la carpeta de usuario /home/<usuario>

Un proceso que como habrás comprobado es muy sencillo 'cuando se conoce' y que te ayudará a recuperar el espacio ocupado por archivos eliminados si no sabias donde iban a parar.

Omitir la Papelera

Esta funcionalidad me la guardaba para el final del artículo con el fin de mantener tu interés centrado y espero haberlo conseguido.

¿No quieres pasar por la Papelera? ¡perfecto, no hay problema!. Para eso, si trabajas con el skin de cPanel paper_lanter cuando seleccionas uno o varios archivos o carpetas y haces clic en la opción superior Eliminar, el Administrador de Archivos te abrirá una ventana popup preguntándote si para la acción solicitada quieres enviar los archivos/carpetas seleccionados a la Papelera o si por el contrario quieres eliminarlos definitivamente marcando la opción Omitir la Papelera y eliminar permanentemente los archivos.

Este paso además de irreversible, te evita tener luego que pasar por el vaciado de la Papelera.

De ahora en adelante ya no tendrás que volverte loco buscando en tu Hosting que archivos están ocupando espacio si ya los habías borrado, pues si trabajas con el skin de cPanel "paper_lantern" podrás hacer uso de la opción Ver Papelera y Vaciar Papelera para administrar archivos borrados tal como lo harías en tu ordenador.

Si además te sirve, como a mi me sirvió, para a conocer proyectos web como Frikymama, o el que tu hayas descubierto, eso que te llevas (bonus), pues lo más importante siempre es cultivar personas y mejorar tus conocimientos.

Gracias Ana María por inspirar este artículo (ツ)

En este artículo te explico cómo lidiar con el aviso de validación que aparece en las últimas versiones del plugin de gestión de formularios para WordPress más popular del universo.

¿Cómo validar el/los formulario(s) de contacto?

Ya viste el aviso anterior que se muestra cuando accedes al dashboard ¿verdad?, entonces no tienes más que hacer clic en el texto Validar la configuración de Contact Form 7 para llegar hasta la pantalla siguiente.

Aterrizaras en la página de Formularios de contacto que tengas creados con Contact Form 7 y lo primero que observarás es el aviso de si se ha encontrado, o no algún formulario con error de validación.

Y en el bloque inferior, donde se gestionan los formularios, te indicará el número de errores encontrados.

Haz clic en la pestaña Correo electrónico para ver qué campos del formulario muestran errores.

Si no has cambiado nada en el formulario de contacto de Contact Form 7, verás un error similar a este.

La solución es tan sencilla, en lugar del formato que aparece:

[nombre] <[email]>

Escribe una cuenta de correo del dominio de la web que gestionas en el Hosting y haz clic en Guardar

De esta forma lo validas y Contact Form 7 dejará de mostrarte avisos de validación.

En el siguiente vídeo puedes ver como realizar el proceso de validación de formularios que tengas creados con Contact Form 7.

¡Para de calentarme la cabeza con tus avisos!

¿No quieres que Contact Form 7 te de la brasa con estos avisos?, edita el archivo wp-config.php y antes de ABSPATH (unas líneas antes) añade el siguiente define:

define( 'WPCF7_VALIDATE_CONFIGURATION', false );

Si no quieres añadir el define en wp-config.php puedes añadir un filtro en el archivo functions.php de tu tema en uso:

add_filter( 'wpcf7_validate_configuration', '__return_false' );

Claro que ignorar este tipo de avisos tampoco es la solución. Lo adecuado sería que resuelvas el problema y te olvides de él.

Preguntas frecuentes

¿A qué vienen estos avisos del validador?

Los proveedores de servicios de correo aplican normas cada vez más estrictas para proteger a los usuarios frente a los abusos de correo como correo no deseado y la suplantación de identidad (spoofing).

El equipo de desarrollo de CF7 ha encontrado que hay un número creciente de informes preocupantes sobre la entrega de correos, encontrándose que no están configurados correctamente los formularios de contacto gestionados con el plugin.

En respuesta a esta situación, han introducido una configuración de validación, para ayudar a los usuarios a realizar mejor las configuraciones encontrando aquellas erróneas y así maximizar la tasa de éxito de entrega de correos.

Mis formularios de contacto han estado funcionando bien. Así que no necesito validarlos ¿correcto?

¿Estás absolutamente seguro de que tus formularios de contacto están funcionando bien?, ¿No hay posibilidad de que sencillamente no hayas notado una mala configuración, y en realidad estás perdiendo correos debido a esto?

Recomiendo que hagas una validación, incluso si aparentemente te parece que está todo bien.

¿Qué pasará después de ejecutar una validación?

No ocurre nada que no sea la adición de mensajes de advertencia a los campos incorrectos en la pantalla del editor del formulario de contacto.

Sólo los usuarios registrados que tienen permiso para editar formularios de contacto va a ver esos mensajes.

¿La validación afecta al comportamiento de un formulario de contacto? Si se detectan errores de configuración, el formulario de contacto dejar de funcionar?

No. La validación no afecta al comportamiento de un formulario de contacto en absoluto, incluso si se detectan errores de configuración.

Mi formulario de contacto funciona independientemente de los errores de configuración. ¿Es error del validador?

No. El hecho de que un formulario de contacto funcione depende en gran medida del entorno (tu Hosting, la transmisión de los servidores de correo, la aplicación cliente de correo, etc.)

No es de extrañar, incluso si el mismo formulario de contacto no funciona en un entorno diferente. ¿Cómo sabes que tu Hosting no cambiará su política de entrega de correo mañana por la mañana?

Si recibes errores, debes asumir que hay riesgos ocultos, incluso si viste una prueba de un formulario de envío, una vez enviado. Podrían surgir en el futuro.

¿Por qué la dirección de correo electrónico en el campo tiene que pertenecer al dominio del sitio?

Por ejemplo, si un correo tenía "tu-nombre@gmail.com" en el campo, pero en realidad fue enviado desde el servidor web (que no es gmail.com), sería muy posible que los servidores de correo la consideren como una dirección falsa.

Pero si el campo no es la dirección del remitente del formulario, no puedo responder al remitente.

Puedes responder al remitente mediante el establecimiento del campo de cabecera Reply-To. Cuando "tu-email" es el nombre del campo que en el que el remitente introduce su dirección de correo electrónico, se pone la siguiente línea en el campo de cabeceras adicionales:

Responder a: [tu-mail]

En inglés:

Reply-To: [your-email]

A continuación, el correo de respuesta se dirigirá a [tu-mail] (dirección del remitente).

Estoy seguro de que mi configuración es correcta, pero tengo errores. Siento que el resultado de la validación no tiene sentido. ¿Puedo pasar por alto los errores?

Está bien hacer caso omiso de los errores si se entiende lo que significan y puedes gestionar el riesgo que una mala configuración cause.

¿Cómo funciona el validador?, ¿Qué prueba?

El validador de configuración hace una comprobación sintáctica solamente, y no realiza ningún envío de correos para probar la entrega de estos.

El proceso de validación se completa de forma local; cualquier otro servicio de Internet no se involucra en este proceso.

¿Cuándo se ejecuta una validación?

Se ejecuta cada vez que guardes un formulario de contacto.

¿Te quedaron dudas? pregúntale a los chicos de Rock Lobster, LLC. desarrolladores de Contact Form 7 en su sitio de Soporte.

¿Estas listo ahora para pasar la prueba del algodón a tus formularios de Contact Form 7? ....estoy seguro que tras leer este artículo tus formularios funcionarán al 100%.

¿Quieres saber más sobre Contact Form 7?

• Integrando WhatsApp en WordPress mediante Contact Form 7
• ¿Errores con CAPTCHA en Contact Form 7? ¡prueba esta solución!
• Exportar contenido desde tu base de datos con Contact Form 7
• Inserta un formulario de Contact Form 7 en un producto de WooCommerce
• Contact Form 7 en WordPress ahora con No CAPTCHA reCAPTCHA
• Personaliza formularios en WordPress - Contact Form 7

Cómo añadir Google Calendar a WordPress

Lo primero de todo es descargar e instalar el plugin “Simple Calendar - Google Calendar Plugin"

Si necesitas ayuda en este paso te dejo esta guía en la que ya te expliqué cómo instalar un plugin en WordPress.

Una vez instalado y activado el plugin, verás que en la barra lateral de la izquierda te sale la opción de “Calendars”. Pues ve ahí y luego haz clic en “settings” [1].

Ahora lo que hay que hacer es vincular el plugin a tu cuenta de Google, para que pueda acceder a los calendarios.

Para ello, en la nueva pantalla que nos sale tenemos que introducir la API Key que nos tiene que dar Google [2].

¿Y eso cómo se hace? No te preocupes que te lo voy a explicar paso a paso ;)

En la pantalla en la que estás, haz clic donde pone “Google Developers Console” [3].

Al hacer eso, se te abrirá una nueva ventana de Google. Si te pide que inicies sesión, iníciala con la cuenta en la que tienes guardado el calendario que quieres mostrar en el blog.

Ahora estarás viendo la consola de Google, que es desde donde se controla el acceso a sus aplicaciones.

Arriba a la derecha, donde pone “Selecciona un proyecto”, pasa el cursor para que se muestre el desplegable y haz clic en “Crear proyecto” [4].

Ahora te saldrá una ventana en la que te pedirá que pongas nombre a este proyecto que vamos a crear [5].

Puedes poner lo que quieras aquí, pero te aconsejo que sea un nombre lo suficientemente descriptivo como para poder encontrarlo después.

Yo voy a poner de título del proyecto “Google Calendar WordPress”. Después, haz clic en el botón azul que pone “Crear” [6].

Ahora verás un listado enorme con todas las aplicaciones de Google a las que puedes solicitar acceso. A nosotros nos interesa la de Google Calendar, así que haz clic donde pone “Calendar API” en la sección de “APIs de Google apps” [7].

Y en la nueva pantalla que te saldrá, haz clic en el botón azul de “Habilitar” [8].

Tardará unos segundos y te saldrá un mensaje como el de la pantalla siguiente.

Vamos a hacerle caso y vamos a hacer clic en el botón azul “Ir a las credenciales”

La siguiente pantalla que te saldrá sirve para ayudarte a averiguar qué API es la que necesitas para hacer lo que quieres. Como te lo voy a explicar yo, vamos a saltarnos este paso.

Para ello haz clic en el enlace azul donde pone “clave de API” [9].

Ahora nos saldrá un mensaje en la pantalla que nos preguntará qué tipo de clave queremos queremos, que dependerá de para qué la vamos a usar.

Vamos a hacer clic en el botón que pone “Clave de servidor” [10] (ya que lo queremos para una web).

Finalmente, falta ponerle un nombre a la clave API que estamos creando.

Al igual que antes, en el nombre [11] pon algo que sea descriptivo y fácil de identificar.

El campo de la dirección IP [12] lo puedes dejar en blanco si quieres, ya que es opcional. Y para terminar, haz clic en el botón azul de “Crear” [13].

Ahora te saldrá una ventana emergente con la clave API [14]. Cópiala, guárdala en un lugar seguro, y no la compartas con nadie, que la necesitamos ;)

Una vez hecho eso, haz clic en el botón “Aceptar” [15] para cerrar esa ventana.

Ahora, lo que tienes que hacer es pegar esa clave API en la pantalla de settings del plugin que hemos visto al principio [2].

Y no te olvides de hacer clic en el botón azul de “Guardar cambios” [16] para terminar de vincular la clave API al plugin que acabamos de instalar.

Hacer público tu calendario de Google

Si quieres compartir tu calendario para que los eventos sean visibles, ahora, además de todo lo que acabamos de hacer, toca hacerlo público.

Te explico cómo.

De primeras, accede a Google Calendar [17].

Ahora ya estarás dentro de tus calendarios de Google. Lo que falta es compartir el que queremos mostrar en el blog, y para ellos tienes que ir a la columna de la izquierda, donde pone “Mis calendarios” [18].

Y en la lista de calendarios que te saldrá ahora, pasa el cursor sobre el calendario que quieres compartir y te saldrá un botón con una flechita hacia abajo [19]. Haz clic en él.

Al hacer clic sobre esa flechita te saldrá un desplegable como el de la siguiente imagen.

Haz clic donde pone compartir este calendario [20].

Ahora te saldrá una nueva ventana para configurar lo que compartes.

Marca la casilla donde pone “Hacer público este calendario” [21] y luego haz clic en el botón de guardar [22].

Te saldrá un mensaje de confirmación. Haz clic en Sí y listo.

Para terminar, falta conseguir la ID del calendario.

En la pantalla del calendario, haz clic otra vez en la la flechita pequeña que sale al lado del calendarios para que salga el desplegable. Y en el desplegable haz clic en “Configuración del calendario”.

Ahora te saldrá una nueva ventana. Ves has donde pone “Dirección del calendario” y copia la ID del calendario [23].

La necesitaremos para los siguientes pasos.

Cómo añadir un nuevo calendario en WordPress

Vuelve a WordPress, y para añadir un nuevo calendario, en la barra lateral izquierda, donde pone “Calendars” haz clic en “Add new”.

Ahora te saldrá una ventana similar a la de crear una nueva entrada.

Rellena el título del calendario [24]. Y en el texto, verás que salen unos shortcodes [25]. Puedes pasar de ellos y dejarlos tal y como están.

Me interesa que, donde estás ahora, bajes hasta un módulo que se llama “Calendar Settings” [26].

Y en la columna de la izquierda, en las pestaña que hay, haz clic en la que pone “Google Calendar” [27].

Ahora, en el recuadro donde pone “Calendar ID” [28] es donde tienes que pegar la ID del calendario que hemos obtenido antes (en el paso [23]).

Con esto es suficiente. El resto de pestañas es para configurar cómo quieres que se muestre el calendario.

Una vez hecho todo, haz clic en el botón azul de Publicar que está arriba a la derecha (como si fueses a publicar un post, pues igual).

Publicar un calendario en tu blog de WordPress

Ya casi está todo. Ahora solo falta elegir dónde queremos que se muestre el calendario.

Para ello, vuelve otra vez a “Calendars” -> “All Calendars” en la barra lateral izquierda del escritorio de tu WordPress.

Ahí te saldrá un listado con todos los calendarios que has creado.

Lo que tienes que hacer es copiar el shortcode del calendario que quieres publicar [29].

Y ahora, al pegar dicho shortcode en una entrada, en una página o en un widget de texto, se verá el calendario.

Mira, como ejemplo lo voy a pegar en una entrada de prueba.

Y así es como se muestra a la hora de publicar:

Si añades texto por encima o por debajo del shortcode que has pegado, lo que se mostrará es el calendario insertado entre medias de esos textos, lo cual está genial para hablar antes de los eventos, luego pones el shortcode, y al final pones un cierre (por ejemplo).

Y si quieres mostrar un calendario como Widget, lo puedes hacer desde “Apariencia” -> “Widgets” y arrastrar el Widget del calendario al lugar deseado.

Ya sabes cómo añadir Google Calendar en WordPress

La verdad es que no es el proceso más sencillo del mundo, sobre todo cuando tienes que empezar desde el principio y conseguir la API de Google. Pero una vez que ya tienes hecho eso, lo demás ya solo es crear nuevos calendarios e insertarlos por donde tú quieras.

Ahora ya podrás mostrar los eventos más importantes en tu blog, directamente desde tu calendario de Google y siempre actualizados (¡hasta con la información de cada evento!).

Espero que este tutorial te haya resultado útil. ¡Y si te ha gustado, compártelo en tus redes sociales!

¡Un fuerte abrazo!

Si tus envíos los haces representando una marca, es obvio que las ventajas de externalizarlos sin perder la identidad de la marca es algo fundamental, y esto lo puedes conseguir fácilmente con Mailrelay.

Pero claro, este artículo no va de las bondades de este servicio y el potencial que tiene para construir comunidad entorno a servicios, productos, marca u otros, generando campañas con sus correspondientes envíos.

Vamos al asunto....

Mailrelay ¿qué es?

Si has leído la introducción del artículo habrás observado que he mencionado las claves de la herramienta, que resumido por el propio servicio que lo ofrece seria:

Es una herramienta de email marketing con características únicas que te permite crear, enviar y gestionar tus campañas de email con estadísticas completas sobre el comportamiento de tus suscriptores.

No entraré en detalles sobre el servicio ya que daría para otro artículo... ヅ

Mailrelay te dice ¡contacta con tu proveedor!

Es muy habitual en el Departamento de Soporte recibir tickets de clientes que comentan lo siguiente:

Mailrelay me ha enviado un correo para configurarlo en mi panel de hosting pero no tengo claro cómo se hace.

Y a continuación adjuntan o pegan el contenido del email que el servicio de Mailrelay les envió:

Buenos días,

Necesito añadir un registro SPF para mi dominio, o en caso de que ya lo tenga modificarlo para añadir este valor:

  include:sustituyePorTuCuenta.ip-zone.com

    De forma que los registros queden de esta forma:

  v=spf1 include:sustituyePorTuCuenta.ip-zone.com a mx -all
  v=spf2.0/pra include:sustituyePorTuCuenta.ip-zone.com a mx -all

Si los registros SPF ya existen por favor actualícenlos con el valor indicado, manteniendo el resto de valores.

Muchas gracias.

¡Que no cunda el pánico! precisamente por eso estás leyendo este artículo, para poder hacer esto mismo tú, sin que tengas que recurrir a terceros que lo hagan por ti. (ツ)

Sigue leyendo que verá lo sencillo que es todo este proceso...

Validar el dominio

Cuando te registras en Mailrelay una de las tareas que tienes que llevar a cabo es la creación de un registro SPF (TXT) para que desde tu dominio (alojado en un Hosting) puedas realizar envíos a través de la plataforma externa, pero de forma transparente a quien recibe los emails.

Este proceso pasa necesariamente por la configuración desde Mailrelay del dominio personalizado, que será el que utilizarás para gestionar los envíos.

Una vez has indicado el dominio que vas a utilizar para tus campañas desde Mailrelay, en el paso 2 del proceso el servicio de Mailrelay te va a solicitar que añadas un registro CNAME para el dominio y que luego lo verifiques.

Este dato será el que tendrás que utilizar para crear el correspondiente registro en tu panel de Hosting.

Configurar SPF (TXT)

Gracias al uso del protocolo SPF podrás combatir el spam desde tu dominio.

Configurar un registro TXT para SPF es la primera parte de todo este proceso que debes realizar desde tu panel de hosting (cPanel) a través del apartado Dominios, Editor de zonas avanzado.

Seleccionas el dominio para el registro TXT (SPF) en el campo Editor de zonas avanzado.

Y agregas un registro TXT (SPF) con los siguientes valores:

• Tipo: TXT
• Nombre: tu-dominio.com (¡ojo! sustituye 'tu-dominio.com' por el dominio real)
• TTL: 1000
• CNAME: v=spf1 include:webempresa.cc.ip-zone.com a mx -all

Haces clic en el botón Agregar registro.

Luego repites el mismo proceso para el segundo registro SPF requerido:

• Tipo: TXT
• Nombre: tu-dominio.com (¡ojo! sustituye 'tu-dominio.com' por el dominio real)
• TTL: 1000
• CNAME: v=spf2.0/pra include:webempresa.ip-zone.com a mx -all

Haces clic en el botón Agregar registro.

Si los registros eran correctos se habrán creado y los podrás ver en la lista de Registros de archivo de zona.

...sigamos con las configuraciones.

Configurar DKIM

Es importante que tengas DKIM (DomainKeys Identified Mail) activado de forma que quede garantizado que tu eres el origen de los envíos en base al que figure en las cabeceras de los correos enviados. Acción necesaria para combatir el Mail Spoofing.

Desde tu Panel de Hosting (cPanel) puedes hacerlo en el apartado Dominios, Editor de zonas avanzado.

Seleccionas el dominio para el que crearás el registro TXT de los disponibles en el selector del campo Editor de zonas avanzado.

Y agregas un registro TXT con los siguientes valores:

• Tipo: TXT
• Nombre: dkim._domainkey.tu-dominio.com
• TTL: 300
• CNAME: k=rsa; p=MIGfMA0GCSqGSIb3DQEBAQUAA4GNADCBiQKBgQDSAHkvh8dRCsiMTud+hfC+MX2MgmO8PQHHcGxoim7mI+ FhgOiOS5WgBUpZsZ60M2eLhBbJkMFLjC1OS0xDf9suh+Tl4tVirMXnWIS+zrR1xLX15/ItB7+x8FG4HHR5aD8BB4OHC Tk3WjzF5YU/KFx0riP/wsU7Z5XRK6OwwNcCTQIDAQAB;

Haces clic en el botón Agregar registro.

Nota: el valor del campo CNAME debe ser completo, en un solo bloque a partir de p= (sin espacios), tal como te lo facilita Mailrelay.

Introduciendo los datos de forma correcta en cada campo, el registro TXT se creará y podrás verlo en la lista de Registros de archivo de zona posteriormente.

Puedes ver en el siguiente vídeo cómo utilizar el Editor de zona DNS Avanzado de cPanel, para crear, editar y borrar registros A, CNAME y TXT (SPF).

Si has sido metódico habrás llegado hasta aquí con los registros TXT para SPF y DKIM correctamente creados en tu panel de hosting (cPanel) y podrás ahora pasar a validarlos en Mailrelay.

Verificar los registros SPF y DKIM

¿Recuerdas que en el apartado Validar el dominio habíamos dejado pendiente la validación en Mailrelay del registro?

Haz clic en el botón Verificar para que Mailrelay haga la correspondiente comprobación.

Pueden pasar 2 cosas, 'que verifique' y se concluya el proceso correctamente o 'que devuelva un error de verificación' y entonces haya que revisar registros o esperar un tiempo ya que la propagación no es inmediata.

Ya lo dice Mailrelay en esa misma pantalla:

Toca esperar un tiempo prudencial, que en mi caso fueron unas horas, hasta que puede validar ambos registros para poder dar por concluida la configuración de los registros DKIM y SPF para Mailrelay en mi panel de hosting (cPanel).

Mailrelay en WordPress

Si tu objetivo es utilizar Mailrelay dentro de una instalación de WordPress, puedes utilizar el plugin Mailrelay para sincronizar todos los usuarios de WordPress con uno o más grupos de Mailrelay para que los usuarios de tu web puedan recibir boletines de noticias, notificaciones, etc.

Para otros CMS como Joomla o PrestaShop puedes descargar los plugins oficiales de Mailrelay y usarlos en tus webs.

Configurar los registros SPF y DKIM para validar tu dominio en Mailrelay es un proceso bastante sencillo, que apenas te llevará unos minutos realizarlo y gracias al cual podrás hacer uso de tu dominio para gestionar tus campañas de email marketing de forma saludable.

Si no conocías a Victor Martín puedes segurilo en su blog victormartin.com y sobre todo no deberías perderte sus Podcast, muy motivadores, a través de los cuales descubrirás a muchos 'influencers' importantes centrados en social media, marketing online y grandes emprendedores ¡te lo recomiendo!

¿Necesito un Certificado SSL para mi Tienda o web?

Tiempo atrás te habría respondido que no es necesario, pero han cambiado mucho las cosas en los últimos años y Google (ese GH que todo lo sabe) dice que hay que trabajar con SSL para que las transacciones de datos entre usuarios y sitios web sean más seguras.

¿Esto quiere decir que no es necesario tener un Certificado SSL?, naturalmente no quiere decir que debas prescindir de él, y si además tienes en cuenta que gigantes como Google valoran más los sitios que hacen uso de HTTPS, la pregunta casi se responde sola.

Si tu recoges datos en tu sitio web de clientes, de sus tarjetas de crédito o de datos sensibles y operas en territorio español, o vendes para este mercado, deberás cumplir con la LOPD y LSSI que engloban cuestiones como el comercio electrónico, venta de servicios online, la contratación online, la información y publicidad y los servicios de intermediación.

¿Cómo lo instalo?

Partiendo de la base de que ya tienes comprado el Certificado SSL o utilizas un certificado Let’s Encrypt (gratuito) por ejemplo, y que lo has descargado a tu ordenador, veamos de forma resumida cómo es esto de instalar un Certificado SSL en el Panel de Hosting cPanel.

Proceso resumido de instalación de un Certificado SSL en cPanel:

• Descarga y descomprime el Certificado SSL comprado, en tu ordenador.
• Accede a tu panel de Hosting (cPanel).
• Ve al apartado Seguridad, SSL/TLS.
• Selecciona el dominio al que asociar el Certificado SSL.
• Rellena los bloques vacíos de:
• Certificado: (CRT).
• Clave privada: (KEY).
• Paquete de entidad de certificación: (CABUNDLE).
• Haz clic en el botón inferior Instalar certificado.
• Comprueba que los campos validen y no devuelvan error de Certificado.

Ya tienes el Certificado SSL, (gratuito o de pago) y lo has descargado a tu ordenador en formato .zip lo más probable. Necesitas descomprimir ese archivo empaquetado para que luego puedas cargar los archivos, o editarlos, para rellenar los campos del certificado en tu panel de hosting.

Ahora accede a tu panel de hosting, en este caso basado en cPanel, y ve al apartado Seguridad y haz clic en la opción SSL/TLS.

Una vez dentro de este apartado tienes que seleccionar la opción Instalar y administrar SSL para su sitio (HTTPS) para poder añadir el Certificado que vas a utilizar en tu sitio web.

Aquí empieza el baile... ヅ

Ahora toca instalar el Certificado SSL en tu Hosting asociándolo al dominio deseado.

Cabe prestar primero atención al siguiente aviso, ya que suele generar muchas consultas en los Departamentos de Soporte, pues se hace mención a la necesidad de disponer de una IP Fija (dedicada).

Navegadores que soportan SNI:

• Internet Explorer 7 o versiones superiores (Windows Vista o superior).
• Mozilla Firefox 2.0 o versiones superiores.
• Google Chrome 6.0 y versiones superiores.
• Safari 3.0 o versiones superiores.
• Mobile Safari en iOS 4.0 o versiones superiores.
• Navegador Android 3.x o versiones superiores.
• Windows Phone 7
• Opera 8.0 o versiones superiores.
• Opera Mobile 10.1 o versiones superiores.
• Konqueror 4.7 o versiones superiores.

Si el navegador desde el que se accede a una web con HTTPS no soporta SNI, será visible un aviso de error de certificado, que el usuario podrá aceptar y acceder al sitio seguro.

Verás un botón llamado Examinar que tiene especial importancia pues te permitirá ver una Lista de certificados SSL que tienes disponibles ya para tu dominio.

En esta lista verás:

• Dominios asociados al Certificado SSL.
• Entidad Emisora del Certificado.
• Fecha de caducidad del Certificado.
• Descripción del Certificado.

Si haces clic en "Utilizar el Certificado" se rellenarán automáticamente los campos del Certificado que deberás revisar antes de hacer clic en Instalar Certificado.

Vista del Certificado rellenado automáticamente (datos ofuscados por seguridad).

No obstante, este no es el proceso que yo quiero explicarte, pero es importante que sepas que existe esta opción y que puedes aplicarla si ya tienes el Certificado instalado en tu Hosting, posiblemente si lo solicitaste a tu Departamento de Soporte anteriormente.

Aclarado estos dos puntos, sigamos....

Apartados que deberás configurar:

• Dominio: El que tengamos disponible o previsto para este Certificado.
• Dirección IP: Por asignación automática, la del servidor donde se aloja tu web.
• Certificado (CRT)
• Clave privada (KEY)
• Paquete de entidad de certificación (CABUNDLE)

Estos datos los obtienes de los archivos del Certificado que has descargado y extraído en tu ordenador.

Veamos cada uno de estos campos en detalle...

Dominio

Será el dominio al que se asociará el Certificado SSL, sobre todo si tienes varios dominios activos en tu Hosting.

Nota: Ojo con asociar por error dominios temporales (url temporal) al Certificado SSL.

Observaras que el lado del dominio seleccionar hay un botón que dice Rellenar automáticamente por dominio y que si el Certificado SSL ya está en el servidor disponible, o estuvo instalado anteriormente, podrás rellenar los campos siguientes para este Certificado de forma automática.

Si no hay ninguno aún disponible, que probablemente será tu caso si es tu primera vez con un Certificado SSL, verás un aviso de que no hay ningún certificado disponible.

No certificate for the domain webempresa.cc could be found.