Optimized meta tags

2026-01-11 22:41:29 +01: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.
-                                    The application directs users to an authorization server to log in and grant permissions. Upon consent, the server
-                                    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." />
+    <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/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
-                                    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." />
+    <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/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
-                intricacies of OAuth authentication processes. Beyond just theoretical knowledge, this playground provides practical
-                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." />
+    <meta name="description"
+        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." />
    <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" />