Optimized meta tags

2026-04-23 08:58:35 +02:00 · 2023-09-25 18:49:44 +02:00
parent ec719182c8
commit c6b2abd89a
9 changed files with 18 additions and 18 deletions
--- a/src/flow/code-2.html
+++ b/src/flow/code-2.html
@@ -4,6 +4,8 @@
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>OAuth 2.0 Playground - Authorization Code Flow (2/3)</title>
    <meta name="description"
        content="Dive deep into the Authorization Code Flow with our interactive guide. Understand its workings, best practices, and its role in OAuth for secure user authentication. Ideal for developers aiming for robust web app integrations." />
    <link rel="icon" href="../favicon.ico" type="image/x-icon">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/css/materialize.min.css">
    <link type="text/css" rel="stylesheet" href="../css/style.css" />
--- a/src/flow/code-3.html
+++ b/src/flow/code-3.html
@@ -4,6 +4,8 @@
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>OAuth 2.0 Playground - Authorization Code Flow (3/3)</title>
    <meta name="description"
        content="Dive deep into the Authorization Code Flow with our interactive guide. Understand its workings, best practices, and its role in OAuth for secure user authentication. Ideal for developers aiming for robust web app integrations." />
    <link rel="icon" href="../favicon.ico" type="image/x-icon">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/css/materialize.min.css">
    <link type="text/css" rel="stylesheet" href="../css/style.css" />
--- a/src/flow/code.html
+++ b/src/flow/code.html
@@ -4,12 +4,8 @@
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>OAuth 2.0 Playground - Authorization Code Flow</title>
-    <meta name="description" content="OAuth 2.0 protocol designed for web applications that can securely store client secrets.
+    <meta name="description"
-                                    The application directs users to an authorization server to log in and grant permissions. Upon consent, the server
+        content="Dive deep into the Authorization Code Flow with our interactive guide. Understand its workings, best practices, and its role in OAuth for secure user authentication. Ideal for developers aiming for robust web app integrations." />
                                    issues an authorization code. The application then exchanges this code for an access token in a server-to-server
                                    request, using its client ID, client secret, and redirection URI. This flow ensures the access token is never directly
                                    exposed to users, offering enhanced security. It's best suited for server-side web applications with the capability to
                                    protect the client secret." />
    <link rel="icon" href="../favicon.ico" type="image/x-icon">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/css/materialize.min.css">
    <link type="text/css" rel="stylesheet" href="../css/style.css" />
--- a/src/flow/dag.html
+++ b/src/flow/dag.html
@@ -3,7 +3,9 @@
 <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>OAuth 2.0 Playground - Device Authorization Grant (1/3)</title>
+    <title>OAuth 2.0 Playground - Device Authorization Grant</title>
    <meta name="description"
        content="Discover the Device Authorization Grant in action. Delve into its unique OAuth process tailored for limited-input devices, ensuring secure user authentication. A must-visit for developers optimizing for diverse device integrations." />
    <link rel="icon" href="../favicon.ico" type="image/x-icon">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/css/materialize.min.css">
    <link type="text/css" rel="stylesheet" href="../css/style.css" />
--- a/src/flow/pkce-2.html
+++ b/src/flow/pkce-2.html
@@ -4,6 +4,8 @@
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>OAuth 2.0 Playground - PKCE Flow (2/4)</title>
    <meta name="description"
        content="Unlock the secrets of the PKCE Flow with our detailed walkthrough. Learn how this enhanced OAuth method fortifies security, especially for public clients. Essential for developers prioritizing top-tier web app authentication." />
    <link rel="icon" href="../favicon.ico" type="image/x-icon">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/css/materialize.min.css">
    <link type="text/css" rel="stylesheet" href="../css/style.css" />
--- a/src/flow/pkce-3.html
+++ b/src/flow/pkce-3.html
@@ -4,6 +4,8 @@
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>OAuth 2.0 Playground - PKCE Flow (3/4)</title>
    <meta name="description"
        content="Unlock the secrets of the PKCE Flow with our detailed walkthrough. Learn how this enhanced OAuth method fortifies security, especially for public clients. Essential for developers prioritizing top-tier web app authentication." />
    <link rel="icon" href="../favicon.ico" type="image/x-icon">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/css/materialize.min.css">
    <link type="text/css" rel="stylesheet" href="../css/style.css" />
--- a/src/flow/pkce-4.html
+++ b/src/flow/pkce-4.html
@@ -4,6 +4,8 @@
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>OAuth 2.0 Playground - PKCE Flow (4/4)</title>
    <meta name="description"
        content="Unlock the secrets of the PKCE Flow with our detailed walkthrough. Learn how this enhanced OAuth method fortifies security, especially for public clients. Essential for developers prioritizing top-tier web app authentication." />
    <link rel="icon" href="../favicon.ico" type="image/x-icon">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/css/materialize.min.css">
    <link type="text/css" rel="stylesheet" href="../css/style.css" />
--- a/src/flow/pkce.html
+++ b/src/flow/pkce.html
@@ -4,12 +4,7 @@
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>OAuth 2.0 Playground - PKCE Flow</title>
-    <meta name="description" content="Proof Key for Code Exchange is a security protocol for the OAuth 2.0 authorization framework, designed to prevent
+    <meta name="description" content="Unlock the secrets of the PKCE Flow with our detailed walkthrough. Learn how this enhanced OAuth method fortifies security, especially for public clients. Essential for developers prioritizing top-tier web app authentication." />
                                    interception attacks in the authorization code flow. It's especially crucial for mobile or single-page applications
                                    where storing a client secret securely is challenging. In PKCE, the client creates a dynamic 'code verifier' and its
                                    transformed 'code challenge.' The server remembers this challenge, and when the authorization code is exchanged for an
                                    access token, the client provides the original verifier. The server validates it against the stored challenge, ensuring
                                    added security against malicious interceptions." />
    <link rel="icon" href="../favicon.ico" type="image/x-icon">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/css/materialize.min.css">
    <link type="text/css" rel="stylesheet" href="../css/style.css" />
--- a/src/index.html
+++ b/src/index.html
@@ -5,11 +5,8 @@
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>OAuth 2.0 Playground</title>
-    <meta name="description" content="This playground serves as an interactive platform designed to familiarize developers and students with the
+    <meta name="description"
-                intricacies of OAuth authentication processes. Beyond just theoretical knowledge, this playground provides practical
+        content="Explore the nuances of OAuth through our interactive playground. Designed for developers and students, gain hands-on experience with token exchanges, callback handling, and common challenges. Elevate your skills for secure user authentication in modern web apps." />
                insights into the OAuth token exchange, callback handling, and potential pitfalls or challenges one might face during real-world integrations. The ultimate aim
                is to bolster understanding and confidence in implementing OAuth, ensuring secure and efficient user authentication and authorization
                in modern web applications." />
    <link rel="icon" href="favicon.ico" type="image/x-icon">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/css/materialize.min.css">
    <link type="text/css" rel="stylesheet" href="css/style.css" />