Saltar al contenido principal
Zetun Web

El estándar Zetun

Incluido en cada sitio web de Zetun Web.

Un estándar para el diseño, la entrega y el soporte continuo.

Ilustración de un umbral arquitectónico cuidadosamente mantenido que representa el diseño, la entrega técnica, la accesibilidad y el acompañamiento continuo incluidos en cada sitio web de Zetun Web.

La confianza comienza antes del primer contacto. Por eso, cada sitio web publicado por Zetun Web parte de una misma base de calidad visible, estructura clara, fiabilidad técnica y soporte continuo.

El alcance concreto del sitio web se adapta a la empresa, a su público y a la responsabilidad que Zetun Web asume en el proyecto. La calidad técnica y visual compartida sigue formando parte de cada proyecto.

Marco de calidad en la revisión de lanzamiento

Rendimiento

97+

Accesibilidad en Lighthouse

100/100

SEO

100/100

Buenas prácticas

100/100

Estos valores son los objetivos de Lighthouse para la revisión de lanzamiento. El 97+ en rendimiento define el marco de calidad. Inshallah Zetun Web también aspirará al 100/100 cuando el contenido, el volumen de recursos visuales, las integraciones externas y los requisitos especiales lo permitan.

Un estándar que refuerza la confianza

La calidad se hace tangible en dos dimensiones: la experiencia del visitante, desde la primera impresión hasta el siguiente paso, y la fiabilidad con la que cuenta la empresa a partir de la publicación.

  • Presentación creíble

    Antes de que comience una conversación, el sitio web presenta la empresa con la claridad y el cuidado que merece su trabajo.

  • Orientación clara

    La estructura, los contenidos y las vías de contacto ayudan a los visitantes adecuados a comprender lo importante y actuar con confianza.

  • Fiabilidad técnica

    Una implementación rápida, estable, accesible y cuidadosamente planificada hace que la calidad se perciba durante el uso.

  • Fiabilidad a largo plazo

    El alojamiento regional, la supervisión, el mantenimiento y el soporte contribuyen a que el sitio web siga siendo fiable después de su publicación.

Base compartida

Lo que incluye cada sitio web publicado

El estándar Zetun reúne la base que comparten todos los sitios web de Zetun Web, independientemente del sector o del alcance del proyecto.

  • Base de código propia y desarrollo a medida

    Cada sitio web se desarrolla individualmente con su propia base de código, una lógica de páginas clara y una base técnica estructurada.

  • Rendimiento y entrega

    La generación estática, las variantes de imagen adaptables, la priorización selectiva de carga, los archivos de producción compactos, las tipografías locales, los SVG optimizados, la compresión preparada y las reglas de caché se configuran para lograr tiempos de carga reducidos y una entrega robusta.

  • Material visual y diseño inicial

    El material visual existente de la empresa recibe una preparación técnica adecuada. Los espacios visuales disponibles que resulten apropiados reciben material simbólico, ilustrativo o abstracto para que el sitio web pueda evaluarse de forma concreta desde el principio.

  • Fundamentos de SEO y vistas previas

    Los títulos de página, las descripciones, las URL canónicas, el mapa del sitio, Open Graph, las imágenes de vista previa específicas y los datos estructurados proporcionan señales técnicas claras para cada página.

  • Usabilidad y revisión de accesibilidad

    La estructura semántica, el enlace para saltar al contenido, la navegación por teclado, el foco visible, la reducción de movimiento, las descripciones significativas de las imágenes y las comprobaciones en navegadores de las páginas y los estados de interacción relevantes forman parte de la base.

  • Control de calidad y revisión de lanzamiento

    Los objetivos de Lighthouse, las pruebas en distintos tamaños de pantalla, los metadatos, los enlaces, los recorridos principales del usuario y las comprobaciones en navegadores conforman puntos concretos de evaluación durante la revisión de lanzamiento.

  • Base consciente de la privacidad

    Las tipografías locales, los recursos estáticos propios y las integraciones seleccionadas deliberadamente refuerzan el control y la capacidad de explicar técnicamente el funcionamiento del sitio.

  • Alojamiento, seguridad y soporte

    El alojamiento en una región seleccionada cerca del público principal del sitio web, HTTPS, la renovación automática de certificados, los encabezados de seguridad, el mantenimiento, la supervisión y la resolución de errores forman parte del marco operativo acordado.

  • Páginas legales adecuadas al proyecto

    Cuando corresponde, Zetun Web prepara la estructura técnica de las páginas destinadas a la información legal, de privacidad y de accesibilidad. Los requisitos dependen de la empresa y de la jurisdicción aplicable; el cliente o el asesor jurídico designado sigue siendo responsable de la revisión legal y de la aprobación final.

  • Contenido, responsabilidad y entrega

    El cliente conserva la responsabilidad editorial sobre sus contenidos. La versión publicada y sus contenidos permanecen claramente identificables para permitir una entrega ordenada.

Detalles

El estándar Zetun en detalle

Cada área comienza con el beneficio visible y muestra después las decisiones técnicas y las pruebas concretas que lo respaldan.

  1. 01

    Material para espacios visuales disponibles

    El diseño inicial incorpora espacios visuales adecuados para que la estética, la estructura y el efecto general puedan evaluarse desde una fase temprana.

    El material visual existente de la empresa puede integrarse cuando encaja con el sitio web y se han aclarado los derechos y las aprobaciones correspondientes.

    Para los espacios visuales disponibles que resulten adecuados, Zetun Web crea material simbólico, ilustrativo o abstracto. De este modo se establece un marco visual coherente con el diseño que puede evaluarse de manera concreta.

    Las ubicaciones reales, los retratos del equipo, los productos o el trabajo profesional directamente relacionado con la empresa proceden de material proporcionado por el cliente o correctamente licenciado. Esto refuerza la confianza, la orientación y una base clara para la publicación.

    • Punto de partida visual
    • Líneas visuales simbólicas e ilustrativas
    • Imágenes de la empresa con derechos aclarados
    • Preparación técnica posterior de las imágenes
  2. 02

    Un motivo se convierte en un conjunto completo de archivos

    Un único motivo se transforma en archivos adecuados para diferentes dispositivos, tamaños de pantalla y navegadores.

    Zetun Web crea varios tamaños de imagen y proporciona formatos modernos: AVIF para una entrega muy eficiente con alta calidad visual; WebP complementa la entrega con una amplia compatibilidad entre navegadores.

    Se preparan las dimensiones de imagen, la relación de aspecto y las variantes adaptables. Un teléfono inteligente recibe un archivo más pequeño y adecuado, mientras que las pantallas grandes pueden utilizar una versión de mayor tamaño.

    El navegador selecciona el archivo en función del dispositivo, el tamaño de pantalla, la densidad de píxeles y la compatibilidad con el formato.

    Este proceso técnico de imagen se aplica al material visual seleccionado: imágenes proporcionadas por el cliente, motivos correctamente licenciados y recursos visuales iniciales adecuados.

    • Varios tamaños por motivo
    • AVIF y WebP
    • Dimensiones y visualización preparadas
    • Preparado para teléfono, tableta y ordenador
  3. 03

    Una impresión profesional al compartir enlaces

    Los enlaces compartidos trasladan la impresión profesional de la empresa más allá del sitio web.

    Para la página de inicio, una página de servicios o un artículo, Zetun Web configura el título, la descripción y la imagen de vista previa de acuerdo con la página correspondiente.

    De este modo, el contenido permanece claro fuera del sitio web: en enlaces de mensajería, vistas previas en redes sociales y otros espacios donde se comparte.

    La base combina una base de código propia, datos de página estructurados y un proceso de producción sistemático. A partir de esos datos, cada página publicada recibe su propia imagen de vista previa con un nombre, un título y una descripción adecuados.

    Las tipografías locales y los elementos de marca conectan visualmente la vista previa con la empresa y su sitio web.

    • Vista previa propia para cada página publicada
    • Título y descripción por página
    • Imagen adecuada para enlaces compartidos
    • Presentación reconocible al compartir enlaces
  4. 04

    Entrega estática, caché y HTTPS

    El sitio web está preparado para una entrega eficiente porque los archivos terminados ya se encuentran disponibles.

    El HTML generado de forma estática, las imágenes preparadas, las tipografías, el CSS, los scripts y los SVG forman la base técnica para una entrega rápida y robusta.

    Los archivos de compilación versionados utilizan reglas de caché específicas. El contenido de las páginas y los archivos no versionados permanecen separados y pueden actualizarse de manera controlada.

    La entrega mediante HTTPS con renovación automática de certificados forma parte del marco operativo acordado.

    • HTML generado de forma estática
    • Reglas de caché para recursos
    • Páginas HTML actualizables
    • HTTPS con renovación automática de certificados

Explorar por área

Los detalles adicionales se mantienen agrupados por finalidad para que los visitantes puedan abrir las áreas que resulten más relevantes para ellos.

Primera impresión y efecto visual Prioridad de carga, tipografías locales y SVG optimizados.
  1. 05

    Prioridad de carga selectiva

    Los contenidos importantes aparecen pronto y definen la primera impresión.

    La primera área visible recibe una atención especial. Las imágenes principales se cargan pronto y con alta prioridad; las imágenes situadas más abajo se cargan de acuerdo con la estructura de la página.

    Los archivos tipográficos importantes se priorizan desde el principio. Los demás recursos se ajustan a su uso real.

    JavaScript cumple funciones claras para interacciones reales. El código adicional del navegador se carga allí donde una función lo necesita, mientras que el contenido estático está disponible directamente.

    • Imágenes principales priorizadas desde el principio
    • Imágenes situadas más abajo cargadas de forma adecuada
    • Tipografías importantes precargadas
    • JavaScript cargado deliberadamente
  2. 06

    Tipografías locales y alternativas adecuadas

    La tipografía permanece bajo el control del propio sitio web.

    Los archivos tipográficos se almacenan localmente en la estructura del sitio web. El navegador carga la tipografía directamente desde el propio sitio.

    Una tipografía alternativa integrada localmente y ajustada métricamente favorece la representación temprana del texto y mantiene la visualización más cercana a la tipografía definitiva mientras se carga la fuente principal.

    • Archivos tipográficos locales
    • Directamente desde la estructura del sitio web
    • Tipografía alternativa ajustada métricamente
    • Tipografía controlada
  3. 07

    SVG optimizados

    Los iconos y los detalles gráficos favorecen la orientación, el uso y una impresión de calidad.

    Zetun Web utiliza iconos de interfaz claros y coherentes allí donde favorecen la navegación, la orientación o el uso.

    Los SVG, los iconos y los elementos gráficos reciben una optimización técnica antes de integrarse en el sitio web terminado.

    La optimización reduce el tamaño de los archivos y conserva la estructura técnica relevante para la representación y la reutilización.

    Los pequeños detalles gráficos se mantienen precisos, aptos para caché y eficientes en la entrega.

    • Iconos coherentes para elementos de interfaz adecuados
    • SVG optimizados técnicamente
    • Iconos y gráficos preparados
    • Recursos aptos para caché
SEO, estructura y señales de página Los metadatos, el mapa del sitio y los datos estructurados proporcionan señales técnicas claras para cada página.
  1. 08

    Fundamentos de SEO para cada página

    La visibilidad comienza con señales de página claras.

    Cada página publicada recibe un título, una descripción, una URL canónica y metadatos técnicos adaptados al contenido correspondiente.

    El mapa del sitio reúne las URL públicas, las versiones lingüísticas disponibles y la información sobre cambios. El archivo robots.txt añade orientación técnica para los motores de búsqueda.

    Los fundamentos de SEO crean una base técnica fiable. La visibilidad también depende del contenido, la demanda, la competencia, la ubicación, la confianza y las señales continuas.

    • Título y descripción por página
    • URL canónica y señales lingüísticas
    • Mapa del sitio y robots.txt
    • Orientación técnica para los motores de búsqueda
  2. 09

    Datos estructurados

    Los contenidos importantes reciben una clasificación que los sistemas pueden interpretar.

    Los datos estructurados describen la función que cumple una página: sitio web, organización, ruta de navegación, artículo, preguntas frecuentes, perfil profesional, ubicación, producto o página de servicios.

    La información procede de los mismos datos de página estructurados que los contenidos, los metadatos y las imágenes de vista previa. Los datos estructurados siguen el contenido visible y las directrices técnicas aplicables; no se añaden para intentar obtener funciones de búsqueda que no estén respaldadas.

    JSON-LD proporciona esta clasificación en un formato que los motores de búsqueda y otros sistemas técnicos pueden evaluar.

    • Datos del sitio web y de la organización
    • Migas de pan para páginas de detalle
    • Artículos, preguntas frecuentes, perfiles, ubicaciones, productos y servicios
    • JSON-LD a partir de datos de página estructurados
Entrega y archivos de producción Archivos compactos, compresión preparada y entrega eficiente.
  1. 10

    Archivos de producción compactos

    El sitio web terminado puede entregarse con eficiencia porque sus archivos de producción se preparan de forma deliberada.

    El HTML, el CSS y el JavaScript reciben una salida de producción compacta antes de la publicación.

    El CSS se ajusta al diseño utilizado realmente. Los scripts permanecen centrados en interacciones reales y en las áreas correspondientes de cada página.

    El diseño, la interacción y la preparación técnica se integran de forma eficiente antes de que los archivos estén disponibles.

    • HTML, CSS y JavaScript preparados de forma compacta
    • CSS adaptado al diseño utilizado
    • Scripts para interacciones reales
    • Preparado para una entrega eficiente
  2. 11

    Archivos precomprimidos

    Los archivos ya están disponibles en variantes de compresión adecuadas para que la entrega sea eficiente desde la primera solicitud.

    El HTML, el CSS, JavaScript, los SVG y otros archivos públicos adecuados están disponibles en varios formatos de compresión habituales.

    Durante la entrega se selecciona la variante adecuada: los navegadores modernos reciben una compresión especialmente eficiente y los formatos consolidados ofrecen una amplia compatibilidad.

    La compresión se realiza antes de la solicitud de la página. Por tanto, la entrega puede acceder directamente a archivos preparados.

    • Brotli, gzip y zstd preparados
    • Compresión antes de la solicitud de la página
    • Variante adecuada para cada navegador
    • Entrega eficiente de archivos estáticos
Usabilidad y control de calidad Revisión de accesibilidad, navegación por teclado, foco visible y recorridos de error guiados.
  1. 12

    Pruebas de accesibilidad en el navegador

    La revisión de la usabilidad y la accesibilidad forma parte de la calidad técnica de un sitio web publicado.

    Zetun Web desarrolla páginas con estructura semántica, una jerarquía clara de encabezados, un enlace para saltar al contenido, navegación por teclado, foco visible y reducción de movimiento.

    Las comprobaciones propias asistidas por axe-core proporcionan resultados técnicos sobre la versión generada del sitio web. El sitio se ejecuta como una vista previa en el navegador; las páginas, los tamaños de pantalla y los estados de interacción relevantes se revisan de forma específica.

    Zetun Web revisa los estados iniciales de las páginas, las interacciones abiertas, la activación mediante las teclas Intro y Espacio, el comportamiento de la tecla Escape, el retorno del foco, el orden de tabulación, los enlaces internos y los enlaces de anclaje dentro de la misma página.

    Los resultados sirven como base para realizar correcciones durante la revisión de lanzamiento. Los puntos técnicos detectados se revisan y corrigen de forma específica dentro del proyecto.

    Las descripciones y los textos alternativos de las imágenes se crean deliberadamente durante el proceso de contenido y calidad. Su revisión depende de la finalidad de la imagen, el contexto de la página y la facilidad de comprensión.

    • Comprobaciones asistidas por navegador
    • Revisión de varios tamaños de pantalla y estados de interacción
    • Navegación por teclado, enlace de salto y foco visible
    • Enlaces, anclas y descripciones significativas de imágenes
  2. 13

    Página de error 404 propia

    Las URL obsoletas o mal escritas siguen formando parte de una experiencia web guiada.

    Cuando no se encuentra una dirección, aparece una página de error diseñada de acuerdo con el estilo del sitio web.

    Unos recorridos claros guían al visitante hacia la página de inicio, los servicios, el contacto u otras áreas centrales.

    La página mantiene la coherencia de marca, es rápidamente accesible y se clasifica técnicamente como página de error.

    • Página 404 diseñada
    • Recorridos claros hacia el sitio web
    • Coherente con el sitio web
    • Estado de error técnicamente correcto

Una responsabilidad clara refuerza la confianza

El estándar Zetun distingue entre la implementación, la revisión, la responsabilidad del cliente y el asesoramiento especializado. Esto mantiene claro el marco operativo en diferentes sectores y jurisdicciones.

Contenido
El cliente conserva la responsabilidad editorial y aprueba las afirmaciones factuales, profesionales, regulatorias y específicas del mercado.
Páginas legales
Zetun Web prepara estructuras de página adecuadas y los detalles técnicos conocidos. El asesoramiento específico para cada jurisdicción y la aprobación legal final siguen siendo responsabilidad del cliente o de un asesor cualificado designado.
Privacidad
Las decisiones técnicas conscientes de la privacidad mejoran el control. El cumplimiento normativo también depende de los procesos, las herramientas, la gestión de datos del cliente y la legislación aplicable.
Accesibilidad
La implementación semántica y las revisiones específicas reducen las barreras. Los resultados automatizados aportan evidencia técnica, pero no constituyen una auditoría completa de accesibilidad ni una certificación legal.
Visibilidad en buscadores
El SEO técnico crea una base sólida. La visibilidad también depende de la utilidad del contenido, la demanda, la competencia, la ubicación, la autoridad y las señales continuas.

Soporte

Operación y soporte

El estándar Zetun también incluye el marco posterior al lanzamiento: alojamiento, supervisión, mantenimiento, soporte técnico, resolución de errores y una vía acordada para futuras modificaciones.

  • Alojamiento regional y operación técnica

    Durante el periodo de soporte activo, el sitio web funciona sobre una infraestructura seleccionada y administrada por Zetun Web en una región de alojamiento cercana a su público principal. Esta proximidad regional favorece una entrega rápida, mientras que el entorno del servidor y el soporte técnico básico se coordinan de manera centralizada.

  • Supervisión y mantenimiento

    La supervisión, las comprobaciones operativas, las actualizaciones de seguridad y el mantenimiento de las dependencias técnicas permiten mantener el estado técnico bajo control.

  • Resolución de errores

    Cuando una parte acordada del sitio web no funciona tal como fue desarrollada, su corrección durante el periodo de soporte activo forma parte del marco operativo acordado.

  • Modificaciones y ampliaciones especiales

    Las nuevas solicitudes se evalúan dentro del proyecto del sitio web. Las actualizaciones acordadas pueden formar parte del soporte continuo; las ampliaciones especiales y los cambios de mayor alcance reciben una definición clara antes de comenzar el trabajo y no se ofrecen al margen de un proyecto web.

Cuatro artículos explican cómo la confianza, la calidad técnica, la privacidad y el soporte continuo contribuyen a un sitio web fiable.

Siguiente

Del estándar compartido al alcance del proyecto

El sitio web constituye la base de cada colaboración. Su alcance se adapta a la empresa y a sus objetivos; las ampliaciones especiales complementan el sitio web allí donde el proyecto realmente las necesita.

El sitio web adecuado comienza con su empresa.

El primer paso es una conversación sobre su empresa, su público, su situación actual y el cambio que necesita su sitio web.