Improve SEO (#47)

* add font-display: swap * Make the title suffix shorter * Use `h2` instead of `p` for subtitle * Add alt to the logo
NetCordDev · Sep 28, 2024 · fed4a8b · fed4a8b
1 parent 63ca3b5
commit fed4a8b
Show file tree

Hide file tree

Showing 4 changed files with 6 additions and 3 deletions.
diff --git a/Documentation/docfx.json b/Documentation/docfx.json
@@ -44,7 +44,7 @@
     "markdownEngineName": "markdig",
     "globalMetadata": {
       "_appDescription": "NetCord – the modern and fully customizable C# Discord library",
-      "_appTitle": "NetCord Documentation",
+      "_appTitle": "NetCord",
       "_enableSearch": true,
       "_disableFooter": true,
       "_noindex": true,

diff --git a/Documentation/templates-src/NetCord/layout/_master.tmpl b/Documentation/templates-src/NetCord/layout/_master.tmpl
@@ -71,7 +71,7 @@
       <nav id="autocollapse" class="navbar navbar-expand-md" role="navigation">
         <div class="container-xxl flex-nowrap">
           <a class="navbar-brand" href="{{_appLogoUrl}}{{^_appLogoUrl}}{{_rel}}index.html{{/_appLogoUrl}}">
-            <img id="logo" class="svg logo" src="{{_rel}}{{{_appLogoPath}}}{{^_appLogoPath}}logo.svg{{/_appLogoPath}}" alt="{{_appName}}" >
+            <img id="logo" class="svg logo" src="{{_rel}}{{{_appLogoPath}}}{{^_appLogoPath}}logo.svg{{/_appLogoPath}}" alt="Logo" >
             {{_appName}}
           </a>
           <button class="btn btn-lg d-md-none border-0" type="button" data-bs-toggle="collapse" data-bs-target="#navpanel" aria-controls="navpanel" aria-expanded="false" aria-label="Toggle navigation">

diff --git a/Documentation/templates-src/NetCord/partials/root.tmpl.partial b/Documentation/templates-src/NetCord/partials/root.tmpl.partial
@@ -1,6 +1,6 @@
 <div class="main">
   <h1 class="title">NetCord</h1>
-  <p class="subtitle">The modern and fully customizable C# Discord library</p>
+  <h2 class="subtitle">The modern and fully customizable C# Discord library</h2>
   <section class="buttons">
     <a href="guides/getting-started/installation.html" class="button primary-button">Get Started</a>
     <a href="guides/getting-started/installation.html" class="button secondary-button">Guides</a>

diff --git a/Documentation/templates-src/NetCord/src/main.css b/Documentation/templates-src/NetCord/src/main.css
@@ -3,13 +3,15 @@
   src:
     local(Cascadia Code Regular),
     url(cascadia-code.woff2) format(woff2);
+  font-display: swap;
 }
 
 @font-face {
   font-family: Franklin Gothic Heavy;
   src:
     local(Franklin Gothic Heavy),
     url(franklin-gothic-heavy.woff2) format(woff2);
+  font-display: swap;
 }
 
 :root {
@@ -99,6 +101,7 @@ article,
 .subtitle {
   font-size: 1.7em;
   margin-bottom: 70px;
+  line-height: 1.5;
 }
 
 .buttons {