Making Your Website Shine on Search Engines: SSG vs. SSR for SEO
So, you’ve built a fantastic website, but how do you get people to find it? Search Engine Optimization (SEO) is key! This post dives into SSG (Static Site Generation) and SSR (Server-Side Rendering), two web development techniques that can significantly boost your SEO. Even if you’re not a programmer, fear not, we’ll explain these concepts in a clear and simple way. Imagine your website as a restaurant menu 🔗 Static Website (No SSG nor SSR): This is like a printed menu.
Why I migrated my website to Hugo?
futureproof post format 🔗 In Hugo, we use a markdown file as the structure of the post. It is a reuseable post format. If something happen in the future, I can write a simple script to convert each markdown file into an HTML webpage. super fast 🔗 Hugo is built in Go, both are super fast. Hugo is simple and fast. I personally appreciate performance and efficiency and simplicity.
Why Markdown for Content?
I rewrite my own website (this website you’re reading on) to be build with Hugo static site generator to save my content in a simple markdown files. The best thing about saving content/posts as markdown files is being futureproof. Why it is futureproof? Isn’t everything susceptible to change? Yes, All things is gonna change in a way or another. But markdown language is simple enough for all programmers to parse its syntax and generate any other file format or post format in the future.
Does Kmt Theme Support Google Analytics?
Yes, KMT theme supports Google Analytics and gtag. Kmt theme is a hugo theme developed mainly for my bilingual website. You just need to add the google analytics / gtag id in hugo.toml. [services] [services.googleAnalytics] - ID = 'G-xxxxxxxxxx' + ID = 'G-XHQY258XEF' Make sure you use your own gtag which is like this G-XHQY258XEF.
Is Kmt Hugo Theme Support Adsense ?
Yes, Kmt theme supports AdSense to display ads on your website. You just need to change the parameter of adsense in your project hugo.toml like this. [params] founded = 2023 - adsense = 'ca-pub-xxxxxxxxxxxxxxxx' + adsense = 'ca-pub-yyyyyyyyyyyyyyyy' Make sure you changed the AdSense ID to the correct one.
Why Another Hugo Theme?
I tried some themes such as PaperMod , Ananke , mini , Anubis and Whisper . Every theme lack in some aspect, so I decided to create a new theme for my own use case. Name of the theme 🔗 I named the theme KMT which is the name of Egypt - my home - in the ancient egyptian language. I develop the theme for Hugo as open source on GitHub , GitLab and Codeberg .
Why The Hugo Theme is Named Kmt?
I named my Hugo theme kmt after the name of my country. As you can read on Wikipedia page about Egypt . The ancient Egyptian name of the country was (𓆎 𓅓 𓏏𓊖) km.t, which means black land, likely referring to the fertile black soils of the Nile flood plains, distinct from the deshret (⟨dšṛt⟩), or “red land” of the desert. This name is commonly vocalised as Kemet, but was probably pronounced kuːmat in ancient Egyptian.
How to update Hugo Theme Kmt in my website ?
If you installed the KMT theme into your blog/website HUGO project via GIT, just use this command. git submodule update --remote This command will update all the submodules in your git project. But if you need to update kmt theme only, use this command instead. git submodule update --remote themes/kmt
How to install Hugo theme Kmt ?
Kmt is a minimal Hugo theme created by @AbanoubHA , yes it’s me, and named after the name of Egypt in the ancient egyptian language. Install via git submodule (recommended) 🔗 Inside the folder of your Hugo site run: git submodule add -b main --depth 1 https://github.com/abanoubha/gohugo-theme-kmt.git themes/kmt Add the theme’s directory to your config.yaml: theme: kmt or config.toml: theme = kmt Install via Hugo submodule 🔗 From your project’s root directory, initiate the hugo module system if you haven’t already:
Kmt Theme Features
Kmt is a minimal theme for HUGO especially made for my web blog. Why Kmt? 🔗 I named the theme Kmt after my country name. I am from Egypt. Egypt is called Kmt in the ancient egyptian language, so, I am from Kmt. Read more about Egypt / Kmt on Wikipedia . Objectives & Goals 🔗 speed page loading: surf the web at the speed of thought Features 🔗 multilingual theme SEO meta tags link to translation of current page if exists support image caption via p > img + em {} in CSS mobile-first, responsive layout search form via Google web native lazy loading for images web native lazy loading for iframes use WebP image to speed up the page load time breadcrumb & easy navigation ‘read aloud’ or ‘read for me’ (text to speech)