good seo

jamtools · Jul 10, 2022 · ad8a4a9 · ad8a4a9
1 parent 18ce390
commit ad8a4a9
Show file tree

Hide file tree

Showing 27 changed files with 33 additions and 1,298 deletions.
diff --git a/config.toml b/config.toml
@@ -1,16 +1,20 @@
-baseURL = ""
+baseURL = "/"
 languageCode = "id-ID"
 defaultContentLanguage = "id"
 title = "SoundTown"
 summaryLength = 10
+RelativeURLs    = false
+CanonifyURLs    = true
+enableRobotsTXT = true
+enableEmoji     = true
 paginate = 8
 enableGitInfo = true
 pygmentsCodefences = true 
 pygmentsUseClasses = true
 
 [params]
   site_name = "SoundTown"
-  description = ""
+  description = "SoundTown is an online music collaboration platform, focused on iterating on small ideas into big ideas. The main functionality at the moment is communication across groups/teams of people, uploading audio files and commenting on them."
   locale = "en-US"
   type = "website"
 

diff --git a/content/somepage.md b/content/somepage.md
@@ -5,7 +5,7 @@ date: 2021-07-20T20:19:50+07:00
 draft: false
 toc: true
 keyword: [tutorial, website]
-# thumbnail: "/images/about.png"
+# thumbnail: "/images/about.webp"
 tags: [test, test2]
 categories: [tutorial]
 ---

diff --git a/layouts/_default/baseof.html b/layouts/_default/baseof.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html class="scroll-smooth scroll-pt-24 lg:scroll-pt-32">
+<html lang="en" class="scroll-smooth scroll-pt-24 lg:scroll-pt-32">
 
 <head>
   {{- partial "head.html" . -}}

diff --git a/layouts/_default/single.html b/layouts/_default/single.html
@@ -6,7 +6,7 @@
         <h1 class="text-[36px] lg:text-[64px] leading-normal font-bold">{{.Title}}</h1>
       </div>
       <div>
-        <a href="/">Home</a> <span class="px-3">/</span> <a href="" class="text-primary">{{.Title}}</a>
+        <a href="/">Home</a> <span class="px-3">/</span> <a href="#" class="text-primary">{{.Title}}</a>
       </div>
     </div>
   </header> 

diff --git a/layouts/index.html b/layouts/index.html
@@ -14,22 +14,22 @@ <h2 class="text-[36px] lg:text-[64px] leading-tight font-bold">
 
         <!-- show on mobile, hide on desktop -->
         <div class="block lg:hidden mt-10 mb-20 px-4">
-          <img class="frame" src="/images/hero-image.png" alt=""> 
+          <img class="frame" src="/images/hero-image.webp" alt="hero"> 
         </div>
 
         <div class="mt-12 flex flex-col lg:flex-row items-center gap-5 lg:gap-12">
           <a href="#" class="flex items-center justify-center w-full lg:w-auto px-8 py-2.5 rounded-md border border-primary bg-secondary hover:bg-black transition">
             Learn More
           </a>
           <a href="#" class="flex items-center justify-center w-full lg:w-auto gap-2 px-8 py-2.5 rounded-md bg-primary hover:bg-primary/90 transition">
-            Try Now <img src="/images/play-icon.svg" alt="">
+            Try Now <img src="/images/play-icon.svg" alt="play">
           </a>
         </div>
       </div>
 
       <!-- show on desktop, hide on mobile -->
       <div class="hidden lg:block px-4">
-        <img class="frame" src="/images/hero-image.png" alt=""> 
+        <img class="frame" src="/images/hero-image.webp" alt="hero"> 
       </div>
     </section>
 
@@ -39,13 +39,13 @@ <h2 class="text-[36px] lg:text-[64px] leading-tight font-bold">
         <div class="bg-[#FFC148] h-3 w-3 rounded-full"></div>
         <div class="bg-[#78FF48] h-3 w-3 rounded-full"></div>
       </div>
-      <img class="hidden lg:block w-full" src="/images/app.png" alt="">
-      <img class="block lg:hidden w-full" src="/images/app-mobile.png" alt="">
+      <img class="hidden lg:block w-full" src="/images/app.webp" alt="app desktop version">
+      <img class="block lg:hidden w-full" src="/images/app-mobile.webp" alt="app mobile version">
     </section>
 
     <section id="about" class="max-w-screen-xl mx-auto mt-36 lg:mt-60 flex flex-col lg:flex-row items-start lg:items-center justify-between w-full">
       <div class="px-4">
-        <img class="frame-2" src="/images/about.png" alt="">
+        <img class="frame-2" src="/images/about.webp" alt="about">
       </div>
       <div class="w-full lg:w-[45%] mt-16 lg:mt-0">
         <h2 class="text-[32px] lg:text-[64px] leading-normal font-bold mb-4"><span class="text-primary">About</span> Soundtown</h2>
@@ -65,7 +65,7 @@ <h2 class="text-[32px] lg:text-[64px] leading-normal font-bold mb-4"><span class
           <div class="relative p-3 bg-white h-max">
             <div class="absolute top-3 inset-x-3 bg-primary h-60"></div>
             <div class="p-3">
-              <img class="relative w-full" src="/images/m1.png" alt="">
+              <img class="relative w-full" src="/images/m1.webp" alt="testimonial">
             </div>
             <div class="p-3 mt-2">
               <h2 class="text-secondary text-4xl font-semibold mb-5">
@@ -81,7 +81,7 @@ <h2 class="text-secondary text-4xl font-semibold mb-5">
           <div class="relative p-3 bg-white h-max">
             <div class="absolute top-3 inset-x-3 bg-primary h-60"></div>
             <div class="p-3">
-              <img class="relative w-full" src="/images/m2.png" alt="">
+              <img class="relative w-full" src="/images/m2.webp" alt="testimonial">
             </div>
             <div class="p-3 mt-2">
               <h2 class="text-secondary text-4xl font-semibold mb-5">
@@ -97,7 +97,7 @@ <h2 class="text-secondary text-4xl font-semibold mb-5">
           <div class="relative p-3 bg-white h-max">
             <div class="absolute top-3 inset-x-3 bg-primary h-60"></div>
             <div class="p-3">
-              <img class="relative w-full" src="/images/m3.png" alt="">
+              <img class="relative w-full" src="/images/m3.webp" alt="testimonial">
             </div>
             <div class="p-3 mt-2">
               <h2 class="text-secondary text-4xl font-semibold mb-5">
@@ -113,7 +113,7 @@ <h2 class="text-secondary text-4xl font-semibold mb-5">
           <div class="relative p-3 bg-white h-max">
             <div class="absolute top-3 inset-x-3 bg-primary h-60"></div>
             <div class="p-3">
-              <img class="relative w-full" src="/images/m3.png" alt="">
+              <img class="relative w-full" src="/images/m3.webp" alt="testimonial">
             </div>
             <div class="p-3 mt-2">
               <h2 class="text-secondary text-4xl font-semibold mb-5">

diff --git a/layouts/partials/footer.html b/layouts/partials/footer.html
@@ -4,7 +4,7 @@ <h1 class="text-xl font-medium flex gap-1 items-end">
     <div class="pb-0.5">oundTown</div>
   </h1>
   <a href="#" class="flex items-center gap-3 bg-primary hover:bg-primary/90 transition px-4 py-3 rounded-md mt-10 mb-12">
-    <img src="/images/email.svg" alt="">
+    <img src="/images/email.svg" alt="email">
     Contact Us
   </a>
 

diff --git a/layouts/partials/head.html b/layouts/partials/head.html
@@ -5,7 +5,7 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0" />
 
   <link rel="canonical" href="{{ .Permalink | absURL }}" />
-  <meta property="og:locale" content="en_US" />
+  <meta property="og:locale" content="en_US" /> 
   <meta property="og:type" content="{{ or .Type `website` }}" />
   <meta property="og:title" content="{{ .Title }}" />
   {{if .Description}}

diff --git a/layouts/partials/header.html b/layouts/partials/header.html
@@ -5,8 +5,8 @@
         <div class="font-black text-4xl text-primary">S</div>
         <div class="pb-0.5">oundTown</div>
       </a>
-      <button class="toggle-menu block lg:hidden">
-        <img src="/images/menu.svg">
+      <button name="menu" class="toggle-menu block lg:hidden">
+        <img src="/images/menu.svg" alt="menu">
       </button>
     </div>
     <nav class="menu translate-y-[-150%] lg:translate-y-0">
@@ -18,15 +18,15 @@
       <a href="/somepage" class="hover:text-primary transition">Some Page</a>
 
       <!-- show on mobile, hide on desktop -->
-      <a href="" class="block lg:hidden hover:text-primary transition">Log in</a>
-      <a href="" class="block lg:hidden px-4 py-2.5 rounded-md bg-primary hover:bg-primary/90 transition">Create Account</a>
+      <a href="#" class="block lg:hidden hover:text-primary transition">Log in</a>
+      <a href="#" class="block lg:hidden px-4 py-2.5 rounded-md bg-primary hover:bg-primary/90 transition">Create Account</a>
 
     </nav>
 
     <!-- show on desktop, hide on mobile -->
     <div class="hidden lg:flex items-center gap-9">
-      <a href="" class="hover:text-primary transition">Log in</a>
-      <a href="" class="block px-4 py-2.5 rounded-md bg-primary hover:bg-primary/90 transition">Create Account</a>
+      <a href="#" class="hover:text-primary transition">Log in</a>
+      <a href="#" class="block px-4 py-2.5 rounded-md bg-primary hover:bg-primary/90 transition">Create Account</a>
     </div>
   </div>
 </header>