SEO polish: OG image, favicons, 404, article schema, image optimization

- Add branded 1200x630 og-default.jpg; article pages use their hero as
  og:image, others use the default
- Wire the existing (previously unlinked) favicon set into every page
- Add branded 404.html with root-absolute paths + noindex
- Emit Article + localized BreadcrumbList JSON-LD on all article pages
- Convert 74 heavy served photos to WebP (28MB -> 8.5MB, -70%), rewrite
  references, add loading=lazy/decoding=async to below-fold images and
  fetchpriority=high to heroes (protect LCP)
- Stop tracking images/original/ (458MB of unused source masters; kept on
  disk, gitignored) and ignore .playwright-mcp/

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
This commit is contained in:
popovskikandClaude Opus 4.8 committed 2026-08-02 12:15:53 +02:00
1 parent b393859467
commit 314667f692
429 files changed
+2559 -1106

No files matched your search

@@ -16,15 +16,22 @@
<meta property="og:title" content="Skopje, A City of Many Layers - MSOS">
<meta property="og:description" content="A city best understood by crossing the river, changing neighbourhoods, and noticing what each period left behind.">
<meta property="og:url" content="https://msosorg.com/en/get-to-know-macedonia/skopje-a-city-of-many-layers/">
<meta property="og:image" content="https://msosorg.com/images/macedonia-skopje-stone-bridge-hero.jpg">
<meta property="og:image" content="https://msosorg.com/images/macedonia-skopje-stone-bridge-hero.webp">
<meta property="og:locale" content="en_GB">
<meta property="og:locale:alternate" content="mk_MK">
<meta property="og:locale:alternate" content="sl_SI">
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="Skopje, A City of Many Layers - MSOS">
<meta name="twitter:description" content="A city best understood by crossing the river, changing neighbourhoods, and noticing what each period left behind.">
<meta name="twitter:image" content="https://msosorg.com/images/macedonia-skopje-stone-bridge-hero.jpg">
<meta name="twitter:image" content="https://msosorg.com/images/macedonia-skopje-stone-bridge-hero.webp">
<script type="application/ld+json">{"@context":"https://schema.org","@type":"Organization","name":"Macedonian Student Organisation in Slovenia","alternateName":"MSOS","url":"https://msosorg.com/en/","logo":"https://msosorg.com/images/1-logo.png","email":"info@msosorg.com","address":{"@type":"PostalAddress","streetAddress":"Masarykova cesta 24","postalCode":"1000","addressLocality":"Ljubljana","addressCountry":"SI"},"sameAs":["https://www.facebook.com/msos.org","https://www.instagram.com/msosorg_com","https://www.linkedin.com/company/msos-org","https://www.youtube.com/@msosorg"]}</script>
<script type="application/ld+json">{"@context":"https://schema.org","@type":"Article","headline":"Skopje, A City of Many Layers","description":"A city best understood by crossing the river, changing neighbourhoods, and noticing what each period left behind.","image":"https://msosorg.com/images/macedonia-skopje-stone-bridge-hero.webp","inLanguage":"en","author":{"@type":"Organization","name":"Macedonian Student Organisation in Slovenia","url":"https://msosorg.com/en/"},"publisher":{"@type":"Organization","name":"Macedonian Student Organisation in Slovenia","logo":{"@type":"ImageObject","url":"https://msosorg.com/images/1-logo.png"}},"mainEntityOfPage":"https://msosorg.com/en/get-to-know-macedonia/skopje-a-city-of-many-layers/"}</script>
<script type="application/ld+json">{"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://msosorg.com/en/"},{"@type":"ListItem","position":2,"name":"Get to know Macedonia","item":"https://msosorg.com/en/get-to-know-macedonia/"},{"@type":"ListItem","position":3,"name":"Skopje, A City of Many Layers","item":"https://msosorg.com/en/get-to-know-macedonia/skopje-a-city-of-many-layers/"}]}</script>
<link rel="icon" type="image/png" href="/favicon-96x96.png" sizes="96x96">
<link rel="icon" type="image/svg+xml" href="/favicon.svg">
<link rel="shortcut icon" href="/favicon.ico">
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
<link rel="manifest" href="/site.webmanifest">
<!-- SEO:END -->
<!-- Google Fonts -->
<link rel="preconnect" href="https://fonts.googleapis.com">
@@ -172,7 +179,7 @@
</header>
<figure class="article-main-image">
<img src="../../../images/macedonia-skopje-stone-bridge-hero.jpg" alt="The Stone Bridge over the Vardar in Skopje">
<img fetchpriority="high" src="../../../images/macedonia-skopje-stone-bridge-hero.webp" alt="The Stone Bridge over the Vardar in Skopje">
<figcaption>Stone Bridge, Skopje. Photo: <a href="https://macedonia-timeless.com/eng/about/about/did-you-know/stone-bridge" target="_blank" rel="noopener">macedonia-timeless.com</a></figcaption>
</figure>
@@ -214,7 +221,7 @@
<p>The bazaar is also one of the places where Skopje's multicultural character is most visible. Different religious, linguistic, culinary, and commercial traditions meet within a relatively small space.</p>
<figure class="article-inline-image">
<img src="../../../images/macedonia-skopje-old-bazaar.jpg" alt="A working street in the Old Skopje Bazaar">
<img loading="lazy" decoding="async" src="../../../images/macedonia-skopje-old-bazaar.webp" alt="A working street in the Old Skopje Bazaar">
<figcaption>Old Bazaar, Skopje. Photo: <a href="https://visit-skopje.com/old-bazaar-skopje/" target="_blank" rel="noopener">visit-skopje.com</a></figcaption>
</figure>
@@ -245,7 +252,7 @@
<p>To understand Skopje, it is worth looking beyond whether someone finds a building beautiful. The more important question is what problem it was trying to solve and what moment in the city's history produced it.</p>
<figure class="article-inline-image">
<img src="../../../images/macedonia-skopje-old-railway-station.jpg" alt="The Museum of the City of Skopje in the former railway station">
<img loading="lazy" decoding="async" src="../../../images/macedonia-skopje-old-railway-station.webp" alt="The Museum of the City of Skopje in the former railway station">
<figcaption>Museum of the City of Skopje. Photo: <a href="https://museumskopje.mk/" target="_blank" rel="noopener">museumskopje.mk</a></figcaption>
</figure>
@@ -264,7 +271,7 @@
<p>The contrast is not abstract. It can happen within the same day.</p>
<figure class="article-inline-image">
<img src="../../../images/macedonia-skopje-vodno-view.jpg" alt="A view of Skopje from Mount Vodno">
<img loading="lazy" decoding="async" src="../../../images/macedonia-skopje-vodno-view.webp" alt="A view of Skopje from Mount Vodno">
<figcaption>Mount Vodno, Skopje. Photo: <a href="https://visit-skopje.com/mount-vodno-skopje-best-views-hiking-trails-millennium-cross-guide/" target="_blank" rel="noopener">visit-skopje.com</a></figcaption>
</figure>
@@ -293,7 +300,7 @@
<div class="footer-main">
<div class="footer-info">
<div class="footer-logo">
<img src="../../../images/13-whitelogo.png" alt="Macedonian Student Organisation in Slovenia Logo">
<img loading="lazy" decoding="async" src="../../../images/13-whitelogo.png" alt="Macedonian Student Organisation in Slovenia Logo">
</div>
<p class="footer-legal-name">Društvo Makedonska Študentska Organizacija v Sloveniji za študentsko podporo in kulturno sodelovanje</p>
<p>