Stellen Sie sicher, dass Ihre Website während COVID-19 für alle verfügbar und nutzbar ist

Diese Seite enthält Anleitungen, um sicherzustellen, dass Ihre Website jederzeit für alle verfügbar, zugänglich, sicher und nutzbar ist.

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 Personen 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.

führen

Verfügbarkeit, Zuverlässigkeit, Belastbarkeit und Stabilität

Si su sitio está experimentando picos de der Verkehr 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 Server sobrecargado para aprender a detectar, mitigar y prevenir problemas de picos de tráfico.
• Elimine imágenes, videos, Skripte 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.
• Durch die Optimierung Ihrer Bilder kann die Bandbreitennutzung Ihres Servers erheblich reduziert werden, da Bilder sind die häufigste Quelle für Aufblähungen im Web.
• Descargue la mayor cantidad posible de Inhalt estático en CDN. Más detalles de proveedores comunes:
  AWS,
  Azurblau,
  Cloudflare,
  Google Cloud,
  Feuerbasis.
• Compruebe si su CDN tiene alguna optimización que Sein 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 CSS.
• La optimización del almacenamiento en Zwischenspeicher HTTP 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 HTTP-Caching
  y Best Practices zwischenspeichern für spezifische Empfehlungen. Durch die Bereitstellung statischer Assets mit effizienter Cache-Richtlinienüberwachung in Lighthouse können Sie Ressourcen, die nicht zwischengespeichert werden, schnell erkennen. Beachten Sie, dass unterschiedliche Ressourcentypen unterschiedliche Aktualisierungsanforderungen haben und daher unterschiedliche Caching-Strategien erfordern.
• Servicemitarbeiter sind eine weitere Möglichkeit, die Anforderungen an Ihre Server erheblich zu reduzieren. Sie können jedoch erhebliche technische Investitionen erfordern. Sie ermöglichen auch, dass Ihre Website funktioniert
  getrenntSo können Sie wiederkehrenden Benutzern ohne Verbindung Öffnungszeiten, Telefonnummern und andere Informationen präsentieren. Workbox ist der empfohlene Ansatz zum Hinzufügen von Servicemitarbeitern zu Websites, da er viele Wiederholungen automatisiert, das Nachverfolgen von Best Practices vereinfacht und subtile Fehler vermeidet, die bei der Verwendung der niedrigen Ebene häufig auftreten. ServiceWorker
  API directamente.
• Wenn Ihre Website zunehmend genutzt wird, prüfen Sie, ob Sie ausreichend geschützt sind DDoS-Angriffe porque su sitio ahora puede ser un Ziel más atractivo. Más detalles de proveedores comunes:
  AWS,
  Azurblau,
  Cloudflare,
  Google Cloud.

Weitere Anleitungen finden Sie unter Netzwerkzuverlässigkeit.

Barrierefreiheit

Die Konzentration auf Barrierefreiheit ist wichtiger denn je, da wahrscheinlich mehr Menschen mit unterschiedlichen Anforderungen auf Ihre Website zugreifen. Befolgen Sie die folgenden Richtlinien, um sicherzustellen, dass die Kernfunktionalität Ihrer Website für alle zugänglich ist.

Identität, Sicherheit und Datenschutz

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 Nutzername y convencer a las personas de que
persönlich identifizierbare Informationen (PII) ist sicher.

Weitere Anleitungen finden Sie unter Sicher und sicher.

Benutzerfreundlichkeit, Benutzeroberfläche und UX

Die Menschen verlassen sich zunehmend auf das Internet, um ihre Grundbedürfnisse zu erfüllen. Viele dieser Leute nutzen das Web nicht häufig. Es lohnt sich, die Benutzerfreundlichkeit der Kernfunktionen Ihrer Website zu überprüfen und sicherzustellen, dass diese so einfach und benutzerfreundlich wie möglich sind.

• Considere agregar un Banner prominente (que se puede quitar con un X. Schaltfläche) oben auf Ihrer Website, die Service-Updates klar kommuniziert. Verwenden Sie einen Aufruf zum Handeln auf dem Banner, um Personen zu spezifischeren Ressourcen zu leiten. Verwenden Sie verschiedene Farben und Schriftarten, die sich vom Rest des Inhalts Ihrer Seite abheben. Halten Sie Ihr Schreiben einfühlsam, auf die Bedürfnisse der Menschen ausgerichtet und transparent darüber, welche Art von Service zu erwarten ist.
• Suchen Sie nach Möglichkeiten, um physische Interaktionen in Ihrem Unternehmen zu minimieren kritische Benutzerreisen (CUJ) und schlagen Sie diese Änderungen Ihrem Produktteam vor. Wenn für Ihren Lieferservice beispielsweise im Allgemeinen eine Signatur erforderlich ist, prüfen Sie, ob es eine Möglichkeit gibt, diese zu beheben.
• Stellen Sie sicher, dass Ihre CUJs so einfach und intuitiv wie möglich sind, und schlagen Sie Ihrem Produktteam Änderungen vor, wenn Sie Verbesserungsmöglichkeiten sehen.
• Überprüf den Prinzipien eines guten mobilen Designs
  und testen Sie Ihre CUJs auf verschiedenen Mobilgeräten, um sicherzustellen, dass keine offensichtlichen Probleme vorliegen. Personen, die das Web nicht häufig nutzen und plötzlich gezwungen sind, sich stärker auf das Web zu verlassen, greifen wahrscheinlich über mobile Geräte auf Ihre Website zu.
• Refactor Ihre Website zu verwenden reaktionsschnelle Designmuster
  so viel wie möglich.
• Stellen Sie sicher, dass Ihre Formulare sind
  effizient
  y
  gut designed.

SEO

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 Suchmaschinen. 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,
Ente Ente um zu gewinnen,
Yandex. Aktuelle Beiträge zu COVID-19:

Weitere Anleitungen finden Sie unter Erkennbar.

Performance

Einige ISPs (in Indien zum Beispiel) schauen a starker Anstieg der Internetnutzung zu Hause
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. Optimieren 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.

• Die Bilder sind die Hauptursache für Schwellungen im Web. Möglicherweise können Sie die Bandbreitennutzung Ihrer Website erheblich reduzieren, indem Sie Ihre Bilder optimieren.
  Squoosh es una sencilla herramienta de compresión de imágenes de Open Source que puede ayudarlo a comprimir rápidamente sus imágenes.
• laufen WebPageTest oder
  Leuchtturm
  um Ihre Möglichkeiten zur Leistungsverbesserung zu entdecken.
• Aktivieren Sie die Textkomprimierung, um die Netzwerkgröße der Textressourcen zu verringern. Dies ist oft ein einfacher Leistungsgewinn, der nur minimale technische Investitionen erfordert.
• Lesen Sie, wie Sie die Geschwindigkeit von Websites korrigieren können, um zu erfahren, wie Sie zusammenarbeiten und sich von anderen Abteilungen einkaufen lassen.
• Verwenden Sie das native verzögerte Laden von Bildern, um Anfragen nach Bildern zu minimieren, die möglicherweise nie angezeigt werden. Browser-Kompatibilität
  no es 100%, pero la función puede tratarse como una fortschreitende Verbesserung. En otras palabras, si un determinado Browser no admite la carga diferida nativa, la imagen debería cargarse como lo hace normalmente.
• Überprüfen Sie, ob auf Ihrer Site A / B-Test- oder Anpassungsskripte vorhanden sind, die asynchroner geladen werden können, oder ob die Skripte unkritische Funktionen enthalten, die deaktiviert werden können. Anpassungs- und A / B-Testskripte können im Allgemeinen nicht geladen werden vollständig asynchron, da sie ausgeführt werden müssen, bevor der Seiteninhalt geladen wird. Möglicherweise besteht jedoch die Möglichkeit, Teile der Skripte asynchroner zu laden. Sehen Kritischer Renderpfad Um den grundlegenden Kompromiss zwischen synchronen Skripten (auch als Render-Lock-Skripten bezeichnet) im Allgemeinen und der Ladezeit der Seite zu verstehen, müssen Sie entscheiden, ob Sie Render-Lock-Skripten Vorrang vor der Ladezeit der Seite einräumen müssen oder umgekehrt.
• Code von Drittanbietern bildet etwa die Hälfte aller Anfragen für die meisten Websites. Berücksichtigen
  optimieren
  oder Code von Drittanbietern entfernen oder vorübergehend deaktivieren, der für den Betrieb Ihrer Website nicht kritisch ist.
• Wenn Feature-Releases keinen Vorrang haben, ist dies möglicherweise der perfekte Zeitpunkt für die Bereinigung. Entfernen Sie Tags aus Ihren Tag-Managern, bereinigen Sie aufgeblähtes CSS und JS und entfernen Sie veralteten Code oder veraltete Funktionen. das
  Registerkarte "Abdeckung"
  in Chrome DevTools und
  Abdeckung Die Klasse in Puppeteer kann Ihnen helfen, nicht verwendeten Code zu erkennen.

Weitere Anleitungen finden Sie unter Schnellladezeiten.

Heldenbild zum
TOPF im
Unsplash