Principios técnicos

Nos gusta desarrollar sitios que de base respondan de forma técnica a las necesidades de hoy en día, sean competitivos respecto a otros sitios y estén preparados para funcionar de forma correcta, rápida y segura.

Si bien estos principios no son aplicables a todos los casos ya que existe una gran casuística y distintos tipos de proyecto, éstos nos guían para tomar decisiones durante el desarrollo que reviertan en un resultado de calidad. Si tienes dudas sobre alguno de estos principios y si pueden ser aplicables a un desarrollo concreto puedes contactar con nosotros.

WordPress y WooCommerce #

Usamos la plataforma WordPress porque se ha posicionado como la principal plataforma de creación de sitios web basados en el contenido. Es un proyecto de software libre con una gran comunidad que ha desarrollado una gran cantidad de funcionalidades que en general son fácilmente integrables en el sistema. La plataforma está muy bien mantenida, crece con mejoras y es retrocompatible. Asimismo está pensada de base para ofrecer facilidades a los desarrolladores y estabilidad para el código que se crea a su alrededor.

Usamos WooCommerce como plataforma de comercio electrónico, esta plataforma ha tenido un crecimiento espectacular y su versatilidad e integraciones hacen que sea la plataforma ideal para una gran variedad de casos.

Para que todo funcione bien con estas plataformas tenemos en cuenta:

  • Desarrollo usando las herramientas, funciones, ganchos (hooks), API y abstracciones que proporcionan estas plataformas.
  • Uso adecuado de elementos que añaden funcionalidades, como plugins, eligiendo aquellos que muestran un mayor apoyo de la comunidad, evitando aquellos que podrían crear dependencia y evitando sobrecargar el sitio con ellos.
  • Seguir buenas prácticas de desarrollo.
  • Configuración apropiada del sistema.

Desarrollo #

Nos valemos de nuestra formación y experiencia para desarrollar y testar el desarrollo sobre las tecnologías actuales:

  • Desarrollo sobre las tecnologías web actuales: HTML5, CSS3, PHP8.
  • Uso de estándares, librerías y módulos de código abierto.
  • Pruebas sobre las últimas versiones de los navegadores más extendidos (Chrome, Firefox, Safari) y distintos dispositivos (ordenadores, móviles y tablets)
  • Entregamos el sitio web con todo el código fuente abierto y con licencia para poder ser editado posteriormente por terceros.

Seguridad #

Cualquier sitio web está expuesto a ataques, y de hecho se están produciendo ataques a cada momento. Muchos de estos ataques están automatizados y viajan de sitio en sitio web buscando vulnerabilidades, allá donde encuentran una vulnerabilidad se quedan. Afortunadamente un sistema WordPress bien configurado es muy resistente a estos ataques, de hecho el sitio web de la Casablanca (whitehouse.gov) usa WordPress desde 2018.

  • Configuración de los sistemas de seguridad incluidos (como Salt Keys)
  • Protocolo HTTPS
  • Filtrado de peticiones al servidor con cadenas de texto habitualmente usadas en ataques.
  • Limitación del número de intentos de conexión fallidos desde una misma IP (para evitar ataques de fuerza bruta).
  • Uso de funciones de validación, sanitización y escapado de datos.
  • Verificación de nonces en formularios.

SEO #

La optimización del posicionamiento en buscadores engloba una serie de estrategias para que los buscadores: «lean» y «entiendan» correctamente nuestro sitio web y adquieran contenido de interés y alineado con nuestros objetivos para mostrarlo en el buscador a los potenciales interesados.

Nosotros no creamos contenido, de modo que nos centramos en el SEO técnico, que permite que los buscadores puedan leer y entender correctamente el sitio.

  • Desarrollo evitando el uso excesivo y redundante de HTML, JS y CSS en línea.
  • Etiquetas orientadas a buscadores y a redes sociales (título, descripción, imagen destacada, idioma, etc)
  • Uso de atributos de texto alternativo en imágenes y enlaces sin texto.
  • Estructura adecuada de elementos HTML: Marcado de cabecera, píe, artículo, menú, elementos adicionales y uso correcto de headers (h1, h2, etc)
  • Uso consciente de enlaces internos, evitando grandes cantidades de enlaces por página o más de un enlace al mismo contenido.
  • Enlaces permanentes y URLs semáticos («amigables»)
  • Configuración de sitemap y robots.txt

WPO #

La optimización de eficiencia del sitio engloba una serie de estrategias orientadas a que el sitio funcione de forma rápida. Cada día las exigencias en este sentido son mayores debido al uso extensivo de dispositivos móviles, y estas estrategias se han convertido en algo muy importante.

Cuando desarrollamos lo hacemos pensando en la eficiencia entre otros factores, queremos que nuestro código tenga un equilibro entre eficiencia, funcionalidad e inteligibilidad.

  • Uso consciente de scripts, tipografías, imágenes y vídeos que puedan suponer alta carga tanto en su descarga como renderizado.
  • Revisión de elementos que bloquean el renderizado inicial de la página.
  • Mejora del rendimiento mediante el uso del sistema interno de cache y transients API.
  • Mejora de la velocidad de carga del sitio web usando caché, minificación y compresión.
  • Revisión de la eficiencia del hosting, configuración, sugerencias de mejora y/o uso de CDN.

Privacidad y otros términos legales #

No podemos recabar o usar datos personales sin el consentimiento expreso del usuario. Este principio surgido en internet a través de la legislación Europea, pero luego traspuesto progresivamente a otras legislaciones, y esto marca cómo deben funcionar algunos elementos de un sitio web. Pero además la legislación obliga a los sitios web, por ejemplo, a identificarse a si mismos a través de un aviso legal.

  • Creación de páginas para «Aviso legal», «Política de privacidad» y «Política de cookies».
  • Implementación del aviso de cookies con bloqueo de carga de scripts de terceros que puedan afectar a la privacidad del usuario hasta que el usuario no haya aceptado.
  • Implementación en formularios que hagan recogida de datos personales de check de aceptación de Política de Privacidad.

Aclaración: En GIGA4 no somos profesionales legales. Los textos de estas secciones y otros detalles deben ser creados y verificados por un profesional en la materia.

Despliegue del sitio web #

Tanto si realizamos cambios sobre un sitio que ya existe como si publicamos un sitio nuevo, realizamos un despliegue que minimice el tiempo fuera de línea del sitio web (si existiera previamente) y analizamos la configuración del hosting y dominio para que todo funcione correctamente.