El mejor hosting para tiendas online

hosting para tiendas online

Las tiendas online se encuentran en pleno auge en estos momentos. Hay diversas herramientas para hacer de los sitios webs una verdadera maravilla en cuanto a diseño y funcionalidad, pero sin el hosting adecuado todos los esfuerzos realizados serán en vano.

Si deseas adentrarte en el mundo del ecommerce, te recomendamos que utilices el mejor hosting para tiendas online. ¿Cómo saber cuál es el más adecuado?

¿Cómo saber cuál es el mejor?

En primer lugar, hay factores que indican que estás ante el mejor hosting para tiendas online, como el precio, la fiabilidad del proveedor y la velocidad, entre otros aspectos.

El hosting forma las raíces de tu sitio web y afecta directamente a la velocidad de carga, lo que va a incidir directamente sobre tus visitantes y tus datos de ventas. Por lo tanto, debes elegir el mejor.

Características del mejor hosting para tiendas online

  • Velocidad. Este es el aspecto más significativo, ya que permitirá que los clientes lleguen con rapidez a tu página web. Busca un hosting que te ofrezca discos en estado sólido (SSD), que permiten cargar más rápido la información.
  • Eficiencia en conexiones simultáneas. Las visitas simultáneas a tu tienda online pueden generar un embotellamiento que desencadena un bloqueo momentáneo del sitio. Es importante verificar cuántas conexiones soportará la web y qué ofrece el proveedor al respecto.
  • Protección ante bots. Es común que los sitios sean inundados de visitas de bots para hacerlos más lentos o incluso bloquearlos, sobre todo durante las visitas simultáneas. Para ello, el proveedor debe ofrecer protección extra para evitar una ralentización.  
  • Certificados SSL– Si tienes una tienda online vas a necesitar que tu hosting te proporcione estos certificados, que otorgan credibilidad a los sitios web donde se inserta información confidencial para efectuar los pagos. Tus clientes se sentirán seguros al realizar las transacciones.
  • Profesionales en WordPress y Prestashop.

Otros aspectos a tener en cuenta

  • Sección de atención al cliente, que incluya detalles sobre las políticas de la tienda para asuntos como envíos, cambios y devoluciones, así como reembolsos.
  • Espacio de preguntas frecuentes para ayudar a los visitantes de tu tienda online en el proceso de compra.
  • Chat para hacer que los clientes tengan una buena experiencia de compra, así como para recibir sugerencias.
  • Encuesta de satisfacción.

Profesional Hosting garantiza todas estas características, y mucho más, para que cuentes con el mejor hosting para tu tienda online. Puedes probar sus servicios durante 15 días, y si no quedas satisfecho, te devuelven el dinero.

Relacionado: 7 emails automatizados que tiene que enviar sí o sí tu ecommerce

#afiliación

Cómo hacer una migración de tu web

cómo hacer una migración de tu web

¿Problemas con el hosting contratado? A veces, el servicio no es el que esperábamos y nos encontramos con problemas, como que nuestra página se cae, se ralentiza con las visitas, a la vez que el soporte técnico resulta pésimo.

Relacionado: Velocidad de carga, herramientas para analizar y acelerar páginas web

Si te estás preguntando, ¿cómo hacer una migración de tu web? Hoy te explicamos en detalle cuáles son los pasos a seguir para lograr de manera satisfactoria la migración de tu contenido.

Tipos de migración

En primer lugar, existen algunos tipos de migración que no solo se deben a fallos en el hosting, sino a modificaciones en URLs, rediseño y relanzamiento de la página web, modificaciones hacia un CMS nuevo, entre otros.

Como ves, hay un sinfín de razones y los pasos a seguir pueden ser complejos si no cuentas con un profesional cualificado en tu equipo, por lo que te sugerimos organizar muy bien la migración.

Respaldo de la información

El primer paso a tener en cuenta si vas a migrar tu página web es crear una copia de seguridad con toda la información de tu sitio.

Ese respaldo de la información se puede realizar de dos maneras, es decir, automática o manual. Si tu hosting actual te ofrece el servicio automático no dudes en usarlo, pues te ahorrará mucho trabajo; pero igualmente, puedes hacerlo de forma manual para asegurarte de transferir toda la información.

El proceso de migrar un sitio web

Para migrar tu sitio web debes adquirir un nuevo hosting e indicar que vas a realizar una migración. Es muy probable que el proveedor nuevo te ayude en todo el proceso de cambio.

Este procedimiento de migración incluye el traspaso de toda la información FTP, cuentas de correos, dominios y toda la información que sea vital para que tú página web funcione a la perfección.

Creación del dominio

Tras seguir los pasos previos correctamente, es el momento de crear el dominio, para lograr que se haga visible.

Por último, es fundamental cambiar el DNS cuando el proceso esté completado. Y recuerda informar a tus clientes para minimizar las visitas durante el proceso de migración, así como realizar un seguimiento continuo de todo el funcionamiento con tu nuevo hosting.

Profesional Hosting

Te recomendamos que te decantes por un proveedor que se encargue de realizar la migración de tu web una vez que adquieras un plan, como Profesional Hosting. Sus técnicos te ayudarán en el proceso, encargándose del traslado del contenido de manera totalmente gratuita y sin cortes.

Cómo elegir hosting

El mercado te ofrece muchas opciones de hosting para tu proyecto web, pero no puedes irte con el primero que veas. Son muchas las ofertas engañosas que encontrarás y que pueden ocasionarte complicaciones en el futuro.

Relacionado: 7 herramientas para medir la usabilidad de tu web

Hay varios detalles a considerar antes de decantarte por una opción, por eso, hoy te explicamos cómo elegir hosting.

¿Por qué es importante el hosting?

En primer lugar, el hosting te ayuda a ocupar los primeros puestos en los buscadores y no cualquiera te va a posicionar. Por lo tanto, es muy importante que revises todos los detalles que ofrecen y no te dejes deslumbrar solamente por el precio.

Elige el hosting con las mejores características, ya que el éxito o el fracaso de tu sitio web dependen en gran medida de esta elección.

¿Cómo elegir hosting?

Para realizar una elección totalmente acertada debes tener en cuenta los siguientes aspectos:

¿Qué ofrece?

Evaluar con cuidado todo lo que ofrece para evitar gastos innecesarios. Los mejores hostings ofertan un buen servidor y un soporte técnico extraordinario.

Del mismo modo, hay sitios que ofertan diversos hostings y todos presentan particularidades únicas.

Por ejemplo, los hostings compartidos son los más conocidos, tienen sus ventajas como bajo coste y fácil mantenimiento; pero la velocidad de carga es más lenta debido a la cantidad de usuarios conectados Un hosting dedicado ofrece excelentes ventajas, pero su coste es más elevado, aunque la calidad lo vale. También están los hostings virtuales.

Todo dependerá de lo que quieres lograr con tu sitio web.

Soporte técnico

Este es un aspecto de gran relevancia, ya que si eliges un hosting y tienes dudas o surge algún inconveniente vas a necesitar de un soporte técnico que esté a la altura.

Los mejores ofrecen diversas alternativas para resolver todas tus dudas e inquietudes: chat, videollamadas o foros. Con un tiempo de respuesta rápido para solventar las incidencias, y disponibilidad las 24 del día todos los días de la semana.

Copia de seguridad y espacio disponible

Todos los sitios web tienen sus vulnerabilidades, por lo que es fundamental que el hosting que elijas te ofrezca un excelente servicio de copia de seguridad, para que puedas recuperar toda la información si llegase a ocurrir algún ataque a tu sitio web.

Del mismo modo, verifica con detenimiento el espacio disponible. Aunque este va directamente ligado al tamaño de tu sitio web y la proyección de tráfico que te plantees, los mejores hostings te ofrecen la posibilidad de ampliar tu espacio según tus necesidades.

Existen otros aspectos de gran importancia como los dominios y subdominios, los correos y un panel de control que te brinde facilidad para gestionar todo lo que necesitas en tu sitio web de manera rápida. 

Por último, la opinión que tengan otros usuarios del hosting es otro factor que influye en la elección. Aunque no es algo determinante, puedes consultarlo en la web.

Profesional Hosting

ProfesionalHosting ofrece una gran cantidad de servicios para lograr una presencia online efectiva. Te ayudará a personalizar tu identidad en la red, gracias a la creación de hostings específicos, pues no todos los sitios web ni tiendas online son iguales, sino que tienen distintas necesidades.

#afiliación

El mejor hosting para WordPress

No es una decisión fácil elegir el mejor hosting para WordPress, ya que, son muchos los factores que influyen, por ejemplo la velocidad, el espacio, el soporte técnico que brindan, entre otros aspectos, que son verdaderamente importantes para tu proyecto.

Si tienes en mente potenciar tu ecommerce, tu blog o tu web, te proponemos esta opción que para nosotros es el mejor hosting para wordpress.

¿Qué es el hosting?

El hosting es para explicarlo de un forma fácil, un espacio que se alquila para publicar tu proyecto digital (web, blog, entre otros). Es algo tan importante que no puedes tomarlo con ligereza porque tu site dependerá indudablemente de la buena elección que realices.

Hosting

Las empresas que se dedican a ofrecer servicios de hosting se centran en aspectos como la seguridad de la información, ancho de banda y soporte al usuario, pero hay una empresa que va más allá al ofrecer servicio de hosting para WordPress.

Profesional Hosting

Si tienes un proyecto que deseas posicionar en internet y quieres estar entre los primeros, necesitas presentar un contenido llamativo y que cargue con rapidez, por eso no puedes elegir a cualquiera.

Profesional Hosting ofrece una gran variedad de planes que se adaptan a cualquier tipo de web que vayas a ofrecer en WordPress y además de brindarte máxima velocidad y seguridad. También te ofrece plantillas premium gratis, cursos de WordPress completamente gratis y asesoría para cualquier duda que tengas.

WP inicio: este plan está dirigido a un solo hosting y con espacio de 3 GB, a solo 3,92 euros al mes.

WP proyecto: capacidad para 5 hosting y con espacio de 5 GB, por 5,2 euros al mes.

WP avanzado: para 10 hosting y con 10 GB de espacio en disco duro.

WP experto: hasta 30 hosting y con 20 GB de espacio en disco duro.

Además, todos su planes ofrecen domino gratis, transferencia ilimitada, ayuda a WordPress, autoinstalador de WordPress, respaldo diario, WordPress Toolkit  para clonar tu WordPress, seguridad avanzada y mucho más. También está disponible Soporte para WordPress, pero a partir del plan WP proyecto.

Si deseas conocer más de estos planes puedes visitar https://www.profesionalhosting.com/hosting-wordpress donde podrás ver la gran cantidad de ventajas que tiene escoger a Profesional Hosting como tu servicio de hosting para WordPress. Incluso puedes probarlo durante 15 días y si no te gusta, te devuelven tu dinero.

Y si buscas un tema para tu wordpress, no te pierdas este artículo donde te hablamos de 3 temas que puedes utilizar para tu site.

Optimización WPO en Prestashop

No vamos a enumerar los beneficios de un sitio web más rápido, porque probablemente los conozcas. Vamos a bucear más allá, comenzando con la configuración básica.

Prestashop: opciones de rendimiento

CCC (Combinar, Comprimir y Caché). Estas opciones son, simplemente, impresionantes. Tienes todo tu CSS en una sola línea de código. Lo mismo ocurre con JS y HTML. De esta manera, el tamaño de los archivos es más pequeño y cada página web se carga más rápido. Es una de las primeras cosas que notamos en Prestashop, y es una de las primeras razones por las que nos enamora.

Presta atención al mover JavaScript a la parte inferior. Podría decirse que es el mejor lugar para ello, pero debes verificar que todo funcione sin problema después de marcar esta opción. Hemos encontrado un problema con el script de retargeting dinámico de Google. Dejó de funcionar después de mover JS en línea en la parte inferior de la página.

Es genial que tengas todos los CSS/JS/HTML en líneas individuales, pero esto está poniendo tensión en el servidor. La página será más ágil, pero el servidor necesitará un poco más para responder.

La mejor manera de hacer la minimización es en el lado del servidor. Google tenía un excelente servicio llamado PageSpeed ​​que se cerró en agosto de 2015. Sin embargo, todavía puedes instalar sus módulos en tu servidor. ¡Tanto los complementos Apache como Nginx harán el trabajo!

También resulta útil usar Rijndael con mcrypt (es más rápido) y no pierdas tiempo en aceleradores de PHP como Xcache o APC (no debes confundirlo con APCu). Puedes usar OPcache para acelerar la entrega de PHP.

 Lo que no debes hacer  

  • No actives el caché incorporado en el sistema de archivos. Aunque puede parecer una buena idea al principio, el sitio web se volverá más lento a medida que agregues más páginas al caché.
  • No utilices los módulos de estadísticas de Prestashop. Llenan tu base de datos bastante rápido.
  • Debes confiar en Google Analytics para hacer las estadísticas por ti.
  • Asegúrate de tener un módulo que integre los datos de comercio electrónico.
  • No utilices demasiados archivos de fuentes externas (fuentes, archivos CSS/JS). No tienes control sobre ellos, y Prestashop no puede incluirlos en el motor de Minify.
  • No utilices demasiados scripts de seguimiento externos.
  • Si deseas alcanzar 100/100 en los resultados de las pruebas de Pagespeed (o Google o GTmetrix), tendrás que descargar cada script externo localmente. Incluso Google Analytics.
  • Aunque Google no lo recomienda, aquí hay una manerade actualizarlo cada 12 horas.

Hosting

Una alternativa única, es un servicio llamado Segmento. Conecta todos los tipos de servicios de seguimiento diferentes en un solo lugar (todos sus scripts externos desaparecerán, la API enviará datos a todos ellos).

Recuerda verificar los indicadores de velocidad para cada tipo de página principal (categoría, productos, CMS, etc.). Lo más probable es que los listados y las páginas de productos reciban la mayor cantidad de tráfico.

Módulo de caché 

¿Cómo de importante es un módulo de caché? Hagamos una prueba con LoadImpact para un sitio Prestashop sin un módulo de caché. ¡Increíble! El tiempo de carga de la página de inicio no ha descendido por debajo de los cuatro segundos. Al menos no hubo tiempo de inactividad.

Si el sitio web hubiera estado en un plan de alojamiento compartido o incluso en un VPS de bajo rendimiento, se habría estrellado antes de llegar a 25 usuarios. Así es cómo se ve con un módulo de caché de página activo. ¡Gran diferencia! El tiempo de carga es inferior a un segundo. Más cerca de 500 ms con 50 usuarios presentes. Y lo mejor de todo es que la carga del servidor será casi inexistente.

Aquí hay tres buenas opciones para el caché Prestashop:

  • JPresta Page Cache.
  • Presta-Module Cache Manager.
  • xtendify Express Cache(más barato que los anteriores).

Trata de mantenerte alejado de los módulos gratuitos. Esto no es algo en lo que debas ahorrar dinero.

Consejo avanzado: calentando el caché 

Para que el caché esté activo en una página individual, alguien tiene que visitarlo primero. Esa primera persona no tendrá la oportunidad de experimentar la versión de carga rápida. No sería el fin del mundo, pero cada visitante cuenta. Si tu objetivo principal es ofrecer lo mejor al cliente, entonces, ¿cómo podemos ofrecer la versión en caché desde el principio? ¿Tenemos que visitarlo nosotros mismos? No del todo.

Creamos un trabajo para simular una visita a cada página. El mejor momento para hacerlo es durante la noche, cuando el tráfico está en el nivel más bajo. En primer lugar, necesitas una lista de todas las URL de tu sitio, para lo que puedes usar sitemap real. En segundo lugar, necesitas un script de bash que pase por cada página. Si tienes más de un mapa del sitio, asegúrate de incluirlos.

Por último, tienes que configurar los trabajos de cron, en el siguiente orden:

  1. Borra la memoria caché de tu módulo.
  2. Regenera el mapa del sitio. Puedes ejecutar los dos primeros desde el módulo «Administrador de tareas de Cron» de Prestashop.
  3. Ejecuta el calentador de caché. Se recomienda llevarlo a cabo a nivel de servidor.

Una configuración de servidor del futuro 

La mayoría de la gente piensa que cuanto más grande sea el servidor, más rápido será el sitio web. Es una trampa y quienquiera que diga eso, no tiene experiencia o quiere que pagues más por un servidor que no necesitas. Así que, si no es el tamaño, ¿entonces qué? Se trata de la configuración. 

Tu base de datos diaria 

No vamos a entrar en detalles muy técnicos, solo algunas buenas prácticas. El uso de Percona Server o MariaDB en lugar del MySQL estándar (ahora propiedad de Oracle) podría ofrecer mejores resultados.

Ambos son bifurcaciones mejoradas de MySQL, diseñadas para una mejor escalabilidad. Utilizan un motor de almacenamiento mejorado llamado XtraDB.

Optimización de la base de datos

Si estas utilizando una base de datos MyISAM, la modificación principal que necesita tu base de datos es el caché de consultas. El almacenamiento en caché de las consultas es una buena manera de aliviar la presión del servidor en los sitios web de Prestashop.

Utilizando Memcache o Redis

Piensa en Memcache como una capa adicional entre el sitio web y tu base de datos. Memcache (abreviatura de memoria caché) almacena datos y objetos en la memoria RAM del servidor.

De esta manera, liberas mucha presión de la base de datos. Redis es una buena alternativa a Memcache, considerado más potente.  Es un poco más difícil de configurar en Prestashop, lo más probable es que necesites un módulo personalizado para poder integrarlo.

Una solución más liviana para el caché de usuario es APCu (no debe confundirse con APC). Algo difícil de instalar a veces, pero una solución sólida para sitios de un solo servidor.

Consejos útiles

  • Presta atención a la tabla ps_connections (tiende a llenarse rápidamente).
  • Usar un servidor/VPS separado para tu MySQL, podría ser una buena idea si tienes una gran cantidad de tráfico.
  • Optimiza la base de datos de vez en cuando con el módulo gratuito Database Cleaner (ten cuidado de no borrar sus pedidos o datos de catálogo).

El servidor web

Los dos más populares son Apache y Nginx. Justin Ellingwood, de DigitalOcean, recomienda usar ambos al mismo tiempo. De esta manera, haces uso de la velocidad de Nginx y evitas sus limitaciones utilizando Apache. 

La versión de PHP. ¿Por qué importa?

Es importante por seguridad y velocidad. Si estás leyendo este artículo, lo más probable es que estés interesado en la velocidad. Pero la seguridad también es indispensable.

Las versiones anteriores de PHP no admiten las funciones más actualizadas que tu sitio pueda necesitar, tienen errores y son terriblemente lentas.

¿Cuáles son las mejores versiones de PHP?

Las versiones 5.5 y 5.6 son muy sólidas. Cualquier otra cosa se volverá obsoleta en breve. El nuevo Magento (2.0) ha eliminado el soporte para versiones de PHP inferiores a 5.5.22.

El nuevo PHP (7) es un gran avance en cuanto a velocidad.  Es mucho más rápido que cualquiera de las versiones anteriores. Pero, para aprovechar toda su capacidad, las aplicaciones web deben hacer uso de sus nuevas funcionalidades.

La mayoría de las plataformas de código abierto como WordPress, Prestashop, Magento, lo que sea que esté construido para los PHP más antiguos. Para que sucedan grandes cosas, cada aplicación web debe mejorar su código para PHP 7.

Una gran alternativa desde Facebook 

¡Si, has leído bien! Facebook no es solo un lugar para mantenerte en contacto con tus amigos, también crea software de código abierto. Como sabrás, Facebook usa PHP (entre otros) como lenguaje de programación. Siendo uno de los sitios web más visitados del mundo, necesitaba un PHP más rápido. Uno capaz de atender más solicitudes a la vez sin usar cantidades insanas de CPU. Así que construyeron HHVM (Hip-Hop Virtual Machine).

Fundamentalmente, toma el código PHP y lo convierte en código de máquina. El rendimiento de Prestashop en HHVM es excelente, es rápido y puede atender muchas solicitudes con precisión, pero necesita memoria. Por lo tanto, si solo tienes 1 GB de RAM en tu host, podrías considerar aumentarlo.

Lo bueno es que siempre puedes tener PHP configurado como respaldo en caso de que algo suceda. Truco avanzado: utiliza un script que reinicie el proceso HHVM cada vez que consume mucha memoria.

Acelerador de Varnish

Varnish es un acelerador de aplicaciones web increíble. Lo que lo hace extremadamente rápido es usar la memoria RAM real para almacenar la memoria caché HTML. Lo que más nos gusta de esto es que Varnish parece averiguar por sí mismo dónde están las páginas más vistas en el sitio web.

De alguna manera, prioriza el contenido más demandado y lo hace increíblemente rápido. Aunque está diseñado para funcionar mejor para aplicaciones con una gran cantidad de solicitudes, podría funcionar para sitios web pequeños y medianos.

Varnish aporta el mayor valor a los sitios web de alto tráfico. El principal inconveniente es que no es tan fácil de configurar. Especialmente en Prestashop. Ya que transforma los elementos en piezas estáticas, debes tener mucho cuidado de no almacenar objetos dinámicos en la página, como carritos de la compra, listas de deseos, bloques de cuentas, páginas de pago, etc.

¿Utilizar un servicio gestionado?

Cloud Hosting es más fácil de escalar y solo pagas por lo que usas. Si hay algo peor que perder el tiempo, es perder dinero. Estas son algunas opciones recomendadas:

DigitalOcean, Vultr o Linode para los más expertos.

  • Puedes configurar todo por ti mismo
  • Están muy bien de precio.
  • Son muy escalables.

Cloudways

  • Es un servicio administrado que utiliza los grandes proveedores de alojamiento en la nube, simplemente configurando todo para ti.
  • Tiene una interfaz fácil de usar desde donde puedes iniciar o detener servicios, borrar caché, etc.
  • Puedes implementar su aplicación con unos cuantos clics (WordPress, Prestashop, Magento, Drupal, Joomla, etc.)
  • La desventaja es que no puedes perder el tiempo con la configuración del servidor, lo que en algunos casos podría no ser tan malo.

Acciones rápidas que proporcionan gran valor

Configurando un CDN

  • Es especialmente valioso para los sitios web con visitantes procedentes de todo el mundo.
  • Los tipos de archivo habituales que deberían estar en una CDN son imágenes, videos, CSS y JS (los archivos más grandes)
  • Amazon CloudFront es gratuito en el primer año de uso.

Gzip y caché del navegador

Pequeñas correcciones como gzip y vencimientos de encabezados son cruciales para Google. PrestaShop generalmente proporciona esto fuera de la caja. Algunos módulos de almacenamiento en caché proporcionan la funcionalidad de caché del navegador fuera de ella (PageCache por JPresta).

Cambiar a un módulo de navegación en capas

Las tiendas que usan muchos filtros de productos se volverán más lentas a medida que crezcan. Hay algunas alternativas, como el filtro Ajax por Presto Changeo. Los sistemas de filtrado avanzados son admirables porque son más inteligentes a la hora de indexar atributos de productos. 

Optimización de la imagen sin perder calidad.

Prestashop genera imágenes de productos comprimidas. Pero, las imágenes temáticas a menudo no están optimizadas.

¿Qué pasaría si hubiese una manera de comprimir imágenes sin perder calidad? Para eso es la compresión sin pérdida. Las aplicaciones gratuitas como ImageOptim (para Mac) o FileOptimizer (para Windows) son impresionantes al hacer que los tamaños de los archivos de imagen sean más pequeños.

Si crees que estas herramientas están sobrecargando tu ordenador, Kraken.io es un servicio impresionante, que puede ser una buena alternativa.

¿Cómo optimizar la velocidad de carga en tu ecommerce?

velocidad de carga

En la actualidad, el crecimiento del marketing digital ha tenido un ritmo vertiginoso. Ha sido tal su auge, que ya se habla de esta modalidad como el negocio del futuro. Sin embargo, en un campo con tanta competencia, debemos cuidar muchos aspectos, para poder mantenernos en carrera. Y en este sentido, estar actualizados y conocer todos los trucos del negocio es algo fundamental. Es por eso que hoy, en este post te enseñaremos cómo optimizar el WPO en tu ecommerce.

Web Performance Optimization

El Web Performance Optimization, también conocido por sus siglas en inglés WPO, es el campo SEO que se centra en conseguir una mejora y una mayor velocidad de carga de un sitio web. Esto sin duda alguna, puede resultar vital para mejorar tu posicionamiento en la red.

En otras palabras, el WPO analiza y propone cambios estructurales para optimizar la rapidez en la carga de una página web. Así se pude reducir el tiempo en el que puede ser visualizada por completo. Esto indudablemente mejoraría la experiencia de navegación en nuestra web y en consecuencia un aumento de nuestras utilidades.

Optimizar el WPO

Cada día que repasamos el SEO, es un día más en el que tenemos una nueva visión acerca del mercado y su competencia. Y tomando en cuenta que para que cualquier estrategia SEO que busque el éxito debe estar centrada en los usuarios, se deben orientar los esfuerzos hacia la optimización. En ese sentido te ofrecemos un par de trucos para optimizar la velocidad de carga de tu web.

El caché de tu página

El hecho de cachear una página en general para mejorar su rendimiento, es absolutamente fundamental para su éxito. Y en el caso de las ecommerce se deben añadir unas excepciones a los caché. Por ejemplo, se deben excluir los checkout o el carrito de compras.

También es recomendable utilizar plugins para añadir excepciones en el momento de cachear tu web. Para ello recomendamos utilizar W3 Total Caché que es un plugin clásico en WPO y también podemos utilizar WP Rocket, que es un plugin de pago que posee configuraciones avanzadas.

Caché para tus bases de datos

También se recomienda que se añadan excepciones en el caché de las bases de datos de la web. Con esto, entre otras cosas, se podría evitar la filtración de datos de clientes u otra información importante. Aquí se podrían cachear, por ejemplo, las promociones u ofertas y añadir el resto como una excepción.

El W3 Total Caché también puede ser de gran ayuda si quieres cachear las bases de datos. Pero lo mejor y más seguro, es hacerlo de forma manual, directamente desde el servidor.

5 Herramientas imprescindibles para un desarrollador web

5 Herramientas para un desarrollador web

La vida como desarrollador web es desafiante, gratificante y cambiante en más de un sentido. Cuando tienes éxito, puedes abrir la puerta a desafíos aún más grandes y emocionantes. Sin embargo, habrá ocasiones en que las herramientas o los recursos que podrían ayudarnos a trabajar más rápido y mejor no parecen estar ahí.

Seguramente te encuentres con varias dificultades. Estas pueden implicar problemas de gestión de equipos, tareas o problemas de facturación y pagos. Incluso, tal vez, puede ser la necesidad de una aplicación de programación para ayudarnos a abordar una tendencia de diseño emergente. De cualquier manera, asegúrate de encontrar las soluciones que necesites aquí.

5 Herramientas que no se puede perder un desarrollador web

Excelentes críticas, ranking del sitio y valor general. Estos han sido los factores clave para seleccionar estos productos y servicios para desarrolladores.

  1. monday.com

Monday.com ofrece una plataforma centralizada para que los equipos administren todos los aspectos de su trabajo, ya sea que implique una planificación de alto nivel o tareas cotidianas. La calidad y la facilidad de uso de esta herramienta de gestión de proyectos, colorida e intuitiva, la han convertido en la elección de equipos técnicos y no técnicos por igual.

Las funciones de administración de equipos de monday.com se pueden aplicar de manera efectiva a equipos de cualquier tamaño. Más de 35.000 equipos utilizan esta herramienta de administración de equipos. Estos equipos trabajan en grupos pequeños, para agencias y nuevas empresas.

Una de las cosas que más nos gusta sobre monday.com es la forma en que hace que sus usuarios se sientan con poder, y al hacerlo aumenta la transparencia, la colaboración y la productividad colectiva. Los equipos funcionan mejor cuando les encantan las herramientas con las que trabajan; especialmente cuando las herramientas conectan a las personas con los procesos, algo en lo que sobresale esta herramienta de administración de equipos.

  1. Waypoints

Waypoints ofrece a los desarrolladores una mejor forma de incorporar interacciones y animaciones de desplazamiento en sus diseños; dos áreas que pueden consumir mucho tiempo para conseguir buenos resultados. Waypoints es una biblioteca a la que los programadores pueden acceder fácilmente, seleccionan la construcción que necesitan y, sin dificultad, activan una función cuando se desplazan a un elemento en una página.

Todo lo que se necesita hacer para usar el plan Waypoints gratuito es descargarlo. El directorio contiene construcciones para jQuery y Zepto junto con una versión sin dependencias de framework. Asegúrate de revisar la sección de accesos directos ya que contiene scripts de acceso directo para usos comunes de Waypoint.

Los accesos directos que deberías encontrar especialmente útiles para trabajar según los requisitos de diseño contemporáneo son Sticky Elements, Infinite Scroll e Inview.

  1. AND CO de Fiverr

AND CO es una aplicación fácil de usar para autónomos y grupos pequeños, que gestiona el tiempo y el seguimiento de los gastos, la facturación y los pagos, y las tareas de pagos recurrentes.

Puedes crear facturas personalizadas y no personalizadas, y dado que AND CO se integra con Stripe y PayPal, puedes aceptar pagos online. Esta aplicación multipropósito también te ayudará a preparar propuestas atractivas y personalizadas que pueden llevar a un trabajo de mayor calidad. También puedes usar esta aplicación para generar informes sobre ingresos, gastos, utilización del tiempo y más. AND CO efectivamente ejecuta una buena parte de tu negocio, por lo que puedes dedicar la mayor parte de tu tiempo al diseño, desarrollo u otras actividades básicas.

Lo mejor de todo, AND CO es gratis.

  1. Nutcache

Nutcache es un software de gestión de proyectos integral diseñado para desarrolladores. La aplicación Nutcache proporciona una integración Github para que puedas realizar un seguimiento de los cambios de código realizados en cada iteración.

Donde Nutcache destaca hacia la competencia es en la forma en que integra las consideraciones financieras en sus capacidades de gestión de proyectos Agile / Scrum. La información crítica del proyecto desde la estimación inicial y el presupuesto hasta la facturación final se captura y está disponible para su visualización, bajo demanda y en una pantalla centralizada.

  1. TMS-Outsource

El equipo de TMS lleva la programación más allá de escribir un software de calidad que cumpla con las especificaciones. Una vez que el trabajo de desarrollo inicial se completa para su satisfacción, tomarán otra iteración o dos para mejorar aún más el producto. Eso, junto con el hecho de que este equipo se adhiere a los procesos y metodologías de Agile SCRUM asegura su total satisfacción con sus resultados.

Consejos para convertirse en un mejor desarrollador

[sociallocker]

Mejorar tus habilidades de programación es una meta profesional fácil de darse pero convertirse en un «programador impulsivo» no es necesariamente fácil de lograr. Sin embargo, existen algunas pautas que puedes seguir para facilitar mucho más tus habilidades de programación:

  1. Leer el código escrito por otros

Esta es una de las cosas más valiosas que puedes hacer para mejorar tus propias habilidades de programación. Cada programador cuyo código lees puede no ser necesariamente más hábil que tú. Pero siempre encontrarás soluciones a problemas creados que puedes usar o aprender de ellos. Mira el código de otro programador como si fuera un tutorial.

  1. Escribe el código de forma personal

El beneficio aquí es que cuando el código que estás escribiendo no tiene que cumplir con las especificaciones de otra persona. Tienes una mayor libertad para crear y probar nuevas técnicas de programación. Este aprendizaje mediante el enfoque de experimentación está obligado a hacer que tus habilidades sean más comercializables.

  1. «Código de trabajo» es bueno, pero no lo suficientemente bueno

Obviamente, quieres escribir un software de calidad que satisfaga las especificaciones. Eso es lo que te espera de ti. Los grandes programadores no se detienen así. Se esfuerzan por hacerlo mejor. Los clientes quieren un código que funcione. Dales el código que «canta».

[/sociallocker]

Conclusión

¿Estás buscando una aplicación para organizar y gestionar mejor tus proyectos y tareas? En muchas ocasiones, merece la pena la inversión. También hay una solución para ti, ya sea que estás buscando una herramienta de programación que ahorre tiempo. Lo mismo ocurre con aquellos que buscan un proveedor de servicios para que les haga todo el proyecto. Lo que sea que elijas, tus proyectos se moverán mucho más fácilmente.

¿Qué es y cómo evitar el tráfico directo? Guía Completa (II)

¿Cómo evitar el tráfico directo?En el artículo anterior analizamos cuáles son los motivos de que parte del tráfico que llega a nuestra web es clasificado por Google Analytics como tráfico directo. Hoy vamos a ver un listado de verificación que nos ayudará en la medida posible poder limitar este tráfico que cae en tráfico directo.

Lista de verificación: minimizar el tráfico directo

Para resumir lo que ya hemos discutido, estos son los pasos que puedes seguir para minimizar el nivel de tráfico directo innecesario en tus informes:

  1. Migra a HTTPS: el protocolo seguro no es solo tu puerta de enlace a HTTP 2 y el futuro de la web, sino que también tendrá un efecto enormemente positivo en tu capacidad de rastrear el tráfico de referencia.
  2. Administra su uso de los redireccionamientos:Evita las cadenas y elimina la redirección del lado del cliente a favor de los 301 del lado del servidor, cuidadosamente mapeados y de un solo salto. Si usas URL vanity para redirigir a páginas con parámetros UTM, debes ser meticuloso.
  3. Sé realmente bueno en el etiquetado de campañas: ncluso entre los especialistas en marketing basados ​​en datos, creo que UTM comienza y termina con la activación del etiquetado automático en tu software de marketing por correo electrónico. Otros van al otro extremo, haciendo cosas como etiquetar enlaces internos. Controla lo que puedas y tu capacidad para llevar a cabo una atribución significativa mejorará notablemente.
  4. Realiza una auditoría de Analytics: la integridad de los datos es vital, así que considera esto esencial al evaluar el éxito de tus ventas. No se trata simplemente de verificar el código de seguimiento perdido: las buenas auditorías implican una revisión de tu plan de medición y pruebas rigurosas a nivel de página y propiedad.

Sigue estos principios y, a menudo, es posible lograr una reducción drástica en el nivel de tráfico directo informado en Analytics.

¿Por qué el tráfico directo puede ser positivo?

Por razones que ya hemos discutido, el tráfico de marcadores y Dark Social es un segmento de gran valor para analizar. Es probable que estos sean algunos de tus usuarios más leales y comprometidos, y no es raro ver una tasa de conversión notablemente más alta para un canal limpio directo en comparación con el promedio del sitio. Debes hacer el esfuerzo de conocerles.

El número de vías potenciales para explorar es infinito, pero aquí hay algunos buenos puntos de partida:

  • Crea segmentos personalizados significativos, definiendo un subconjunto de tu tráfico directo en función de tu página de destino, ubicación, dispositivo, visita repetida o comportamiento de compra, o incluso interacciones mejoradas de comercio electrónico.
  • Realicza un seguimiento de las métricas de participación significativas utilizando desencadenantes GTM modernos, como la visibilidad del elemento y el seguimiento de desplazamiento nativo. Mide cómoestán usando tus usuarios directos y viendo tu contenido.
  • Estate atento a las correlaciones con sus otras actividades de marketing y úsalos como una oportunidad para refinar sus prácticas de etiquetado y definiciones de segmentos. Crea una alerta personalizadaque busque picos en el tráfico directo.
  • Familiaríciate con los informes de flujo para comprender cómo se está convirtiendo su tráfico directo. Mediante el uso de los informes de flujo de comportamiento y flujo de comportamiento con segmentación, a menudo es posible recopilar estadísticas accionables que se pueden aplicar al sitio como un todo.
  • ¡Pide ayuda a tus usuarios! Si has aislado un segmento valioso de tráfico que elude un análisis más profundo, agregaun botón a la página donde pregunte cómo llegaron a la página.

Espero que esta guía haya sido útil. Con un poco de suerte, llegaste buscando formas de reducir el nivel de tráfico directo en tus informes, y te dejaron algunas ideas nuevas sobre cómo analizar mejor este valioso segmento de usuarios.

¿Qué es y cómo evitar el tráfico directo? Guía Completa (I)

¿Qué es el tráfico directo?

Cuando se trata de tráfico directo en Analytics, hay dos conceptos erróneos profundamente arraigados:

El primero, que es causado casi exclusivamente por usuarios que escriben una dirección en su navegador (o al hacer clic en un marcador). El segundo es que es peor, no porque tenga un impacto negativo evidente en el rendimiento de tu web, sino porque de algún modo es inmune a un análisis posterior. La actitud predominante entre los especialistas en marketing digital es que el tráfico directo es un inconveniente inevitable; como resultado, la discusión se suele limitar a las formas de atribuirlo a otros canales, o al margen de los problemas asociados a él.

¿Qué es el tráfico directo?

En resumen, Google Analytics informa sobre una fuente de tráfico como «directo» cuando no cuenta con datos sobre cómo llegó la sesión a tu sitio web, o si la fuente de referencia se configuró para ser ignorada. Se puede considerar directo como la opción de devolución de GA para cuando su lógica de procesamiento no ha podido atribuir una sesión a una fuente en particular. En términos generales, y sin tener en cuenta las anulaciones configuradas por el usuario, el procesamiento de GA sigue esta secuencia de controles:

Parámetros de AdWords> Anulaciones de campaña> Parámetros de campaña UTM> Referidos por un motor de búsqueda> Referidos por otro sitio web> Campaña anterior dentro del período de tiempo de espera> Directa.

Ten en cuenta el penúltimo paso de procesamiento (campaña anterior dentro del tiempo de espera), que tiene un impacto significativo en el canal directo. Considera a un usuario que descubre tu site a través de búsquedas orgánicas y que luego regresa vía directa una semana después. Ambas sesiones se atribuirían a la búsqueda orgánica. De hecho, los datos de la campaña persisten por hasta seis meses por defecto. El punto clave aquí es que Google Analytics ya está tratando de minimizar el impacto del tráfico directo para ti.

¿Qué motivos causan el tráfico directo?

Contrariamente a la creencia popular, en realidad hay muchas razones por las que una sesión puede estar perdiendo datos de campaña y fuente de tráfico. Aquí repasaremos algunos de los más comunes.

1. Entrada de dirección manual y marcadores

El clásico escenario de tráfico directo, este es en gran medida inevitable. Si un usuario escribe una URL en la barra de direcciones de su navegador o hace clic en un marcador del navegador, esa sesión aparecerá como tráfico directo. Tan simple como eso.

2. HTTPS> HTTP

Cuando un usuario sigue un enlace en una página segura (HTTPS) a una página no segura (HTTP), no se pasan los datos de referencia, lo que significa que la sesión aparece como tráfico directo en lugar de referencia. Ten en cuenta que este es el comportamiento previsto. Es parte de cómo se diseñó el protocolo seguro y no afecta a otros escenarios: HTTP a HTTP, HTTPS a HTTPS e incluso HTTP a HTTPS, todos pasan datos de referencia.

Por lo tanto, si el tráfico de referencia se ha derrumbado pero el directo se ha disparado, es posible que uno de los principales remitentes haya migrado a HTTPS. Lo contrario también ocurre: si has migrado a HTTPS y está enlazando a sitios web HTTP, el tráfico que conduce hacia ellos aparecerá en sus análisis como directos.

Si tus referencias se han movido a HTTPS y estás atrapado en HTTP, realmente deberías considerar migrar a HTTPS. Si lo haces (y aactualizas tus enlaces de retroceso para apuntar a las URL de HTTPS), recuperarás los datos de referencia que se eliminen del tráfico entre protocolos. Los certificados SSL ahora se pueden obtener de forma gratuita gracias a las autoridades automáticas como LetsEncrypt , pero eso no quiere decir que debas descuidar la exploración de las implicaciones SEO potencialmente significativas de las migraciones de sitios. Recuerda, HTTPS y HTTP son el futuro de las webs.

Si, por otro lado, ya has migrado a HTTPS y te preocupa que tus usuarios aparezcan en sitios web asociados como tráfico directo, puedes implementar la etiqueta de metareferenciador. Es una forma de decirle a los navegadores que pasen algunos datos de referencia a sitios no seguros, y puede implementarse como un elemento <meta> o encabezado HTTP.

3. Código de seguimiento faltante o roto

Imagina que tu contenedor GTM es un desastre horrible de desencadenantes mal configurados, y tu código de seguimiento simplemente no se activa.

Desde la perspectiva de GA, el primer golpe de la sesión es la segunda página visitada, lo que significa que el referente aparece como tu propio sitio web (es decir, una autorreferencia ). Si tu dominio está en la lista de exclusión de referencia (según la configuración predeterminada), la sesión se considera como directa. Esto sucederá incluso si la primera URL está etiquetada con los parámetros de la campaña UTM.

Como solución a corto plazo, puedes intentar reparar el daño simplemente agregando el código de seguimiento faltante. Para evitar que vuelva a suceder, lleva a cabo una auditoría exhaustiva de Analytics , pasa a una implementación de seguimiento basada en GTM y promueve una cultura de marketing basada en datos.

4. Redirección incorrecta

No utilices meta eventos o redireccionamientos basados ​​en JavaScript, ya que pueden borrar o reemplazar los datos de referencia, lo que genera tráfico directo en Analytics. También debes ser meticuloso con tus redireccionamientos del lado del servidor y, como a menudo lo recomiendan los SEO, auditar tu archivo de redireccionamiento con frecuencia. Es más probable que las cadenas complejas den como resultado una pérdida de datos de referencia, y se corre el riesgo de que se eliminen los parámetros UTM.

Una vez más, controla lo que puedas: usa redirecciones del lado del servidor del código 301 cuidadosamente correlacionadas (es decir, no encadenadas) para conservar los datos de referencia siempre que sea posible.

5. Enlaces en documentos offline

Los enlaces en documentos de Microsoft Word, diapositivas o archivos PDF no pasan información de referencia. De manera predeterminada, los usuarios que hagan clic en estos enlaces aparecerán en sus informes como tráfico directo. Los clics de aplicaciones móviles nativas (especialmente aquellos con navegadores integrados «en la aplicación») son igualmente propensos a eliminar los datos de referencia.

Si publicas documentos técnicos u ofreces guías PDF descargables, por ejemplo, debes etiquetar los hipervínculos integrados con los parámetros de la campaña UTM .

Aquí tienes un ejemplo de una URL correctamente etiquetada que insertaríamos como un enlace:

https://builtvisible.com/embedded-whitepaper-url/?utm_source=whitepaper&utm

Lo mismo ocurre con las URL en sus materiales de marketing offline. Para las campañas principales, es una práctica común seleccionar una URL breve y memorable y diseñar una página de inicio completamente nueva. Es posible eludir por completo la creación de la página: simplemente redirige la URL a una URL de página existente que esté correctamente etiquetada con los parámetros de UTM.

En conclusión, ya sea que etiquetes tus URL directamente, usa URLs redirigidas o, si crees que los parámetros UTM son desagradables, opta por alguna solución de fragmentos hash alocada con GTM, el resultado va a ser el mismo: usa parámetros de campaña donde sea apropiado hacerlo.

6. «Redes Sociales oscuras»

El término «redes sociales oscuras» o Dark Social fue acuñado por primera vez en 2012 por Alexis Madrigal en un artículo para TheAtlantic . Esencialmente se refiere a los métodos de intercambio social que no se pueden atribuir fácilmente a una fuente en particular, como el correo electrónico, la mensajería instantánea, Skype, WhatsApp y Facebook Messenger.

Estudios recientes han encontrado que más del 80% del intercambio de salida de los consumidores de los sitios web de editores y marketinianos ahora ocurre a través de estos canales privados. En términos de números de usuarios activos, las aplicaciones de mensajería están superando las aplicaciones de redes sociales. Toda la actividad impulsada por estas nuevas plataformas generalmente se considera como tráfico directo por el software de análisis web.

Las personas que usan la frase ambigua «marketing en redes sociales» generalmente se refieren a la publicidad: transmiten su mensaje y esperan que las personas lo escuchen. Incluso si supera la indiferencia del consumidor con una campaña bien dirigida, cualquier interacción posterior se verá afectada por su naturaleza pública. La privacidad de las redes sociales oscuras, por el contrario, representa una mina de oro potencial de interacciones íntimas, específicas y relevantes con un alto potencial de conversión. Aunque es nebulosa y difícil de rastrear, las redes sociales oscuras tienen el potencial de permitir que los marketinianos aprovechen el elusivo poder del boca a boca.

Así que, ¿cómo podemos minimizar la cantidad de tráfico social oscuro que está bajo el código directo? La desafortunada verdad es que no existe una solución mágica: la atribución adecuada de las redes sociales oscuras requiere un seguimiento riguroso de la campaña. El enfoque óptimo variará mucho en función de su industria, audiencia, propuesta, etc. Sin embargo, para muchos sitios web, un buen primer paso es proporcionar botones de uso convenientes y configurados adecuadamente para plataformas privadas como correo electrónico, WhatsApp y Skype, garantizando así que los usuarios compartan las URL con los parámetros UTM (o direcciones URL cortadas que redireccionan al mismo). Esto contribuirá en cierta medida a hacer brillar una parte de tu tráfico proveniente del Dark Social.

Muy atentos porque la próxima semana veremos paso a paso el listado de verificación para minimizar el tráfico directo

¿Cómo diagnosticar errores de Javascript en WordPress?

errores de javascript en wordpress

Sin duda WordPress es la mejor solución que se ha creado para los bloguers, su funcionamiento a veces raya lo absurdo, por lo sencillo que puede llegar a ser.  Cualquier persona con conocimientos reducidos en informática puede administrar y mantener su blog sin muchos problemas. Pero no todo es color de rosa, hay situaciones en donde nuestro blog puede darnos problemas por diversos factores que en muchas ocasiones tienen que ver con el Javascript y justo en ese momento nos daremos cuenta de lo vulnerables que podemos ser si no tenemos idea de lo que está sucediendo y como resolverlo.

Es por esto que hoy te explicamos cómo puedes diagnosticar errores de Javascript en WordPress.

Problemas más comunes de Javascript en WordPress

Los errores más comunes que puedes encontrar en WordPress son:

  • Pantalla Blanca de la muerte: Su nombre ya nos da indicios de que no es nada bueno, solo imagina por un momento que entras a tu blog y está todo en blanco, ha desaparecido toda tu información, sin duda una escena muy perturbadora.
  • Error 500 Internal Server Error: Tu servidor arroja un error 500, uno de los errores más frecuentes y de lo más difíciles de resolver ya que puede deberse a múltiples razones.
  • El editor no se visualiza: No puedes ver el editor visual del back end, ni escribir, ni hacer nada.
  • Algunos botones no funcionan: Algunos botones no interactúan al hacer clic. No es tan perturbador como la pantalla blanca pero igual es un gran problema que debemos resolver.

Errores como estos y otros pueden resolverse de muchas formas, ya que sus orígenes también pueden ser muy variados, por lo que seguir al pie de la letra los pasos que aquí te mostraremos no garantizan el éxito, pero sin duda te podrán sacar de muchos apuros.

Pasos para diagnosticar errores Javascript en WordPress

Es importante saber que para llevar a cabo este proceso debemos tener un mínimo de conocimientos en la edición de archivos propios de WordPress, así como también emplearemos la consola Javascript del navegador.

  1. Prueba en distintos navegadores: Suena tonto pero muchas veces es la solución a todos nuestros males, aunque pensemos que ese no es el problema, es algo muy sencillo de realizar así que ¿por qué no hacerlo?. Antes de ahogarnos en un vaso de agua probemos las cosas simples, tal vez el problema sea con un navegador en específico y ya estaríamos segmentando el problema.
  1. Desactiva todos los plugin: Comienza por los últimos plugin que hayas instalado recientemente o los últimos que actualizaste, si pruebas y aun persiste el error, desactiva todos y empieza a activar uno por uno hasta conseguir el culpable de nuestra desgracia. Muchas veces un código crea un conflicto con otro por alguna actualización o un nuevo plugin. En este caso, una vez hemos hallado el plugin errático debemos buscar la versión que no afecte nuestro WordPress e investigar en foros a que se debe este comportamiento. Pero si no logramos conseguir una solución satisfactoria, podemos optar por otro plugin similar que cubra todas nuestras necesidades sin comprometer nuestro blog, WordPress cuenta con muchas opciones para una misma tarea.
  1. Activa Script Debug en WordPress: ¡Para activar el modo Script Debug debemos editar el archivo wp-config.php colocando en la línea que dice “That’sall, stop editing!Happyblogging” el código define (‘SCRIPT_DEBUG’, true);

Esto obligará al WordPress a usar versiones de desarrollo de código CSS y Javascript diferencia de las versiones mínimas que trae por defecto, debiendo corregir el error y además nos estará indicando que el problema está en el código CSS o Javascript de WordPress.

 

  1. Revisar la consola del Navegador:Dependiendo del navegador que utilicemos tendrá algunas diferencias para mostrar la consola, pero al final todas hacen lo mismo.

 

  • Chrome: En el menú de Chrome le damos clic a la opción Más Herramientas, luego Herramienta de Desarrolladores y escogemos la pestaña

 

  • Firefox: Ingresamos a Desarrollador web, luego Consola del navegador.

 

Tras abrir la consola de nuestro navegador, pulsamos F5 en nuestra página de WordPress para refrescar la página y ver que errores se muestran en la consola.

 

Con el error o errores que podamos encontrar en la consola se hará mucho más fácil solucionar nuestro problema para el personal de soporte.

 

Esperamos haberte ayudado y si tienes cualquier pregunta, no dudes en consultarnos