diff --git a/client/index.html b/client/index.html
index 2513372..40fad5e 100644
--- a/client/index.html
+++ b/client/index.html
@@ -2,7 +2,12 @@
 <head>
     <meta charset="utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
-    <meta name="author" content="Nguyen Huu Phuoc" />    
+    <meta name="author" content="Nguyen Huu Phuoc" />
+    <meta property="og:site_name" content="CSS Layout" />
+    <meta property="og:type" content="website" />
+    <meta property="twitter:card" content="summary_large_image" />
+    <meta property="twitter:creator" content="@nghuuphuoc" />
+    <meta property="twitter:site" content="@nghuuphuoc" />
     <link href="/assets/favicon.png" rel="icon">
     <link href="https://fonts.googleapis.com/css2?family=Source+Code+Pro&family=Lato&display=swap" rel="stylesheet">
 </head>
diff --git a/client/layouts/DetailsLayout.tsx b/client/layouts/DetailsLayout.tsx
index 3978acb..3c50e9f 100644
--- a/client/layouts/DetailsLayout.tsx
+++ b/client/layouts/DetailsLayout.tsx
@@ -26,7 +26,8 @@ const DetailsLayout: React.FC<DetailsLayoutProps> = ({ pattern, children }) => {
     return (
         <Layout>
             <Helmet>
-                <meta name="title" content={`CSS Layout ∙ ${pattern}`} />                
+                <title>CSS Layout ∙ {pattern}</title>
+                <meta name="title" content={`CSS Layout ∙ ${pattern}`} />
 
                 <meta property="og:image" content={`https://csslayout.io/assets/patterns/${patternSlug}.png`} />
                 <meta property="og:title" content={`CSS Layout ∙ ${pattern}`} />
diff --git a/client/pages/ExplorePage.tsx b/client/pages/ExplorePage.tsx
index a785c98..343caca 100644
--- a/client/pages/ExplorePage.tsx
+++ b/client/pages/ExplorePage.tsx
@@ -21,23 +21,18 @@ const ExplorePage = () => {
     return (
         <Layout>
             <Helmet>
-                <title>CSS Layout ∙ Explore</title>
+                <title>CSS Layout ∙ Patterns</title>
                 <meta name="title" content="CSS Layout ∙ Patterns" />
                 <meta name="description" content="CSS layouts and patterns" />
                 <meta name="keywords" content="css display, css flexbox, css grid, css layouts, flex, flexbox, flexbox cheatsheet, web design, web template" />
 
                 <meta property="og:description" content="CSS layouts and patterns" />
                 <meta property="og:image" content="https://csslayout.io/assets/screenshot.png" />
-                <meta property="og:site_name" content="CSS Layout" />
                 <meta property="og:title" content="CSS Layout ∙ Patterns" />
-                <meta property="og:type" content="website" />
                 <meta property="og:url" content="https://csslayout.io/patterns" />
 
-                <meta property="twitter:card" content="summary_large_image" />
-                <meta property="twitter:creator" content="@nghuuphuoc" />
                 <meta property="twitter:description" content="CSS layouts and patterns" />
                 <meta property="twitter:image" content="https://csslayout.io/assets/screenshot.png" />
-                <meta property="twitter:site" content="@nghuuphuoc" />
                 <meta property="twitter:title" content="CSS Layout ∙ Patterns" />
                 <meta property="twitter:url" content="https://csslayout.io/patterns" />
             </Helmet>
diff --git a/client/pages/HomePage.tsx b/client/pages/HomePage.tsx
index 5734023..cb357d2 100644
--- a/client/pages/HomePage.tsx
+++ b/client/pages/HomePage.tsx
@@ -31,17 +31,12 @@ const HomePage = () => {
                 <meta name="keywords" content="css display, css flexbox, css grid, css layouts, flex, flexbox, flexbox cheatsheet, web design, web template" />
                 
                 <meta property="og:description" content="A collection of popular layouts and patterns made with CSS" />
-                <meta property="og:image" content="https://csslayout.io/assets/screenshot.png" />
-                <meta property="og:site_name" content="CSS Layout" />
+                <meta property="og:image" content="https://csslayout.io/assets/screenshot.png" />                
                 <meta property="og:title" content="CSS Layout ∙ A collection of popular layouts and patterns made with CSS" />
-                <meta property="og:type" content="website" />
                 <meta property="og:url" content="https://csslayout.io" />
-
-                <meta property="twitter:card" content="summary_large_image" />
-                <meta property="twitter:creator" content="@nghuuphuoc" />
+                
                 <meta property="twitter:description" content="A collection of popular layouts and patterns made with CSS" />
-                <meta property="twitter:image" content="https://csslayout.io/assets/screenshot.png" />
-                <meta property="twitter:site" content="@nghuuphuoc" />
+                <meta property="twitter:image" content="https://csslayout.io/assets/screenshot.png" />                
                 <meta property="twitter:title" content="CSS Layout ∙ A collection of popular layouts and patterns made with CSS" />
                 <meta property="twitter:url" content="https://csslayout.io" />
             </Helmet>
