Asegúrese de que su sitio web esté disponible y sea utilizable para todos durante COVID-19

Esta página proporciona orientación para ayudar a garantizar que su sitio web esté disponible, accesible, seguro y utilizable para todos en todo momento.

La guía en esta página proviene de una colección multifuncional de equipos dentro de Google que están cambiando su enfoque a corto plazo para respaldar sitios web que ayudan a las personasLas personas son personalidades imaginarias que representan a un determinado grupo objetivo. En el marketing online, las personas ayudan a entender mejor a los usuarios de un portal web o a los clientes de una tienda online. Concepto de personas Para que las personas puedan ejercer su efecto positivo, deben ser lo más detalladas viable. Esto conlleva un término exhaustiva de los grupos destinatarios para conseguir datos empíricos. La próxima más a mantenerse seguras durante la situación de COVID-19. Estos empleados de Google han visto que los sitios se enfrentan a un aumento sin precedentes en la demanda de personas que buscan información crítica, muchas de las cuales rara vez o nunca han utilizado la web antes. Puede ser un desafío garantizar que los sitios estén disponibles durante este tiempo y accesibles para todos.

Guia

Disponibilidad, confiabilidad, resiliencia y estabilidad

Si su sitio está experimentando picos de tráfico y está fallando, o si desea evitar que falle, la guía a continuación puede ayudarlo a solucionar problemas rápidamente o detectarlos antes de que se conviertan en problemas importantes.

• Lea Reparar un servidorLos servidores son ordenadores centrales y potentes dentro del campo de la tecnología de la información que procesan y proporcionan software y archivos en una red. Desde el punto de vista de un cliente, varios ordenadores en una red pueden ponerse en contacto con el servidor central para conseguir la información solicitada. En la arquitectura cliente-servidor, el servidor puede ser un software que proporciona un servicio y se ejecuta en más sobrecargado para aprender a detectar, mitigar y prevenir problemas de picos de tráfico.
• Elimine imágenes, videos, scriptsConcepto de Scripts¿Qué son los Scripts?Los Scripts son fragmentos de código que se usan para dar forma a herramientas tanto en Internet como en el sector de la informática en general. Son una parte crucial del software, puesto que se trata exactamente del código que conforma a una aplicación en su totalidad o a una de sus funciones, como además el que puedes hallar explorando cómo está hecha una web.Desde más y fuentes innecesarios. Asegúrese de que cada página se centre en ofrecer la funcionalidad que las personas que utilizan su sitio realmente necesitan.
• La optimización de sus imágenes puede reducir significativamente el uso de ancho de banda de su servidor porque las imágenes son la fuente número uno de hinchazón en la web.
• Descargue la mayor cantidad posible de contenidoEl contenido puede ser muy difícil de definir con precisión. Es una definición que se refiere a las declaraciones contenidas en un documento o publicación de cualquier tipo y puede incluir las tecnologías de la información y la comunicación. Esto cubre todos los tipos de medios como imágenes y texto. A parte de esto, en el campo de la optimización de motores de búsqueda, los términos duplicar contenido, contenido único, más estático en CDN. Más detalles de proveedores comunes:
  AWS,
  Azur,
  Cloudflare,
  Google Cloud,
  Firebase.
• Compruebe si su CDN tiene alguna optimización que sea fácil de activar, como compresión dinámica de imágenes, compresión de texto o minificación automática de recursos JS y CSSConcepto de CSS¿Qué es el CSS?CSS es un lenguaje de programación que se usa para definir el estilo y el aspecto de un documento que se ha escrito mediante de un lenguaje de etiquetas, como HTML. Conocido además como hojas de estilo en cascada, es el que se emplea para dar colores, indicar tipos de letra o inclusive resaltar aspectos como el espacio entre items para dotar de estilo a más.
• La optimización del almacenamiento en cachéUn caché es un tipo de memoria auxiliar de la que se puede recuperar a alta velocidad con una capacidad de almacenamiento relativamente pequeña. Se encuentra entre la unidad central de procesamiento (CPU) y la memoria principal. Ayuda a evitar el acceso al disco duro o los recálculos complejos almacenando temporalmente ciertos datos y haciéndolos disponibles rápidamente cuando sea necesario. El caché almacena una copia de la petición actual y más HTTPEl HTTP (Hyper Text Transfer Protocol) es un protocolo que se usa para transmitir datos en redes. HTTP es un estándar técnico generalmente aceptado que establece cómo un cliente web se comunica con un servidor para que los datos solicitados por el cliente puedan ser cargados y mostrados. Información general Junto con el URL y el HTML, HTTP es uno de los conceptos más importantes de Internet (www). Fue desarrollado más puede reducir significativamente las demandas de sus servidores con un cambio mínimo de código. Consulte La caché HTTP: su primera línea de defensa para obtener una descripción general y Almacenamiento en caché HTTP
  y Mejores prácticas de almacenamiento en caché para recomendaciones específicas. Servir activos estáticos con una auditoría de políticas de caché eficiente en Lighthouse puede ayudarlo a detectar rápidamente los recursos que no se están almacenando en caché. Tenga en cuenta que los diferentes tipos de recursos tendrán diferentes requisitos de actualización y, por lo tanto, requerirán diferentes estrategias de almacenamiento en caché.
• Los trabajadores de servicio son otra forma de reducir significativamente las demandas en sus servidores, pero pueden requerir una inversión técnica significativa. También permiten que su sitio web funcione
  desconectado, lo que le permite presentar horarios de apertura, números de teléfono y otra información a los usuarios que regresan sin una conexión. Workbox es el enfoque recomendado para agregar trabajadores de servicio a sitios web porque automatiza una gran cantidad de repetición, facilita el seguimiento de las mejores prácticas y evita errores sutiles que son comunes cuando se usa el nivel bajo. ServiceWorker
  APIConcepto de API¿Qué es una API?Una API, siglas de Application Programming Interface o Interfaz de Programación de Apps, es un recopilatorio de código que se puede emplear para que varias apps se comuniquen entre ellas. Es algo que realiza una tarea equivalente a la interfaz de usuario al momento de promover la interacción entre persona y programa, solo que aplicado única y exclusivamente dentro del entorno del software.Aún cuando suene más directamente.
• Si su sitio está experimentando un mayor uso, verifique si tiene la protección adecuada contra Ataques DDoS porque su sitio ahora puede ser un objetivo¿Qué es un objetivo?En marketing, un objetivo es el resultado que se pretende alcanzar en un periodo de tiempo, a través el uso de los recursos disponibles. Por tanto, se debe formular de una forma clara y hace falta que sea accesible y medible. más más atractivo. Más detalles de proveedores comunes:
  AWS,
  Azur,
  Cloudflare,
  Google Cloud.

Consulte Confiabilidad de la red para obtener más orientación.

AccesibilidadAccesibilidad significa que algo puede ser usado, obtenido, acercado, ingresado o alcanzado. De ello pueden derivarse dos significados aplicables a Internet. En primer lugar, la provisión de acceso a Internet a las personas con discapacidad o a las personas mayores lo más libre viable de barreras y, en segundo lugar, la accesibilidad y la legibilidad de una web para un crawler. Accesibilidad en términos de ausencia de barreras Actualmente, Internet más

Centrarse en la accesibilidad es más importante que nunca porque es probable que más personas con una variedad de necesidades accedan a su sitio. Siga las pautas a continuación para asegurarse de que la funcionalidad principal de su sitio web sea accesible para todos.

Identidad, seguridad y privacidad

Puede ser tentador tomar atajos para obtener soluciones críticas, pero siempre tenga cuidado de no abrir agujeros de seguridad al hacerlo. Las personas necesitan acceder a contenido sobre temas que son extremadamente privados. Los sitios web deben proteger a toda costa estos datos confidenciales del usuario y convencer a las personas de que
información de identificación personal (PII) es seguro.

Consulte Seguro y protegido para obtener más orientación.

Usabilidad, UI y UX

Las personas dependen cada vez más de la web para satisfacer sus necesidades básicas. Muchas de estas personas no utilizan la web con frecuencia. Vale la pena auditar la usabilidad de la funcionalidad principal de su sitio y asegurarse de que sea lo más simple y fácil de usar posible.

• Considere agregar un bannerConcepto de Banner¿Qué es un Banner?El Banner es un formato publicitario bastante presente en internet, por no decir que es el que más presencia posee. Consiste en una pieza de promoción comercial de contenido gráfico que se introduce en cualquier portal online para dar visibilidad a una marca, negocio o campaña de cualquier tipo y puede ser tanto estática como dinámica. La variedad es una de las facetas más importantes más prominente (que se puede quitar con un X botón) en la parte superior de su sitio web que comunica claramente las actualizaciones del servicio. Utilice un llamado a la acción en el banner para dirigir a las personas a recursos más específicos. Considere usar colores y fuentes distintos que se destaquen del resto del contenido de su página. Mantenga su redacción empática, centrada en las necesidades de las personas y transparente sobre qué tipo de servicio esperar.
• Busque oportunidades para minimizar las interacciones físicas en su viajes de usuario críticos (CUJ) y sugiera esos cambios a su equipo de producto. Por ejemplo, si su servicio de entrega generalmente requiere una firma, vea si hay alguna forma de solucionarlo.
• Verifique que sus CUJ sean lo más simples e intuitivos posible y sugiera cambios a su equipo de producto si ve alguna oportunidad para mejorar.
• Revisa el principios de un buen diseño móvil
  y pruebe sus CUJ en varios dispositivos móviles para asegurarse de que no haya problemas evidentes. Las personas que no utilizan la web con frecuencia y de repente se ven obligadas a depender más de la web probablemente accedan a su sitio desde dispositivos móviles.
• Refactorice su sitio para usar patrones de diseño receptivo
  cuanto más se pueda.
• Asegúrese de que sus formularios estén
  eficiente
  y
  bien diseñado.

SEO  ¿Qué es SEO o search engine optimization?   Conjunto de prácticas destinadas a mejorar el posicionamiento de una web en el ranking de resultados de los motores de búsqueda. Al contrario que la estrategia SEM, que contempla la inclusión de enlaces contratados para obtener este objetivo, el procedimiento SEO se ocupa exclusivamente de los resultados naturales (no pagados) localizados por el algoritmo propio de cada buscador. Para esto contempla ajustar más

Las personas buscan información crítica relacionada con la salud y el trabajo. Es importante asegurarse de que sus sitios sean detectables por todos los motores de búsquedaConcepto de Motores de Búsqueda¿Qué son los Motores de Búsqueda?Los Motores de búsqueda, o Search Engines, son lo que se conoce comúnmente como buscadores. Todos aquellos sistemas informáticos que trabajan buscando todos los archivos almacenados en internet por medio de de arañas o crawlers para elaborar páginas de resultados que sirvan para que los usuarios accedan a webs tras realizar una búsqueda. Son los responsables de que, al buscar cualquier más. Las auditorías de Lighthouse SEO pueden ayudarlo a detectar problemas básicos. Siga los blogs oficiales de los motores de búsqueda para obtener la orientación y las actualizaciones más recientes:
Google,
Bing,
Baidu,
Pato Pato a ganar,
Yandex. Publicaciones recientes relacionadas con COVID-19:

Consulte Detectable para obtener más orientación.

Actuación

Algunos ISP (en la India por ejemplo) están viendo un fuerte aumento en el uso de Internet en el hogar
y no tienen la infraestructura para satisfacer la creciente demanda. En situaciones como esta, la velocidad de su sitio web puede disminuir sin que usted tenga la culpa. Optimizar el rendimiento de su carga podría ser una forma de compensar el viento en contra del ancho de banda reducido. En otras palabras, al reducir la cantidad de bytes que deben enviarse a través de la red para cargar sus páginas, puede compensar el impacto en el rendimiento de la reducción del ancho de banda.

• Las imágenes son las principal causa de hinchazón en la web. Es posible que pueda reducir significativamente el uso de ancho de banda de su sitio web optimizando sus imágenes.
  Squoosh es una sencilla herramienta de compresión de imágenes de código abiertoEl Código Abierto u Open Source se refiere al código fuente del software que es abiertamente alcanzable y que puede ser cambiado y distribuido por cualquier persona. La propuesta de código abierto estipula diez requerimientos para las licencias de software de código abierto. El principio El código fuente de un software se hace público: cualquiera puede leerlo, desarrollar el propio software y copiarlo. El software puede ser utilizado o distribuido más que puede ayudarlo a comprimir rápidamente sus imágenes.
• correr WebPageTest o
  Faro
  para descubrir sus principales oportunidades de mejora del rendimiento.
• Habilite la compresión de texto para reducir el tamaño de red de los recursos de texto. A menudo, esto es una ganancia de rendimiento fácil que requiere una inversión técnica mínima.
• Lea Cómo corregir la velocidad del sitio web de forma cruzada para aprender a colaborar y obtener la aceptación de otros departamentos.
• Utilice la carga diferida nativa para imágenes a fin de minimizar las solicitudes de imágenes que es posible que la gente nunca vea. Compatibilidad del navegador
  no es 100%, pero la función puede tratarse como una mejora progresivaLa mejora progresiva es una estrategia de diseño web diseñada para permitir que el contenido básico de una web se muestre independientemente de la tecnología del navegador, la conexión a Internet o el tipo de dispositivo final. A la vez, no obstante, la web en cuestión además debería ofrecer una versión completa diseñada para satisfacer los mejores requerimientos técnicos posibles. Un resultado de esta estrategia es un diseño responsive. Una más. En otras palabras, si un determinado navegadorUn navegador (además: browser) es una herramienta informática que te permite ver documentos y datos y navegar por la red. Los navegadores pueden mostrar distintos tipos de recursos de información; principalmente documentos HTML, a pesar de todo, además son posibles otros tipos de archivos y contenido multimedia, como PDF, JPEG, MPEG, GIF o el lenguaje de meta marcado. A través el uso de complementos especiales y la configuración respectivo, los más no admite la carga diferida nativa, la imagen debería cargarse como lo hace normalmente.
• Compruebe si su sitio tiene alguna prueba A / B o scripts de personalización que se puedan cargar de forma más asincrónica o si hay alguna funcionalidad no crítica en los scripts que se pueda deshabilitar. Los scripts de personalización y pruebas A / B generalmente no se pueden cargar completamente asincrónicamente porque deben ejecutarse antes de que se cargue el contenido de la página, pero puede haber alguna oportunidad de cargar partes de los scripts de forma más asincrónica. Ver Ruta de renderización crítica para comprender la compensación fundamental entre los scripts sincrónicos (también conocidos como scripts de bloqueo de procesamiento) en general y el tiempo de carga de la página, y luego decidir si necesita priorizar los scripts de bloqueo de procesamiento sobre el tiempo de carga de la página, o viceversa.
• El código de terceros constituye alrededor de la mitad de todas las solicitudes para la mayoría de los sitios web. Considerar
  optimizando
  o eliminar o deshabilitar temporalmente el código de terceros que no es fundamental para el funcionamiento de su sitio.
• Si los lanzamientos de funciones no tienen prioridad, este podría ser el momento perfecto para limpiar. Elimine las etiquetas de sus administradores de etiquetas, limpie CSS y JS inflados y elimine las funciones o el código obsoletos. los
  Pestaña de cobertura
  en Chrome DevTools y
  Coverage La clase en Puppeteer puede ayudarte a detectar código no utilizado.

Consulte Tiempos de carga rápidos para obtener más orientación.

Imagen de héroe por
NASA en
Unsplash