Cómo crear un sitemap para Google

               

Cuando se añade nuevo contenido a una página web, tienda online o blog es importante que Google lo indexe lo antes posible para que así los usuarios puedan encontrarlo rápidamente en las páginas de resultados.

Los bots de Google no acudirán de forma inmediata a revisar nuevo contenido, sino que lo harán cuando les corresponda en su propio orden. Sin embargo, es posible forzar a que Google rastree una web indicándole nuevo contenido, o bien manualmente, o utilizando para ello un archivo sitemap.

A continuación, vemos qué es un sitemap y cómo crear un sitemap para Google de forma rápida y sencilla.

 

Qué es un sitemaps

Un sitemap o mapa del sitio es un pequeño archivo, normalmente en formato XML, que contiene un listado de URL de un sitio web. Este archivo puede enviarse a Google a través de Google Search Console para indicarle qué páginas debe rastrear, facilitando y acelerando el trabajo de los bots de Google.

En el archivo sitemap se incluye un listado con las URL de una web, con información adicional, como la arquitectura de enlaces o la jerarquía.

 

Por qué es necesario un sitemaps de tu web

El sitemap para SEO es una herramienta muy útil, ya que permite indexar el contenido antes en Google. Las principales ventajas que ofrece son:

  • Permite añadir nuevo contenido al índice de Google de forma más rápida.
  • Facilita información a Google sobre contenido que se ha actualizado, por lo que Google podrá mejorar su posicionamiento web (Google favorece los sitios web que a menudo actualizan y mejoran su contenido).
  • Acelera el trabajo de añadir contenido a Google, ya que con un solo proceso se puede enviar todas las URL que se quieren indexar, sin necesidad de ir manualmente una a una (requiere menos tiempo y esfuerzo).
  • Ayuda a los bot de Google a rastrear, comprender e indexar el contenido de forma rápida y correcta.

Según la propia Google el uso de sitemaps es interesante, sobre todo si el sitio es muy grande para evitar que se pase URL durante el rastreo, si no existe un buen enlazado interno o el sitio no tiene muchos enlaces entrantes, o si el sitio web tiene mucho contenido rich media (vídeos, imágenes o noticias).

 

Cómo crear un sitemaps en tu sitio web

Para crear un sitemap se pueden utilizar básicamente dos técnicas, crearlo manualmente o recurrir a un complemento o plugin que lo realice de forma automática.

Crear un sitemap rápido

Si se utiliza WordPress u otro CMS es posible utilizar un plugin para crear sitemaps personalizados que subir a Google Search Console. Algunos complementos como Yoast SEO o Google XML Sitemap son una buena alternativa para la creación y personalización de sitemaps en WordPress.

Entre las distintas opciones de configuración de sitemaps que ofrecen estos plugins tenemos:

  • Incluir página principal.
  • Incluir post o artículos del blog.
  • Incluir páginas estáticas.
  • Añadir información sobre la última fecha de modificación.

Si no se utiliza un CMS también es sencillo crear un archivo XML de sitemap utilizando para ello herramientas online específicas. En XML-Sitemaps.com, por ejemplo, es muy sencillo crear un archivo sitemap introduciendo el dominio de un sitio web y ajustando algunos parámetros.

Crear un sitemap manualmente

Aunque es un proceso más complejo, se puede crear manualmente el sistema para tener un control total sobre las URL a añadir, su prioridad y otra información que se le ofrece a Google.

Para crear el sitemap se puede utilizar un editor de texto (como el bloc de notas de Windows, por ejemplo) y guardar el archivo creado en formato txt o xml.

Todo sitemap debe tener este código:

< ?xml version=”1.0″ encoding=”UTF-8″? >

< urlset xmlns=”dirección del archivo URL” >

< /urlaset >

Dentro de la etiqueta urlset se incluirán todas las URL que se quieran añadir con su información relacionada.

El código para añadir cada URL es el siguiente:

 

< url >

   < loc >URL a indexar< /loc >

   < lastmod >fecha de última modificación (en formato 2021-09-04)< /lastmod >

   < changefreg >frecuencia de actualización < /changefreg >

   < priority >puntuación de prioridad< /priority >

< /url >

La única etiqueta obligatoria es loc para indicar la URL, el resto de etiquetas son optativas.

La etiqueta changefreq indica con qué frecuencia real se actualiza el contenido, por lo que se debe indicar la que más se aproxime entre las siguientes: always, hourly, daily, weekly, monthly, yearly, never.

La etiqueta priority debe contener un número entre 0.0 y 1, siendo 0.0 la prioridad más baja, y la 1 la más alta. Sirve para indicarle a Google la importancia de cada URL del sitio web, y que así priorice cuáles debe posicionar.

 

Hemos visto cómo crear el sitemap de mi web online para poder enviarlo a Google a través de Google Search Console y acelerar y facilitar la indexación de mi web. Merece la pena para el SEO trabajar con sitemaps pues se consigue que el nuevo contenido y las actualizaciones estén antes disponible en las páginas de resultados, e indexadas en el lugar correcto gracias a la información que se le proporciona a los Google bots.

Ir a Blog

504 Gateway Timeout: cuál es la solución

               

Cuando navegamos por internet y se produce un error que impide mostrar el contenido de un sitio web, los navegadores muestran unos mensajes que corresponden a distintos códigos de estado HTTP. Estos errores pueden ocurrir por causas que afectan al servidor web, a los dispositivos que utilizan los usuarios para navegar, o a la propia conexión a internet.

A continuación, hablaremos del error 504 gateway timeout, su solución y los principales motivos que lo causan.

 

Qué es el error 504 Gateway Timeout

El error 504 gateway timeout lo muestran los navegadores web cuando el servidor web al que se realiza la solicitud de acceso pide recursos a otro servidor y no recibe respuesta por parte del mismo. Aunque se trata de un mensaje propio del servidor en la mayoría de los casos, también puede producirse por problemas de configuración en los dispositivos o en la red.

El error gateway timeout504 es un error del tipo 500, lo que quiere decir que se identifica como un error relacionado con el servidor. El servidor web ha realizado una solicitud a otro servidor, y este no responde (el tiempo de respuesta del servidor ha excedido).

El error 504 puede mostrarse con diferentes mensajes y en cualquier dispositivo que acceda a internar como una computadora, una tableta o un celular:

  • 504 Gateway Timeout.
  • 504 Error.
  • HTTP Error 504 – Gateway Timeout.
  • Gateway Timeout (504).
  • Error 504 Gateway Timeout
  • Gateway Timeout Error

 

Causas del error 504 

Las principales causas del error 504 son:

  • El servidor se encuentra sobrecargado de peticiones en ese momento y, por lo tanto, tarda demasiado tiempo en responder a la solicitud que realiza el servidor web. El servidor no dispone del número suficiente de PHP workers para poder procesar todas las peticiones que recibe de forma simultánea. Las peticiones que no pueda responder de forma inmediata se sitúan en cola, ralentizando el tiempo de respuesta.
  • Problemas de conectividad de red que cause retrasos en la respuesta de acceso a páginas web.
  • El cortafuego o software de protección contra malware están bloqueando ciertas conexiones provocando indisponibilidad.
  • El servidor proxy que se utiliza para navegar por internet está sobrecargado y no funciona.
  • Problema con los servidores del proveedor de servicios de internet.

 

Cómo solucionar el error 504 Gateway Timeout

El HTTP error 504 tiene solución, en algunos casos muy sencilla al tratarse de problemas puntuales relacionados con la sobrecarga en ese instante del servidor.

Para soluciones el error 504 se deben realizar las siguientes acciones:

Recargar el navegador web

Al existir muchas probabilidades de tratarse de un error temporal, lo mejor es esperar un poco y recargar el navegador web que se esté utilizando (Edge, Chrome, Opera, Safari o Firefox) y comprobar si se soluciona.

Para actualizarlo basta con pulsar el botón actualizar del navegador o pulsar la tecla F5.

Reiniciar el router

Puede tratarse de un problema con la conexión a internet por lo que es una buena idea reiniciar el router para comprobar si es el culpable del error 504. Si se utiliza un switch, extensor wifi, access point y otros dispositivos de red, también es importante reiniciarlos para comprobar si son los causantes de este error.

Cambiar los DNS

Al acceder a internet se utilizan unos DNS para acceder al servidor web. Estos DNS dan acceso a los servidores de nombre de dominio y pueden ser el motivo del error 504. Cambiar estas DNS es otra solución al error 504, sustituyéndolas, por ejemplo, por las gratuitas de Google (8.8.8.8 y 8.8.4.4).

Desactivar el Proxy o la VPN

Si se accede a internet a través de un proxy o una red privada virtual, es necesario desactivarlos para comprobar si están bloqueando el acceso a la web y son los causantes del error 504 Gateway Timeout.

Reportar al proveedor de internet

Si ninguna de las anteriores acciones logra solucionar el error 504 es probable que el fallo se encuentre en el servidor web, o los servidores a los que este realiza solicitudes. En estos casos es necesario comunicar la situación al servicio de soporte del proveedor de internet para que puedan tratar el problema y encontrar la solución adecuada.

Soluciones como administradores de un sitio web

Los administradores de una página web, blog o e-commerce que se encuentren con este error de acceso en su sitio web pueden tomar una serie de medidas para solventarlo:

  • Incrementar los recursos del servidor proxy si se está utilizando, y revisar que su configuración sea la correcta.
  • En sitios WordPress o desarrollados con otros CMS, desactivar plugins y tema para verificar que no sean los causantes del error
  • Contactar con el hosting para que identifique y soluciones el problema.

 

El error 504 Gateway Timeout es un error relacionado con los servidores web, pero que puede presentarse si hay problemas con la conexión a internet. Suelen ser errores temporales porque el servidor se ve sobrecargado de peticiones en un momento puntual, y no puede responder a todas de forma simultánea, por lo que, la mayoría de veces solo será necesario esperar unos segundos y volver acceder al sitio para que se solucione.

Ir a Blog

Cuál es la diferencia entre HTTP y HTTPS

               

La navegación web es posible gracias al uso del protocolo HTTP pues permite que cliente y servidor web se entiendan en sus comunicaciones.

El protocolo HTTP no se utiliza hoy en día por motivos de seguridad, siendo sustituido por su evolución el protocolo HTTPS. Cuando un usuario accede a un sitio web que utiliza el protocolo HTTP, el navegador web lo marca como sitio no seguro, y lo más probable es que lo abandone en busca de otro contenido seguro.

A continuación veremos qué es HTTP y cuál es la diferencia entre HTTP y HTTPS.

 

Qué es HTTP

El protocolo de transferencia de hipertexto o HTTP (Hypertext Transfer Protocol) es un protocolo de transmisión de información que se utiliza cuando un cliente realiza una petición de acceso a un servidor web, para que ambos se puedan entender y lograr que el usuario pueda acceder al contenido.

El protocolo HTTP establece los criterios necesarios para que el cliente y el servidor web puedan intercambiar información, utilizando para ello métodos de petición y respuesta. HTTP utiliza por defecto el puerto 80 desde el que el servidor web acepta las peticiones.

A pesar de que HTTP ha sido un protocolo fundamental en la evolución de internet y la navegación web, hoy en día ha quedado obsoleto por cuestiones de seguridad.

 

Qué es HTTPS

El protocolo seguro de transferencia de hipertexto o HTTPS (Hypertext Transfer Protocol Secure) es la evolución del protocolo HTTP hasta una versión segura del mismo. El protocolo HTTPS utiliza un canal cifrado para garantizar la privacidad e integridad de la información que se transmite entre cliente y servidor durante la navegación web.

Si nos fijamos en la URL https://ecohosting.cl/ podemos observar que utiliza el protocolo HTTPS al incluirlo delante del nombre de dominio. Si accedemos a esta URL en un navegador web, veremos como en la barra de direcciones aparece un icono de candado cerrado (normalmente en verde) que indica a los usuarios que se encuentran navegando en un sitio seguro, utilizando para ello un elemento visual que atraiga su atención.

 

Diferencias entre HTTP y HTTPS

Veamos las diferencias entre HTTP y HTTPS

  • El protocolo HTTP fue el utilizado para la navegación web al comiendo de internet, mientras que el HTTPS es el resultado de su evolución para cubrir las necesidades actuales de navegación bajo entornos de máxima seguridad.
  • Los distintos navegadores web como Opera, Chrome, Edge, Safari o Firefox, marcan a los sitios web que utilizan HTTPS como sitios seguros, indicándose en su barra de direcciones (con texto y con un icono con un candado de seguridad). Sin embargo, estos navegadores marcan los sitios web que utilizan el protocolo HTTP como sitios no seguros, pudiendo incluso no permitir el acceso a los mismos.
  • En el protocolo HTTPS intervienen terceros (certificados de seguridad SSL y TSL) para crear una capa extra de seguridad que garantice la integridad y privacidad de los datos que se transfieren entre el navegador y el servidor web.
  • Mientras el protocolo HTTP utiliza el puerto 80, el protocolo HTTPS utiliza el puerto 443 para la comunicación.
  • Los sitios web que utilizan el protocolo HTTPS consiguen mejores posiciones en el ranking de Google, ya que son premiados por criterios de seguridad.

 

Cuáles son las ventajas de utilizar el protocolo HTTPS

Los principales beneficios que aporta HTTPS son:

Blinda los datos

Con el protocolo HTTPS la navegación web se realiza bajo un canal cifrado que impide que ningún tercero pueda acceder al contenido de la información que se transfiere. Incluso si es capaz de interceptar los datos, no podrá leerlos al no disponer de las claves de acceso necesarias.

Aporta confianza

Cuando un usuario accede a un sitio web que utiliza el protocolo HTTPS, el propio navegador lo marca como seguro, lo que le aporta gran confianza, lo que facilita que interactúe con el sitio (deje comentarios, se registre, o incluso que introduzca sus datos bancarios para realizar una compra online).

Incrementar la visibilidad web

Google premia con mejores posiciones en sus páginas de resultados o SERP, a aquellos sitios seguros, por lo que sí utilizan el protocolo HTTPS y disponen de certificado SSL o TLS, el sitio mejorará su posicionamiento web.

El propio algoritmo de Google analiza las páginas web de un sitio para identificar si cuentan con el protocolo HTTPS activado y si su navegación es segura, tomando estos datos como uno de sus criterios más importantes a la hora de clasificarlo.

 

El protocolo HTTP es sencillo de utilizar y escalable, con una estructura cliente-servidor que ha servido durante muchos años como la base para la navegación web. Hoy en día, este protocolo no es suficiente para satisfacer la demanda actual de una navegación segura por internet.

El protocolo HTTPS es la evolución del HTTPS hacía un protocolo seguro que crea un entorno de seguridad para la navegación web.

La principal diferencia entre HTTP y HTTP se encuentra en la seguridad, aspecto de vital importancia en la actualidad.

Ir a Blog

Qué es un favicon y cuál es su función

               

Es posible que alguna vez hayas escuchado el término favicon, sobre todo si estás relacionado o interesado por el diseño web, o dispones de tu propio sitio web o e-commerce.

Este pequeño elemento es el encargado de mostrar un icono con el logotipo característico de la web para que sea más sencillo identificarla. El favicon personalizado añade mayor presencia a un sitio web, proyectando una mejor imagen relacionada con profesionalidad y seriedad.

A continuación, veremos qué es favicon, cómo se crea y añade a un sitio web, y qué beneficios aporta.

 

Qué es un favicon

Un favicon es un pequeño icono de un sitio web que se muestra en las pestañas y en la lista de favoritos del navegador web. Cuando se abren distintas páginas utilizando las pestañas de un navegador web se puede observar como delante del título de cada una de ellas se muestra un pequeño icono con un logo, el favicon.

El favicon no siempre coincide con el logotipo de un sitio web o empresa, principalmente porque el tamaño disponible para crearlo es muy reducido. Lo habitual es que se realice un diseño similar al logotipo, pero adaptado a la resolución 32 x 32 del favicon, o al menos utilizar los mismos colores y tipografía que el logo.

Cómo añadir un favicon a tu sitio web

El favicon es muy sencillo de añadir desde las opciones de personalización de WordPress y otros CMS como PrestaShop o Drupal. Para asignar un favicon HTML a un sitio web hay que añadir esta línea en la página principal del sitio:

link type=”image/x-icon” href=”nomre_favicon.ico” rel=”shortcut icon”/

El archivo de imagen en formato .png o formato .ico debe subirse a la carpeta public_html del servidor web donde se aloja el sitio.

 

Cómo crear un favicon para tu web

Crear un favicon y añadirlo a una página web es un proceso sencillo que se puede realizar de diferentes maneras:

Utilizar una herramienta de diseño gráfico

Para poder crear un favicon personalizado y de calidad para un sitio web se puede utilizar una herramienta de diseño gráfico como puede ser Photoshop, o con aplicaciones gratuitas de diseño como Gimp o Paint.net.

Para crear un favicon de esta forma manual es necesario tener en cuenta dos factores principales:

  • Las dimensiones del favicon deben ser de 32 x 32 píxeles.
  • El formato habitual de los archivos favicon es el .ico (de icono), aunque también se puede utilizar el formato comprimido con transparencia .png.

Utilizar un portal online

Existen en internet diferentes plataformas online donde es posible crear un favicon para un sitio web. Estos sitios web están especialmente diseñados para la creación de estos iconos, permitiendo subir imágenes para convertirlas en iconos favicon, pasar directamente de emoticonos a favicon, o generar directamente un nuevo favicon a través de distintos pasos y opciones.

Algunos ejemplos de estos sitios para crear un favicon son favicon.io o X-Icon Editor.

Utilizar un plugin de WordPress

Para los que utilizan el CMS WordPress es muy sencillo crear un favicon y asignarlo automáticamente al sitio web utilizando un plugin específico.

Esta es sin duda la mejor opción para aquellos que no tienen conocimientos avanzados en diseño gráfico y que no quieren estar añadiendo código HTML de forma manual a su sitio web.

Es importante saber que, si en un sitio WordPress no se añade un favicon personalizado, el sitio mostrará el favicon de WordPress por defecto, lo que no ayuda en cuanto a diferenciación, identificación e imagen corporativa.

 

Ventajas de usar un favicon

Muchos sitios web no dan importancia al uso del favicon cuando se trata de un elemento que aporta numerosas ventajas:

  • Permite a los usuarios identificar el sitio web cuando centra su atención en la zona de la barra de direcciones de su navegador web.
  • Facilita la identificación del sitio web cuando el usuario tiene abiertas muchas pestañas en su navegador web, al diferenciarse del resto.
  • Facilita a los usuarios encontrar el sitio web cuando lo guardan entre sus favoritos.
  • Proyectar una mejor imagen de marca, añadiendo autenticidad, personalidad y profesionalidad al sitio web.
  • Añadir un elemento importante dentro del branding (identificación y diferenciación con la competencia).
  • Mejorar la experiencia de usuario.

 

Un favicon ico es un pequeño elemento gráfico que muestra un logo representativo de la empresa, o sitio web, y que tiene gran utilidad para mejorar la experiencia de usuario. Se trata de un elemento identificativo y diferenciador muy interesante que todo sitio web debería utilizar.

Es importante incluir en tu página web, tienda online o blog un favicon, ya que tendrá mayor presencia y será localizado de forma más sencilla por los usuarios cuando abren una gran cantidad de pestañas en sus navegadores.

El proceso de creación e implementación de un favicon es muy sencillo y puede ser realizado en muy poco tiempo, sin tener que disponer de conocimiento avanzado en diseño gráfico o programación web.

Ir a Blog

Qué es un CMS y sus características

               

Los gestores de contenido son herramientas que facilitan la creación de páginas web, e-commerce y blogs, aportando un entorno optimizado que cuenta con opciones de configuración, complementos, temas, y otros elementos, que ayudan a diseñar una web sin necesidad de tener conocimiento de programación o desarrollo web.

Los CMS tienen características especiales que los convierten en la mejor alternativa para construir sitios web profesionales, seguros y con un coste de desarrollo muy bajo. Un usuario sin mucha experiencia en el desarrollo web y sin conocimientos de programación web, podrá crear una página web en muy poco tiempo utilizando un CMS como WordPress, por ejemplo.

Veamos qué es el CMS, sus principales características, y qué tipos de gestores de contenidos son los más populares y útiles hoy en día.

Qué es el CMS de una web

El gestor de contenido o CMS (Content Management System) es una herramienta que se utiliza para la creación y gestión de sitios web. Este tipo de entornos se instalan en un servidor web, y a través de un panel de administración, permiten a los diseñadores acceder a una gran cantidad de opciones para configurar, personalizar e introducir contenido web.

Con un gestor de contenido, el administrador accede mediante unas credenciales para tener acceso a las distintas opciones de configuración y gestión.

WordPress es el CMS más conocido, y muchos de los sitios web que se encuentran hoy en día en internet han sido desarrollados y son gestionados por este gestor de contenidos.

Características del CMS

Los CMS tienen una serie de características comunes, orientadas a facilitar la creación de sitios web:

  • Facilidad de uso. Los CMS están concebidos para facilitar a los diseñadores la creación de páginas web, blogs y otros tipos de portales con contenido (como tiendas online o foros, por ejemplo).
  • Posicionamiento web. Están enfocados a optimizar los sitios creados para que consigan mejores posiciones en Google y otros motores de búsqueda.
  • Alto nivel de personalización. Los CMS incluyen muchas opciones para personalizar un sitio web, tanto en su aspecto visual (con plantilla y temas), como en las funcionalidades que ofrece (con plugin, módulos o complementos).
  • Gestión de usuarios. Incorporan herramientas para la creación y gestión de usuarios, permitiendo que interactúen con la web (añadiendo contenido, realizando valoraciones, dejando comentarios, rellenando formularios web…).
  • Versatilidad. Con un CMS se puede crear prácticamente cualquier tipo de web, desde una página web corporativa, pasando por un eCommerce o marketplace, hasta blogs de opinión o páginas de noticias.

Tipos de CMS que debes conocer

Existen distintos sistemas de gestión de contenido CMS

1. Páginas web

Para la creación de páginas web y blogs los gestores de contenido son las herramientas ideales. Los CMS más populares para la creación de páginas web son:

  • WordPress. El líder de los CMS cuenta con millones de páginas web en todo el mundo desarrolladas bajo esta plataforma (según WordCamp se estima que más de 75 millones de páginas web han sido desarrolladas con este gestor de contenido). Cuenta con una comunidad enorme en internet por lo que cuenta con mucho material de soporte. La versatilidad y la facilidad de uso son dos de las principales ventajas de utilizar WordPress.
  • Drupal. Otro gestor de contenido que destaca por el gran rendimiento de sus sitios, así como por su capacidad para crear cualquier clase de web. En comparación con WordPress, para utilizar Drupal es necesario invertir más tiempo y esfuerzo (curva de aprendizaje mayor). Otro aspecto en el que destaca este CMS es en la seguridad.

2. Tiendas online

Son CMS que están enfocados en la creación de tiendas virtuales, por lo que cuentan con opciones y configuraciones específicas de este tipo de sitios web.

  • PrestaShop. Uno de los mejores CMS para eCommerce que incluye todas las herramientas necesarias para construir una tienda online profesional, como fichas de productos, ventas cruzadas, gestión de carrito de la compra, pasarelas de pago, entre otras.
  • Magento. Otro CMS para tiendas online, ideal para eCommerce a gran escala que cuenten con una gran cantidad de artículos y que generen mucho tráfico web.
  • WooCommerce. No es un CMS en sí mismo, sino un plugin completo avanzado para WordPress que lo transforma en un gestor de contenidos para la creación de tiendas online.

 

Hemos visto qué es el CMS de una web y cuáles son sus tipos más utilizados. Gracias a los CMS el diseño de la web se ha visto potenciado, siendo mucho más sencillo para las pequeñas y medianas empresas acceder a este tipo de servicios (menores costes, alto nivel de personalización, baja dificultad de gestión, etc.).

WordPress es el gestor de contenido más utilizado en la red debido a su sencillez de uso y al alto nivel de personalización que permite con el uso de plugins y temas. Para crear un eCommerce, PrestaShop es una de las mejores alternativas pues no tiene una curva de dificultad elevada, es gratuito y cuenta con todos los elementos y herramientas para desarrollar una tienda virtual profesional.

Ir a Blog

Cómo optimizar imágenes sin perder calidad

               

La calidad de las imágenes y fotos que se utilizan en un sitio web es muy importante para ofrecer un contenido atractivo y que aporte mayor valor a los usuarios. Especialmente en los e-commerce, contar con imágenes de los productos de una alta calidad ayuda a tomar la decisión de compra de los usuarios, que pueden apreciar de forma más real y precisa, el aspecto y características de los artículos.

Utilizar imágenes de calidad viene unido a incluir en la web imágenes o fotografías de gran tamaño, cuyo peso ralentiza la velocidad de carga, arruinando la experiencia de usuario. Optimizar imágenes sin perder calidad es uno de los principales objetivos para conseguir que una página web, tienda online o blog reduzca el tiempo de carga y así ofrezca una mejor experiencia a los usuarios que la visitan.

A continuación, veremos cómo bajarle el peso a una foto manteniendo su calidad,

Ventajas de optimizar las imágenes para tu página web

Las imágenes son elementos muy importantes en un sitio web que se utilizan en páginas, entradas, fichas de productos, banners y muchos otros elementos, con el objetivo de atraer la atención del usuario, complementar la información que se ofrece, y mejorar el aspecto visual del sitio.

Al comprimir fotos sin perder calidad se consiguen una serie de ventajas, entre las que podemos destacar:

  • Mejora el posicionamiento web. Google penaliza a las webs que demoran mucho tiempo en cargar y favorece a aquellas con una velocidad web rápida, con mejores posiciones en sus páginas de búsqueda o SERP.
  • Ayuda a incrementar las conversiones. Al comprimir imágenes sin pérdida de calidad se podrán utilizar fotos e imágenes ofrecen mejor información al usuario, lo que facilita su decisión a la hora de realizar una conversión (como una subscripción o una venta)
  • Acelera el proceso de backup. La compresión de imágenes reduce el tamaño de las mismas, lo que reduce el tiempo necesario para realizar una copia de seguridad del sitio (sobre todo en páginas webs con una gran cantidad de imágenes, como una tienda virtual).

 

Cómo optimizar las imágenes para tu web

Veamos cómo lograr una reducción del tamaño o peso de las imágenes para tu página web o e-commerce, sin tener que reducir su calidad.

Utilizar una herramienta online

Existen numerosas herramientas en internet que te permiten comprimir las imágenes para reducir su peso sin pérdida, o con una mínima pérdida de calidad. Estas aplicaciones en línea tienen un uso muy sencillo: basta con subir la imagen que se quiere comprimir y seleccionar el método de compresión. En unos segundos se realizará la compresión y podrás descargar la imagen comprimida conservando su calidad.

Algunos portales online para comprimir imágenes jpg sin perder calidad son Kraken.io, Compressor.io e Image Optimizer.

Con un plugin optimizador de fotos

Si se utiliza un gestor de contenido como WordPress o PrestaShop para el sitio web puedes descargar e instalar un plugin específico para optimizar las imágenes que subas. Estos complementos se encargan de reducir el tamaño de cualquier foto o imagen que se añada, conservando un alto nivel de calidad.

Entre los plugins de WordPress más populares para reducir el peso de imágenes se encuentran WP Smush, Compress jpeg & png images y Imagify Image Optimizer.

A través de software de edición de imágenes

También puede optar por la optimización manual de las imágenes utilizando programas de edición gráfica como Photoshop, Gimp o similares. Con estas herramientas podrás reducir la resolución de las fotos o elegir entre distintos formatos de imágenes, entre otras opciones para reducir su tamaño.

Aunque de esta forma se tiene mayor control a la hora de optimizar las imágenes web, es un proceso que requiere de mucho tiempo y esfuerzo, sobre todo si se utilizan muchas imágenes.

Utilizar formatos de imágenes web

Otra alternativa para seguir utilizando imágenes de calidad, pero con un tamaño menor para favorecer la velocidad web, es apostando por nuevos formatos de imágenes para web como WebP.

Este formato creado por la propia Google admite fotos de gran calidad, animaciones y añadir una capa de transparencia, utilizando un algoritmo avanzado de compresión sin pérdida que reduce su peso de forma notable.

La desventaja de WebP es que aún hay navegadores web que no soportan el formato y que no mostrarán las imágenes de tu web que lo utilicen.

 

Hemos visto cómo bajar el peso de las fotos sin perder calidad durante el proceso, una práctica muy importante a la hora de optimizar la velocidad de carga de una web sin sacrificar por ello la calidad de su contenido visual.

Optimizar las imágenes de tu sitio web sin pérdida de calidad debe ser una prioridad para garantizar siempre una buena experiencia de usuario. Las imágenes son elementos fundamentales para el posicionamiento SEO y las conversiones por lo que sacrificar su calidad por reducir su tamaño, no es la mejor alternativa.

Ir a Blog

El servidor DNS no responde: qué significa y cómo arreglarlo

               

Para que la navegación web sea más sencilla se utilizan los nombres de dominio que se encargan de asignar un nombre más sencillo de recordar por las personas, a las direcciones IP de los sitios web. Gracias a este sistema no es necesario conocer la dirección IP de una web, y basta con introducir un nombre de dominio mucho más sencillo de recordar para acceder a ella.

Si el servidor DNS no responde o presenta un error cuando se realiza una solicitud de acceso a un sitio web, se mostrará un error en el navegador web en lugar del contenido al que se desea acceder.

Error “el servidor DNS no responde“: ¿qué significa?

Cuando se navega por internet y se obtiene un mensaje del error “el servidor DNS no responde” quiere decir que se ha producido un problema de conexión entre el cliente y el servidor web, y qué este se encuentra relacionado con el servidor de nombre de dominio.

Cuáles son las causas del error de DNS “no responde”

Los principales motivos que pueden causar este error y mostrar el molesto mensaje de error por problemas de DNS son:

  • Problemas con la conexión a internet.
  • DNS mal configuradas.
  • Navegador web desactualizado.

Cómo reparar el error del servidor DNS

Son muchas las acciones que se pueden realizar para arreglar un error de conexión porque la DNS no responde.

Actualizar el navegador web

Una de las primeras opciones para reparar el error del servidor DNS es probar a acceder al sitio web con otro navegador web. Si se tiene acceso basta con actualizar el otro navegador web a su última versión y se solucionará el problema.

Desactivar antivirus y cortafuego

El problema puede estar relacionado con la red por lo que es necesario desactivar, tanto el antivirus que se esté utilizando, como el firewall. Estas aplicaciones de seguridad monitorean y controlan la red por lo que pueden estar ocasionando el problema de acceso.

Si el antivirus o el cortafuego son los causantes del error se deben reconfigurar para solucionarlo.

Reiniciar el router

Como el problema puede estar causado por la conexión a internet, es interesante reiniciar el router por si se trata de un problema relacionado con el mismo, como un bloqueo.

Si tras reiniciar el router se vuelve a tener acceso al sitio y no se muestra el error de servidor DNS, el causante era la conexión a internet. Si se vuelve a repetir el problema a menudo, se debe llamar al proveedor del servicio para que compruebe, tanto el router, como la línea, porque debe existir un problema con alguno de ellos.

Limpiar las DNS

Al tratarse de un error porque el servidor DNS no responde, es lógico sospechar de la configuración de las DNS. Limpiando las DNS se puede resolver este error de acceso a internet.

Para limpiar las DNS se debe acceder en modo administrador al Símbolo del Sistema, e introducir: ipconfig/flushdns.

Tras concluir este proceso se debe ejecutar también: ipconfig /renew.

Con la ejecución de estos comandos se limpiarán las DNS y se solucionará el problema de acceso causado por el servidor DNS.

Deshabilitar el protocolo IPv6

El protocolo IPv6 puede ser el causante del error de DNS por conflicto con el IPv4. Deshabilitando este protocolo se puede solucionar este error, y para hacerlo, basta con ir a las Propiedades de Red y en la pestaña de redes, desmarcar la casilla Internet Protocol Versión (TCP/IPv6).

Modificar el servidor DNS

Otra solución posible para este error es cambiar el servidor DNS predeterminado que se está utilizando.

Para modificar el servidor DNS hay que ir a Propiedades el Internet Protocol Versión (TCP/IPv4) y seleccionar Usar las siguientes direcciones de servidor DNS. En los campos que se activan se deben introducir unas nuevas DNS (una alternativa son las DNS gratuitas de Google, 8.8.8.8 y 8.8.4.4).

Desactivar VPN o proxy

Si se navega por internet bajo una red privada virtual o un proxy, es necesario desactivarlos y probar si son los causantes del error de DNS al navegar. Estas capas de protección pueden ocasionar problemas a la hora de acceder a determinados sitios web, por lo que debe comprobarse si se está mostrando este mensaje al acceder a alguna página concreta.

 

Hemos visto las causas del error de navegación cuando el servidor DNS no responde y cómo reparar el servidor DNS para solucionarlo.

Cuando un usuario intenta acceder a una página web y se encuentra con un mensaje de error de acceso como el de servidor DNS no responde, siente gran frustración y se arruina su experiencia de usuario.

Aunque este error puede parecer grave, la mayoría de las veces se soluciona con acciones sencillas como las propuestas anteriormente, como actualizar el navegador, reiniciar el router, modificar las DNS o limpiar las DNS.

Ir a Blog

Backup: qué es y sus ventajas

               

Las empresas actuales dependen de la información que manejan y de los sistemas computerizados que utilizan para realizar la gestión de sus negocios y otras tareas importantes. Si cualquier problema o incidente compromete los datos o sistemas de la empresa, su actividad se puede ver interrumpida, con las consecuencias negativas asociadas en pérdida de ventas, clientes y prestigio.

Disponer de un buen sistema de copias de seguridad es una necesidad hoy en día para cualquier tipo de empresa, pues es la garantía de poder continuar con su actividad, aunque sufran un ataque malicioso o un incidente con sus sistemas o datos.

A continuación, hablaremos de backup, qué es, para qué se utiliza y por qué es un proceso vital en las empresas actuales.

 

Qué es un backup

La palabra backup tiene el significado de respaldo, y se utiliza en el mundo de la informática para definir al proceso de realizar copias de seguridad de datos o sistemas. Se puede realizar un backup a pequeña escala, copiando solo una serie de datos, o realizar copias de seguridad a mayor escala, incluyendo la copia de servidores completos.

El objetivo de los backup es disponer de un respaldo del que poder tirar en caso de que se produzca algún problema, como un ataque cibernético, corrupción de archivos, pérdida de información, incendio, o cualquier otro incidente que comprometa la información y los sistemas.

Existen muchos tipos de backup que se pueden implementar en una empresa como los backups completos, los backups incrementales, las copias de seguridad diferenciales, o las copias de seguridad en la nube, entre otros.

 

Cómo se hace un backup y cada cuánto tiempo es necesario

Para realizar un backup se suelen utilizar herramientas que automatizan el proceso y se encargan de transferir los datos indicados, de un soporte a otro, o de una ubicación a otra, en la fecha y hora fijada.

La periodicidad del backup depende de cada empresa o entidad, pero se debe tener en cuenta que, mientras menos tiempo pase entre cada copia de seguridad, más actualizados estarán los datos que contiene el respaldo, lo cual es muy importante si es necesario recuperarlos.

La automatización es un proceso fundamental en los sistemas de backup pues eliminan el error humano y garantiza que siempre se realizará la copia de seguridad programada.

Un buen backup es aquel que se realiza de forma automatizada (no necesita la intervención humana), periódica (cada cierto tiempo para garantizar que contenga información actualizada) y en diferentes soportes (para aumentar el grado de seguridad).

Lo ideal es realizar tres copias de seguridad, en al menos dos soportes diferentes, y que una de esas copias se realice fuera de la empresa. Por ejemplo, cuando se realiza un backup, una copia se realiza en el servidor de la empresa y otra copia en un dispositivo NAS para backups, mientras otra tercera copia se envía a la nube.

 

Ventajas de hacer copias de seguridad

Contar con un sistema de backup periódico y automatizado es una necesidad y garantía para cualquier negocio. El backup aporta muchos beneficios a una empresa, entre los que podemos destacar principalmente:

Garantizan la continuidad del negocio

Con un sistema de backup la empresa puede reaccionar de forma rápida y eficiente ante cualquier incidente que comprometa su información o impida el acceso o uso de sus sistemas, recurriendo a la copia de seguridad para recuperar datos y sistemas en muy poco tiempo, y seguir con la actividad del negocio minimizando el impacto sobre la actividad del negocio.

Seguridad de la información

Los datos son el activo más importante de cualquier empresa en el entorno digital actual donde compiten. El backup garantiza que los datos siempre pueden ser recuperados siempre que sea necesario, y que no se perderá información por errores humanos, fallos informáticos o ataques y robos de terceros.

Mejora la imagen de la empresa de cara al cliente

Las empresas que cuentan con sistema de backups transmiten mayor confianza a sus clientes pues saben que la información y sistemas estarán siempre disponible. Y que la empresa utiliza sistemas modernos y profesionales para garantizarlos.

 

Hemos hablado del significado de backup y qué es una copia de seguridad del sistema. Disponer de un buen sistema de respaldo en una empresa es fundamental para garantizar la continuidad del negocio, ya que, ante cualquier incidente, se puede acudir a la última copia de seguridad guardada para restablecer los sistemas y la información, y así continuar con la actividad normal del negocio.

Con el auge del cloud computing los backup en la nube se han convertido en la mejor opción para que las empresas puedan tener una garantía sobre sus datos. Las copias de seguridad en la nube permiten recuperar y acceder a la información a cualquier hora y desde cualquier ubicación, además de contar con un alto nivel de protección que garantiza la integridad y privacidad de los datos en todo momento.

Ir a Blog

Cómo funciona un VPS y sus diferencias con el hosting

               

Una de las decisiones más importantes cuando se aborda un proyecto web, como la creación de una tienda online o una web corporativa, es la elección del hosting ideal. Dentro de las alternativas existentes, dos de las más populares son el hosting compartido y el hosting VPS.

La tecnología de virtualización ha permitido que los VPS se conviertan en una de las opciones más atractivas del mercado, por precio, rendimiento y capacidad de configuración del servidor. Este tipo de servidores virtuales tienen muchas de las ventajas de un hosting compartido, pero con algunos beneficios propios de los dedicados.

A continuación, veremos qué es VPS, cuál es la diferencia entre hosting y VPS, y cómo funcionan los servidores privados virtuales.

Qué es un VPS

Un servidor privado virtual o VPS (Virtual Private Server) es una virtualización de un sistema dentro de un servidor físico que dispone de sus propios recursos asignados (memoria RAM, capacidad de proceso y almacenamiento). El hosting con VPS es un servicio de alojamiento que cada vez utilizan más empresas y sitios web pues aúna ventajas del hosting compartido, como un bajo coste, y de los hosting dedicados, como disponer de unos recursos propios.

En un VPS se comparte un servidor físico con otros usuarios, como ocurre con el hosting compartido, pero al disponer de recursos propios gracias a la virtualización, lo que ocurre en otro sitio web, no afecta a los otros.

Diferencias entre hosting y VPS

Veamos cuáles son las principales diferencias entre un hosting compartido y un hosting VPS:

Compartir el servidor

En un hosting compartido y un hosting VPS se comparte el servidor físico con otros usuarios. Sin embargo, en un VPS no se compite con los otros usuarios al disponer de unos recursos de hardware fijos asignados, que son de uso exclusivo.

Rendimiento de los sitios web

Al alojar una página web, tienda virtual o blog en un hosting VPS se conseguirá un mayor rendimiento y velocidad de carga que en una alternativa de hosting compartido. Esto es así, porque el VPS dispone de unos recursos propios, y no depende de los otros sitios alojados para sus recursos de hardware, como sí ocurre en el hosting compartido.

Configuración del servidor

Las posibilidades de configuración y personalización en un hosting compartido están muy limitadas, mientras que en un servidor privado virtual se tendrá acceso al sistema y un alto nivel de control sobre el servidor, lo que permite configurarlo según las necesidades del sitio web.

Precio del hosting

Aunque el hosting compartido es más barato, los servidores VPS también son una opción con un precio bajo, sobre todo comparándolo con un hosting dedicado. En relación precio/calidad y precio/rendimiento, los VPS son la mejor opción del mercado, probablemente.

Facilidad de uso

Utilizar un servidor VPS es tan sencillo como hacerlo con uno compartido, aunque para poder sacar el máximo partido de un VPS es necesario disponer de conocimientos técnicos para poder configurar el servidor de forma personalizada.

Escalabilidad

Los servidores VPS son más escalables que los compartidos, es decir, si se necesitan más recursos como capacidad de almacenamiento o potencia de proceso, es muy sencillo implementarlos gracias a la virtualización.

Para los sitios web que pretendan ir creciendo con el tiempo, el hosting VPS es una mejor alternativa, ya que le garantiza el acceso a nuevos recursos cuando sea necesario.

Seguridad

Un VPS es más seguro que un hosting compartido, ya que el sistema virtualizado está encapsulado y es independiente del resto de sistemas virtualizados. Por lo que, si cualquier incidente de seguridad afecta a uno de los sitios web alojados en el servidor físico, los demás no se verán afectados.

Cómo funciona el VPS

Un servidor VPS consiste en un servidor físico que utiliza tecnología de virtualización para instalar una capa virtual que lo divide en particiones en las que se puede instalar su propio sistema operativo y software. A cada parte virtualizada se le asignan unos recursos del servidor físico que serán para su uso exclusivo, por lo que al contratar un hosting VPS se está accediendo a un servidor similar al dedicado, donde todos los recursos de hardware están a disposición del sitio alojado.

Al contratar un hosting VPS se asignará una memoria RAM, CPU, espacio de almacenamiento y ancho de banda, que será de uso exclusivo del servidor, independientemente del resto de sitios alojados en el servidor físico. Las webs alojadas en este servidor harán uso exclusivo de todos esos recursos.

 

A la hora de seleccionar el mejor hosting para tu proyecto web, los servidores VPS son una gran opción, ya que conseguirás un gran rendimiento, sin que eso suponga un alto coste económico.

Con un VPS tu hosting irá creciendo según las necesidades de tu sitio web, ya que, si tu tráfico web aumenta de forma considerable, es muy sencillo aumentar los recursos del VPS para soportar el incremento de visitantes.

Ya sabes cómo funciona un VPS y en qué se diferencia de un hosting compartido, por lo que podrás valorar si este tipo de alojamiento web es el ideal para tu sitio web.

Ir a Blog

Web scraping: ¿qué es y cómo funciona?

               

Para realizar estudios de mercado y la competencia se utilizan distintas técnicas como es el web scraping que consigue información de páginas web, blogs y tiendas online. Aunque este tipo de técnicas se pueden utilizar de forma legítima en muchos casos, también se utilizan de forma ilegal para robar contenido y datos de empresas y particulares.

 

Qué es web scraping y para qué sirve

El término scraping tiene el significado de raspado, por lo que el raspado web o web scraping consiste en utilizar software automatizado para “raspar” o indagar en un sitio web y extraer información valiosa de la misma.

El web scraping lo utilizan muchas empresas para diversos fines como:

  • Analizar un sitio web para conocer su estructura y contenido. Los bots de Google y otros motores de búsqueda utilizan esta técnica para rastrear los sitios web de internet e indexarlos de forma correcta en su base de datos.
  • El web scraping es la técnica que utilizan las distintas web comparadoras de precios que existen en internet. Obtienen información de forma automática de muchas webs distintas y presentan los resultados integrados en una única página.
  • Un uso habitual de web scraping es para realizar estudios de la competencia y análisis de mercado.
  • El web scraping se utiliza para otros muchos fines como para el monitoreo de una marca, la generación de leads o contactos, el seguimiento de noticias y contenido, obtener datos para las inversiones o para monitorizar precios de la competencia para un e-commerce, entre otros.

Cómo funciona el web scraping

Para utilizar esta técnica es necesario utilizar herramientas de web scraping que estén basadas en la automatización. Con estos bots se pueden extraer datos de las API, reconocer estructuras de páginas HTML únicas, extraer y modificar contenidos y almacenar datos tanto estructurados como no estructurados.

Para realizar web scraping se debe contar con un rastreador web, también conocido como crawler, y con un web scraper, una herramienta especialmente diseñada para extraer datos de un sitio web de forma personalizada.

El proceso para realizar web scraping es el siguiente:

  • Seleccionar la página web, tienda online o blog del que quiere extraerse la información.
  • Elegir las herramientas de web scraping que se van a utilizar.
  • Con el web scraper hacer un escaneo de las URL del sitio a “scrapear“.
  • Almacenar los datos obtenidos en formatos estructurados como CSV o JSON para poder analizarlos posteriormente de forma rápida y eficiente.

 

Existen diversas herramientas en el mercado que se utilizan para realizar web scraping, incluso servicios cloud web scraper que permiten rastrear y obtener información de un sitio web de forma sencilla.

Estas herramientas analizan el contenido HTML de una página y extraen la información útil que contiene.

 

Aunque el scraping es un método de obtener información de internet que puede utilizarse de forma lícita, también es utilizado para robar datos sensibles de usuarios o para realizar competencia desleal.

Existen distintas formas de evitar el scraping de una web, desde bloquear bots en el archivo robots.txt o configurar notificaciones en Google Search Console para que alerte de acciones de scraping, hasta contratar servicios antibots de pago que funcionen como un cortafuego entre la web y los programas de web scraper.

Ir a Blog

×