fix(seo): add OG image, docs footer, GitHub link, and sitemap dates

- Add 1200x630 og-image.png with rug rosette branding
- Add og:image and twitter:image to docs.html
- Upgrade docs.html twitter:card from summary to summary_large_image
- Add og:locale to docs.html
- Add footer with nav links to docs.html
- Add GitHub repo link to both page footers
- Update sitemap.xml lastmod to 2026-03-09

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
Jason Staack
2026-03-08 19:39:39 -05:00
parent b840047e19
commit 9030a1b3e9
4 changed files with 37 additions and 3 deletions

Binary file not shown.

After

Width:  |  Height:  |  Size: 75 KiB

View File

@@ -17,11 +17,14 @@
<meta property="og:description" content="Complete documentation for The Other Dude MikroTik fleet management platform. Installation, API reference, architecture, and security.">
<meta property="og:url" content="https://theotherdude.net/docs.html">
<meta property="og:site_name" content="The Other Dude">
<meta property="og:image" content="https://theotherdude.net/assets/og-image.png">
<meta property="og:locale" content="en_US">
<!-- Twitter Card -->
<meta name="twitter:card" content="summary">
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="The Other Dude Documentation — MikroTik Fleet Management Guide">
<meta name="twitter:description" content="Complete documentation for The Other Dude MikroTik fleet management platform. Installation, API reference, architecture, and security.">
<meta name="twitter:image" content="https://theotherdude.net/assets/og-image.png">
<link rel="stylesheet" href="style.css" />
<link rel="preconnect" href="https://fonts.googleapis.com" />
@@ -1408,5 +1411,35 @@ open http://localhost</code></pre>
<!-- Back to Top -->
<button class="back-to-top" id="back-to-top" onclick="scrollToTop()">&uarr;</button>
<footer class="site-footer">
<div class="footer-inner container">
<div class="footer-brand">
<span class="footer-logo">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="24" height="24" aria-hidden="true" style="vertical-align: middle; margin-right: 8px;">
<rect x="2" y="2" width="60" height="60" rx="8" fill="none" stroke="#8B1A1A" stroke-width="2"/>
<rect x="6" y="6" width="52" height="52" rx="5" fill="none" stroke="#F5E6C8" stroke-width="1.5"/>
<rect x="8" y="8" width="48" height="48" rx="4" fill="#8B1A1A" opacity="0.15"/>
<path d="M32 8 L56 32 L32 56 L8 32 Z" fill="none" stroke="#8B1A1A" stroke-width="2"/>
<path d="M32 13 L51 32 L32 51 L13 32 Z" fill="none" stroke="#F5E6C8" stroke-width="1.5"/>
<path d="M32 18 L46 32 L32 46 L18 32 Z" fill="#8B1A1A"/>
<path d="M32 19 L38 32 L32 45 L26 32 Z" fill="#2A9D8F"/>
<path d="M19 32 L32 26 L45 32 L32 38 Z" fill="#F5E6C8"/>
<circle cx="32" cy="32" r="5" fill="#8B1A1A"/>
<circle cx="32" cy="32" r="2.5" fill="#2A9D8F"/>
</svg>
The Other Dude
</span>
<span class="footer-copy">&copy; 2026 The Other Dude. All rights reserved.</span>
</div>
<nav class="footer-links">
<a href="index.html">Home</a>
<a href="#quickstart">Quick Start</a>
<a href="#security">Security</a>
<a href="#api">API Reference</a>
<a href="https://github.com/staack/the-other-dude" rel="noopener">GitHub</a>
</nav>
</div>
</footer>
</body>
</html>

View File

@@ -480,6 +480,7 @@
<a href="#architecture">Architecture</a>
<a href="docs.html#security">Security</a>
<a href="docs.html#api">API Reference</a>
<a href="https://github.com/staack/the-other-dude" rel="noopener">GitHub</a>
</nav>
</div>
</footer>

View File

@@ -2,13 +2,13 @@
<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
<url>
<loc>https://theotherdude.net/</loc>
<lastmod>2026-03-07</lastmod>
<lastmod>2026-03-09</lastmod>
<changefreq>weekly</changefreq>
<priority>1.0</priority>
</url>
<url>
<loc>https://theotherdude.net/docs.html</loc>
<lastmod>2026-03-07</lastmod>
<lastmod>2026-03-09</lastmod>
<changefreq>weekly</changefreq>
<priority>0.8</priority>
</url>