Ein Blog über Hugo, Webdev, SEO, Tools ..

Die Darstellung der Website kann je nach Betriebssystem, Gerätegröße und Browser variieren. Eine Vorschau auf verschiedenen Geräten mit Zugriff auf den lokalen Hugo-Entwicklungsrechner vermeidet Designfehler.

Wenn das Erstellungsdatum (date) oder Änderungsdatum (lastmod - last modifikation) auf der Webseite angezeigt wird, sollte die Anzeige je nach Sprache länderspezifisch angepasst werden. In dem nachfolgenden Hugo Partial zeige ich wie es auf meinen Webseiten eingesetzt wird.

i18n - Teil 3 von 3 Anleitungen für das Erstellen einer Hugo multilingualen Website. Mit den folgenden Themen: Die T (Translate) Funktion von Hugo, das Umschalten der Sprache auf der Website inkl. Sourcecode und SCSS, Hugo Probleme mit multilingualen Tags, Tag Wolke als Themenübersicht, Tag Beitragsliste inkl. Sourcecode und SCSS, interne Verlinkung.

i18n - Teil 2 von 3 Anleitungen für das Erstellen einer Hugo multilingualen Website. Der zweite Teil geht in die Tiefe der Theme-Entwicklung und zeigt die Programmierung der multilingualen Website. Mit den folgenden Themen: Einträge im html und head Tag der baseof.html und Menüstruktur in der hugo.toml, inklusiv der Navigation Partials nav.html und sidepanel.html.

Teil 1 von 3 Anleitungen für das Erstellen einer Hugo multilingualen Website. Es gibt immer mehrere Wege um etwas zu realisieren. In diesen Anleitungen beschreibe ich meinen Weg.
Die Themen im Teil 1 sind - hugo.toml allgemein, Page Bundle Struktur der Webseiten und Front Matter Einträge in den Markdown Dateien.

Open Graph ist ein Protokoll, mit dem sich beeinflussen lässt wie eine Webseite dargestellt wird, wenn sie auf Social Media geteilt wird. Über Meta Einträge im Head jeder Webseite kann man selber beeinflussen welche Daten dafür benutzt werden. In diesem Artikel beschreibe ich meine in einem Partial zusammengefassten Open Graph Meta-Tags.

Strukturierte Daten ermöglichen Suchmaschinen die Daten auf der Website besser zu verstehen und dadurch die Suchergebnisse für die Nutzer ansprechender darzustellen. Dieser Beitrag erklärt mein Hugo Partial für die Schema.org Typen WebSite und BlogPosting. Mit i18n Einträgen, Erklärung des Sourcecodes und Testen der JSON-LD Struktur.