Add long_title for page title and SEO

The normal title is still used for the sidebar

_includes/head.html

@@ -2,8 +2,9 @@
 <meta name="viewport" content="width=device-width, initial-scale=1">
 
 <title>
-	{% if site.data[page.collection].strings.title != page.title %}
+	{% assign title = page.long_title | default: page.title %}
-		{{ page.title }} |
+	{% if site.data[page.collection].strings.title != title %}
+		{{ title }} |
 	{% endif %}
 	{{ site.data[page.collection].strings.title }}
 </title>

_includes/seo.html

@@ -1,13 +1,13 @@
-<link rel="canonical" href="{{ page.url | absolute_url | remove: ".html" }}" />
+<link rel="canonical" href="{{ page.url | absolute_url | remove: "index.html" | remove: ".html" }}" />
 <meta name="description" content="{{ page.description | default: site.data[page.collection].strings.description | escape }}" />
-<meta property="og:title" content="{{ page.title | default: site.data[page.collection].strings.title | escape }}" />
+<meta property="og:title" content="{{ page.long_title | default: page.title | default: site.data[page.collection].strings.title | escape }}" />
 <meta property="og:locale" content="{{ page.collection | default: "en_US"}}" />
-<meta property="og:url" content="{{ page.url | absolute_url | remove: ".html" }}" />
+<meta property="og:url" content="{{ page.url | absolute_url | remove: "index.html" | remove: ".html" }}" />
 <meta property="og:site_name" content="{{ site.data[page.collection].strings.title | escape }}" />
 <meta property="og:image" content="{{ page.image | default: site.image }}">
 <meta property="og:description" content="{{ page.description | default: site.data[page.collection].strings.description | escape }}" />
 <meta name="twitter:card" content="summary">
-<meta name="twitter:title" content="{{ page.title | default: site.data[page.collection].strings.title | escape }}">
+<meta name="twitter:title" content="{{ page.long_title | default: page.title | default: site.data[page.collection].strings.title | escape }}">
 <meta name="twitter:description" content="{{ page.description | default: site.data[page.collection].strings.description | escape }}">
 <meta name="twitter:image" content="{{ page.image | default: site.image }}">
 <meta name="theme-color" content="{{ page.color | default: site.color }}"/>

_layouts/wiki.html

@@ -52,7 +52,7 @@ layout: compress
 						</div>
 					</div>
 					<div class="col-md-9">
-						<h1>{{ page.title }}</h1>
+						<h1>{{ page.long_title | default: page.title }}</h1>
 						<hr>
 						{% include anchor-headings.html html=content anchorBody="<small>#</small>" anchorClass="header-anchor" %}
 						<div class="alert alert-secondary small-alert" role="alert">

pages/_en-US/gbarunner2/faq.md

@@ -3,6 +3,7 @@ lang: en-US
 layout: wiki
 section: gbarunner2
 title: FAQ & Troubleshooting
+long_title: GBARunner2 FAQ & Troubleshooting
 description: FAQs and troubleshooting for GBARunner2
 ---
 

pages/_en-US/nds-bootstrap/faq.md

@@ -4,6 +4,7 @@ layout: wiki
 section: nds-bootstrap
 category: other
 title: FAQ & Troubleshooting
+long_title: nds-bootstrap FAQ & Troubleshooting
 description: FAQ & Troubleshooting for nds-bootstrap
 ---
 

pages/_en-US/twilightmenu/controls.md

@@ -4,6 +4,7 @@ layout: wiki
 section: twilightmenu
 category: other
 title: Controls
+long_title: TWiLight Menu++ Controls
 description: Controls for using TWiLight Menu++
 ---
 

pages/_en-US/twilightmenu/custom-dsi-3ds-sfx.md

@@ -3,7 +3,7 @@ lang: en-US
 layout: wiki
 section: twilightmenu
 category: customization
-title: DSi / 3DS skins - Custom SFX
+title: DSi / 3DS Skins - Custom SFX
 description: How to use custom background music and sound effects in DSi and 3DS skins for TWiLight Menu++
 ---
 

pages/_en-US/twilightmenu/faq.md

@@ -4,6 +4,7 @@ layout: wiki
 section: twilightmenu
 category: other
 title: FAQ & Troubleshooting
+long_title: TWiLight Menu++ FAQ & Troubleshooting
 description: FAQs and troubleshooting for TWiLight Menu++
 ---
 

pages/_en-US/twilightmenu/installing-3ds.md

@@ -4,6 +4,7 @@ layout: wiki
 section: twilightmenu
 category: installing
 title: Installing (3DS)
+long_title: Installing TWiLight Menu++ (3DS)
 description: How to install TWiLight Menu++ on the Nintendo 3DS
 tabs:
   - working-camera: Working camera

pages/_en-US/twilightmenu/installing-dsi.md

@@ -4,6 +4,7 @@ layout: wiki
 section: twilightmenu
 category: installing
 title: Installing (DSi)
+long_title: Installing TWiLight Menu++ (DSi)
 description: How to install TWiLight Menu++ on the Nintendo DSi
 ---
 

pages/_en-US/twilightmenu/installing-flashcard.md

@@ -4,6 +4,7 @@ layout: wiki
 section: twilightmenu
 category: installing
 title: Installing (Flashcard)
+long_title: Installing TWiLight Menu++ (Flashcard)
 description: How to install TWiLight Menu++ on a Nintendo DS flashcard
 ---
 

pages/_en-US/twilightmenu/uninstalling-3ds.md

@@ -4,6 +4,7 @@ layout: wiki
 section: twilightmenu
 category: uninstalling
 title: Uninstalling (3DS)
+long_title: Uninstalling TWiLight Menu++ (3DS)
 description: How to uninstall TWiLight Menu++ from a Nintendo 3DS
 ---
 

pages/_en-US/twilightmenu/uninstalling-ds.md

@@ -4,6 +4,7 @@ layout: wiki
 section: twilightmenu
 category: uninstalling
 title: Uninstalling (DS & DSi)
+long_title: Uninstalling TWiLight Menu++ (DS & DSi)
 description: How to uninstall TWiLight Menu++ from Nintendo DSi or DS flashcard
 ---
 

pages/_en-US/twilightmenu/updating-3ds.md

@@ -4,6 +4,7 @@ layout: wiki
 section: twilightmenu
 category: updating
 title: Updating (3DS)
+long_title: Updating TWiLight Menu++ (3DS)
 description: How to update TWiLight Menu++ on the Nintendo 3DS
 tabs:
   - universal-updater: Universal-Updater

pages/_en-US/twilightmenu/updating-dsi.md

@@ -4,6 +4,7 @@ layout: wiki
 section: twilightmenu
 category: updating
 title: Updating (DSi)
+long_title: Updating TWiLight Menu++ (DSi)
 description: How to update TWiLight Menu++ on the Nintendo DSi
 ---
 

pages/_en-US/twilightmenu/updating-flashcard.md

@@ -4,6 +4,7 @@ layout: wiki
 section: twilightmenu
 category: updating
 title: Updating (Flashcard)
+long_title: Updating TWiLight Menu++ (Flashcard)
 description: How to update TWiLight Menu++ on a Nintendo DS flashcard
 ---