Merge pull request #42 from hoangsonww/search-results-page-fixes

Improved App SEO & Fixed Search Results Page
hoangsonww · Feb 25, 2024 · a1b5e1d · a1b5e1d
2 parents e092f38 + 5ce6b6e
commit a1b5e1d
Show file tree

Hide file tree

Showing 26 changed files with 74 additions and 37 deletions.
diff --git a/404.html b/404.html
@@ -4,6 +4,8 @@
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta name="description" content="404 Page Not Found - The page you are looking for does not exist on The MovieVerse. Explore our site to find movies, directors, actors, and more.">
+    <link rel="canonical" href="https://movie-verse.com/404.html">
     <title>404 Not Found - The MovieVerse</title>
     <link rel="stylesheet" href="MovieVerse-Frontend/css/style.css"/>
     <link rel="icon" type="image/x-icon" href="images/favicon.ico">

diff --git a/MovieVerse-Frontend/html/about.html b/MovieVerse-Frontend/html/about.html
@@ -6,7 +6,7 @@
     <title>About The MovieVerse</title>
     <meta property="og:title" content="About The MovieVerse - Your Ultimate Movie Guide" />
     <script src="../js/settings.js"></script>
-    <meta name="description" content="Explore The MovieVerse to discover and learn about your favorite movies, directors, actors, and more.">
+    <meta name="description" content="Learn about The MovieVerse, your ultimate movie guide. Discover our mission, features, and how we create a haven for movie enthusiasts to explore cinema.">
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <meta property="og:locale" content="en_US" />
     <meta property="og:type" content="website" />
@@ -18,7 +18,7 @@
     <meta property="og:favicon" content="./images/favicon.ico" />
     <meta name="keywords" content="movies, film guide, directors, actors, movie genres, cinema, film reviews">
     <meta name="author" content="Son Nguyen Hoang">
-    <link rel="canonical" href="https://movie-verse.com/"/>
+    <link rel="canonical" href="https://movie-verse.com/MovieVerse-Frontend/html/about.html"/>
     <meta name="robots" content="index, follow">
     <meta name="rating" content="General">
     <meta name="revisit-after" content="3 days">

diff --git a/MovieVerse-Frontend/html/actor-details.html b/MovieVerse-Frontend/html/actor-details.html
@@ -5,6 +5,8 @@
     <title>Actor Details - The MovieVerse</title>
     <link rel="stylesheet" href="../css/style.css">
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <meta name="description" content="Discover detailed insights into your favorite actors on The MovieVerse. Explore filmographies, biographies, and more to learn about the stars of cinema.">
+    <link rel="canonical" href="https://movie-verse.com/MovieVerse-Frontend/html/actor-details.html">
     <meta property="og:locale" content="en_US" />
     <meta property="og:type" content="website" />
     <meta http-equiv="content-language" content="en" />
@@ -15,7 +17,6 @@
     <meta property="og:favicon" content="./images/favicon.ico" />
     <meta name="keywords" content="movies, film guide, directors, actors, movie genres, cinema, film reviews">
     <meta name="author" content="Son Nguyen Hoang">
-    <link rel="canonical" href="https://movie-verse.com/"/>
     <meta name="robots" content="index, follow">
     <meta name="rating" content="General">
     <meta name="revisit-after" content="3 days">
@@ -31,6 +32,7 @@
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css"/>
     <script src="../js/settings.js"></script>
     <link rel="manifest" href="../../manifest.json">
+    <link rel="icon" type="image/x-icon" href="../../images/favicon.ico">
     <script async src="https://www.googletagmanager.com/gtag/js?id=G-CQKJ67FXZ4"></script>
     <script>
         window.dataLayer = window.dataLayer || [];

diff --git a/MovieVerse-Frontend/html/analytics.html b/MovieVerse-Frontend/html/analytics.html
@@ -2,8 +2,10 @@
 <html lang="en">
 <head>
     <meta charset="UTF-8">
-    <title>MovieVerse Analytics</title>
+    <title>MovieVerse Analytics - The MovieVerse</title>
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <meta name="description" content="Dive into the MovieVerse Analytics to explore fascinating insights and trends about movies, genres, releases, and more. Discover the cinematic world through data.">
+    <link rel="canonical" href="https://movie-verse.com/MovieVerse-Frontend/html/analytics.html">
     <meta property="og:locale" content="en_US" />
     <meta property="og:type" content="website" />
     <meta http-equiv="content-language" content="en" />
@@ -14,7 +16,6 @@
     <meta property="og:favicon" content="./images/favicon.ico" />
     <meta name="keywords" content="movies, film guide, directors, actors, movie genres, cinema, film reviews">
     <meta name="author" content="Son Nguyen Hoang">
-    <link rel="canonical" href="https://movie-verse.com/"/>
     <meta name="robots" content="index, follow">
     <meta name="rating" content="General">
     <meta name="revisit-after" content="3 days">

diff --git a/MovieVerse-Frontend/html/chatbot.html b/MovieVerse-Frontend/html/chatbot.html
@@ -3,10 +3,12 @@
 
 <head>
     <meta charset="UTF-8">
-    <title>MovieVerse Chatbot</title>
+    <title>Chatbot - The MovieVerse</title>
     <link rel="stylesheet" href="../css/chatbot.css"/>
     <link rel="icon" type="image/x-icon" href="../../images/favicon.ico">
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <meta name="description" content="Interact with the MovieVerse Chatbot for instant answers to your movie-related questions. Discover movies, actors, directors, and more through an engaging chat interface.">
+    <link rel="canonical" href="https://movie-verse.com/chatbot.html">
     <meta property="og:locale" content="en_US" />
     <meta property="og:type" content="website" />
     <meta http-equiv="content-language" content="en" />
@@ -17,7 +19,6 @@
     <meta property="og:favicon" content="./images/favicon.ico" />
     <meta name="keywords" content="movies, film guide, directors, actors, movie genres, cinema, film reviews">
     <meta name="author" content="Son Nguyen Hoang">
-    <link rel="canonical" href="https://movie-verse.com/"/>
     <meta name="robots" content="index, follow">
     <meta name="rating" content="General">
     <meta name="revisit-after" content="3 days">

diff --git a/MovieVerse-Frontend/html/christopher-nolan.html b/MovieVerse-Frontend/html/christopher-nolan.html
@@ -6,6 +6,8 @@
     <link rel="stylesheet" href="../css/style.css">
     <script src="../js/christopher-nolan.js" defer></script>
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <meta name="description" content="Explore the illustrious career of Christopher Nolan, a visionary director known for his innovative storytelling and technical prowess in the movie industry.">
+    <link rel="canonical" href="https://movie-verse.com/MovieVerse-Frontend/html/christopher-nolan.html">
     <meta property="og:locale" content="en_US" />
     <meta property="og:type" content="website" />
     <meta http-equiv="content-language" content="en" />
@@ -16,7 +18,6 @@
     <meta property="og:favicon" content="./images/favicon.ico" />
     <meta name="keywords" content="movies, film guide, directors, actors, movie genres, cinema, film reviews">
     <meta name="author" content="Son Nguyen Hoang">
-    <link rel="canonical" href="https://movie-verse.com/"/>
     <meta name="robots" content="index, follow">
     <meta name="rating" content="General">
     <meta name="revisit-after" content="3 days">

diff --git a/MovieVerse-Frontend/html/company-details.html b/MovieVerse-Frontend/html/company-details.html
@@ -7,7 +7,8 @@
     <script src="../js/company-details.js" defer></script>
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <meta property="og:title" content="The MovieVerse - Your Ultimate Movie Guide" />
-    <meta name="description" content="Explore The MovieVerse to discover and learn about your favorite movies, directors, actors, and more.">
+    <meta name="description" content="Explore detailed insights about the movie production companies on The MovieVerse. Discover films produced by them, their history, and significant contributions to cinema.">
+    <link rel="canonical" href="https://movie-verse.com/MovieVerse-Frontend/html/company-details">
     <meta property="og:locale" content="en_US" />
     <meta property="og:type" content="website" />
     <meta http-equiv="content-language" content="en" />
@@ -18,7 +19,6 @@
     <meta property="og:favicon" content="./images/favicon.ico" />
     <meta name="keywords" content="movies, film guide, directors, actors, movie genres, cinema, film reviews">
     <meta name="author" content="Son Nguyen Hoang">
-    <link rel="canonical" href="https://movie-verse.com/"/>
     <meta name="robots" content="index, follow">
     <meta name="rating" content="General">
     <meta name="revisit-after" content="3 days">

diff --git a/MovieVerse-Frontend/html/create-account.html b/MovieVerse-Frontend/html/create-account.html
@@ -5,6 +5,8 @@
     <meta charset="UTF-8">
     <title>Create Account - The MovieVerse</title>
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <meta name="description" content="Join The MovieVerse community today. Create your account to access personalized movie recommendations, save your favorites, and enjoy an enhanced movie discovery experience.">
+    <link rel="canonical" href="https://movie-verse.com/MovieVerse-Frontend/html/create-account.html">
     <meta property="og:locale" content="en_US" />
     <meta property="og:type" content="website" />
     <meta http-equiv="content-language" content="en" />
@@ -15,7 +17,6 @@
     <meta property="og:favicon" content="./images/favicon.ico" />
     <meta name="keywords" content="movies, film guide, directors, actors, movie genres, cinema, film reviews">
     <meta name="author" content="Son Nguyen Hoang">
-    <link rel="canonical" href="https://movie-verse.com/"/>
     <meta name="robots" content="index, follow">
     <meta name="rating" content="General">
     <meta name="revisit-after" content="3 days">

diff --git a/MovieVerse-Frontend/html/director-details.html b/MovieVerse-Frontend/html/director-details.html
@@ -7,6 +7,8 @@
     <link rel="stylesheet" href="../css/style.css">
     <script src="../js/director-details.js" defer></script>
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <meta name="description" content="Dive deep into the filmography and career of more than 900,000 directors, exploring their significant contributions to cinema and standout movie projects on The MovieVerse.">
+    <link rel="canonical" href="https://movie-verse.com/MovieVerse-Frontend/html/director-details">
     <meta property="og:locale" content="en_US" />
     <meta property="og:type" content="website" />
     <meta http-equiv="content-language" content="en" />
@@ -17,7 +19,6 @@
     <meta property="og:favicon" content="./images/favicon.ico" />
     <meta name="keywords" content="movies, film guide, directors, actors, movie genres, cinema, film reviews">
     <meta name="author" content="Son Nguyen Hoang">
-    <link rel="canonical" href="https://movie-verse.com/"/>
     <meta name="robots" content="index, follow">
     <meta name="rating" content="General">
     <meta name="revisit-after" content="3 days">

diff --git a/MovieVerse-Frontend/html/favorites.html b/MovieVerse-Frontend/html/favorites.html
@@ -8,7 +8,8 @@
     <script src="../js/movie-details.js" defer></script>
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <meta property="og:title" content="The MovieVerse - Your Ultimate Movie Guide" />
-    <meta name="description" content="Explore The MovieVerse to discover and learn about your favorite movies, directors, actors, and more.">
+    <meta name="description" content="Manage your favorite movies and watchlists on The MovieVerse. Keep track of movies you love and organize your watchlists for future viewing.">
+    <link rel="canonical" href="https://movie-verse.com/MovieVerse-Frontend/html/favorites.html">
     <meta property="og:locale" content="en_US" />
     <meta property="og:type" content="website" />
     <meta http-equiv="content-language" content="en" />
@@ -19,7 +20,6 @@
     <meta property="og:favicon" content="./images/favicon.ico" />
     <meta name="keywords" content="movies, film guide, directors, actors, movie genres, cinema, film reviews">
     <meta name="author" content="Son Nguyen Hoang">
-    <link rel="canonical" href="https://movie-verse.com/"/>
     <meta name="robots" content="index, follow">
     <meta name="rating" content="General">
     <meta name="revisit-after" content="3 days">
@@ -28,6 +28,7 @@
     <meta name="language" content="en">
     <meta name="theme-color" content="#7378c5">
     <meta name="twitter:card" content="https://movie-verse.com/images/image.png"/>
+    <link rel="icon" type="image/x-icon" href="../../images/favicon.ico">
     <meta name="twitter:title" content="The MovieVerse - Your Ultimate Movie Guide">
     <meta name="twitter:description" content="Explore The MovieVerse to discover and learn about your favorite movies, directors, actors, and more.">
     <meta name="twitter:image" content="https://movie-verse.com/images/image.png"/>

diff --git a/MovieVerse-Frontend/html/inception.html b/MovieVerse-Frontend/html/inception.html
@@ -6,6 +6,8 @@
     <link rel="stylesheet" href="../css/style.css">
     <script src="../js/inception.js" defer></script>
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <meta name="description" content="Explore details, reviews, and insights on Inception, a groundbreaking sci-fi film directed by Christopher Nolan, on The MovieVerse.">
+    <link rel="canonical" href="https://movie-verse.com/MovieVerse-Frontend/html/inception.html">
     <meta property="og:locale" content="en_US" />
     <meta property="og:type" content="website" />
     <meta http-equiv="content-language" content="en" />
@@ -16,7 +18,6 @@
     <meta property="og:favicon" content="./images/favicon.ico" />
     <meta name="keywords" content="movies, film guide, directors, actors, movie genres, cinema, film reviews">
     <meta name="author" content="Son Nguyen Hoang">
-    <link rel="canonical" href="https://movie-verse.com/"/>
     <meta name="robots" content="index, follow">
     <meta name="rating" content="General">
     <meta name="revisit-after" content="3 days">

diff --git a/MovieVerse-Frontend/html/leonardo-dicaprio.html b/MovieVerse-Frontend/html/leonardo-dicaprio.html
@@ -2,20 +2,21 @@
 <html lang="en">
 <head>
     <meta charset="UTF-8">
-    <title>Actor Details</title>
+    <title>Actor Details - The MovieVerse</title>
     <link rel="stylesheet" href="../css/style.css">
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <meta property="og:locale" content="en_US" />
     <meta property="og:type" content="website" />
     <meta http-equiv="content-language" content="en" />
+    <meta name="description" content="Dive into the career of Leonardo DiCaprio, featuring his filmography, latest movies, and achievements, on The MovieVerse.">
+    <link rel="canonical" href="https://movie-verse.com/MovieVerse-Frontend/html/leonardo-dicaprio.html">
     <meta property="og:description" content="Explore The MovieVerse to discover and learn about your favorite movies, directors, actors, and more." />
     <meta property="og:url" content="https://movie-verse.com/" />
     <meta property="og:site_name" content="The MovieVerse" />
     <meta property="og:image" content="https://movie-verse.com/images/image.png"/>
     <meta property="og:favicon" content="./images/favicon.ico" />
     <meta name="keywords" content="movies, film guide, directors, actors, movie genres, cinema, film reviews">
     <meta name="author" content="Son Nguyen Hoang">
-    <link rel="canonical" href="https://movie-verse.com/"/>
     <meta name="robots" content="index, follow">
     <meta name="rating" content="General">
     <meta name="revisit-after" content="3 days">

diff --git a/MovieVerse-Frontend/html/movie-details.html b/MovieVerse-Frontend/html/movie-details.html
@@ -7,6 +7,8 @@
     <link rel="stylesheet" href="../css/style.css">
     <script src="../js/movie-details.js" defer></script>
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <meta name="description" content="Explore in-depth movie details including cast, synopsis, ratings, and community comments and reviews on more than 1 million movies at The MovieVerse.">
+    <link rel="canonical" href="https://movie-verse.com/MovieVerse-Frontend/html/movie-details.html">
     <meta property="og:locale" content="en_US" />
     <meta property="og:type" content="website" />
     <meta http-equiv="content-language" content="en" />
@@ -17,7 +19,6 @@
     <meta property="og:favicon" content="./images/favicon.ico" />
     <meta name="keywords" content="movies, film guide, directors, actors, movie genres, cinema, film reviews">
     <meta name="author" content="Son Nguyen Hoang">
-    <link rel="canonical" href="https://movie-verse.com/"/>
     <meta name="robots" content="index, follow">
     <meta name="rating" content="General">
     <meta name="revisit-after" content="3 days">

diff --git a/MovieVerse-Frontend/html/movie-match.html b/MovieVerse-Frontend/html/movie-match.html
@@ -6,6 +6,8 @@
     <title>Movie Match - The MovieVerse</title>
     <link rel="stylesheet" href="../css/style.css">
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <meta name="description" content="Find your perfect movie match based on mood, genre, and era using The MovieVerse's tailored movie discovery feature. Start exploring now.">
+    <link rel="canonical" href="https://movie-verse.com/MovieVerse-Frontend/html/movie-match.html">
     <meta property="og:locale" content="en_US" />
     <meta property="og:type" content="website" />
     <meta http-equiv="content-language" content="en" />
@@ -16,7 +18,6 @@
     <meta property="og:favicon" content="./images/favicon.ico" />
     <meta name="keywords" content="movies, film guide, directors, actors, movie genres, cinema, film reviews">
     <meta name="author" content="Son Nguyen Hoang">
-    <link rel="canonical" href="https://movie-verse.com/"/>
     <meta name="robots" content="index, follow">
     <meta name="rating" content="General">
     <meta name="revisit-after" content="3 days">

diff --git a/MovieVerse-Frontend/html/movie-timeline.html b/MovieVerse-Frontend/html/movie-timeline.html
@@ -3,10 +3,12 @@
 
 <head>
     <meta charset="UTF-8">
-    <title>MovieVerse Timeline</title>
+    <title>Movie Timeline - The MovieVerse</title>
     <link rel="stylesheet" href="../css/style.css">
     <script src="../js/actor-details.js" defer></script>
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <meta name="description" content="Journey through cinema history with The MovieVerse's movie timeline feature. Discover films from any era and explore the evolution of storytelling.">
+    <link rel="canonical" href="https://movie-verse.com/MovieVerse-Frontend/html/movie-timeline.html">
     <meta property="og:locale" content="en_US" />
     <meta property="og:type" content="website" />
     <meta http-equiv="content-language" content="en" />
@@ -17,7 +19,6 @@
     <meta property="og:favicon" content="./images/favicon.ico" />
     <meta name="keywords" content="movies, film guide, directors, actors, movie genres, cinema, film reviews">
     <meta name="author" content="Son Nguyen Hoang">
-    <link rel="canonical" href="https://movie-verse.com/"/>
     <meta name="robots" content="index, follow">
     <meta name="rating" content="General">
     <meta name="revisit-after" content="3 days">

diff --git a/MovieVerse-Frontend/html/offline.html b/MovieVerse-Frontend/html/offline.html
@@ -4,6 +4,18 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>You're Offline - The MovieVerse</title>
+    <meta name="description" content="You're currently offline. Check your internet connection or try again later to continue exploring The MovieVerse.">
+    <link rel="canonical" href="https://movie-verse.com/MovieVerse-Frontend/html/offline.html">
+    <meta property="og:locale" content="en_US" />
+    <meta property="og:type" content="website" />
+    <meta http-equiv="content-language" content="en" />
+    <meta property="og:description" content="Explore The MovieVerse to discover and learn about your favorite movies, directors, actors, and more." />
+    <meta property="og:url" content="https://movie-verse.com/" />
+    <meta property="og:site_name" content="The MovieVerse" />
+    <meta property="og:image" content="https://movie-verse.com/images/image.png"/>
+    <meta property="og:favicon" content="./images/favicon.ico" />
+    <meta name="keywords" content="movies, film guide, directors, actors, movie genres, cinema, film reviews">
+    <meta name="author" content="Son Nguyen Hoang">
     <link rel="stylesheet" href="../css/style.css"/>
     <link rel="icon" type="image/x-icon" href="../../images/favicon.ico">
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css"/>
@@ -277,7 +289,7 @@ <h1 id="stats-display" class="clock"></h1>
 <div class="center-text" style="padding: 150px;">
     <h1 style="font-size: 50px; color: #ff8623; margin-top: 20px">You're Offline</h1>
     <p>It seems you're offline. Please check your internet connection and try again. If you're still having trouble, please contact your service provider.</p>
-    <button class="center-button" onclick="window.location.href='index.html'">Try Again</button>
+    <button class="center-button" onclick="window.location.href='../../index.html'">Try Again</button>
 </div>
 
 <script>