Experten-Wissen: Definitionen rund um Webdesign, SEO und Digital-Technik

Als ‘Above the Fold’ wird der Bereich einer Webseite bezeichnet, der ohne Scrollen sofort im Browser sichtbar ist. In der modernen Webentwicklung mit Bricks und ACSS ist dieser Bereich kritisch für die Conversion Rate. Hier müssen die wichtigste Botschaft (H1) und der primäre Call-to-Action (CTA) platziert werden. Da Viewports variieren, sollte das Design hier besonders flexibel reagieren.

Ein klassisches Werbewirkungsprinzip, das die Phasen beschreibt, die ein Kunde durchläuft: Attention (Aufmerksamkeit), Interest (Interesse), Desire (Wunsch) und Action (Handlung). In deinem Bricks-Layout sollte die Hero-Section die ‘Attention’ und das Formular am Ende die ‘Action’ übernehmen.

Der klickbare Text eines Hyperlinks. Er sollte beschreibend sein, um Suchmaschinen den Kontext der verlinkten Seite zu vermitteln.

Ein weit verbreiteter Webserver-Typ. Er verarbeitet Anfragen über das HTTP-Protokoll und nutzt oft die .htaccess-Datei zur Konfiguration.

Das Seitenverhältnis eines Elements (z.B. 16:9). In Bricks mit ACSS wichtig für die Konsistenz von Bildern und Videos über verschiedene Breakpoints hinweg.

Das parallele Laden von Skripten, ohne das Rendern der restlichen Webseite zu blockieren. Verbessert die Performance.

Ein Design-System-Ansatz, der Elemente in Atome, Moleküle, Organismen und Templates unterteilt. ACSS folgt oft diesem strukturierten Prinzip.

Ein Maßstab für die Vertrauenswürdigkeit einer Webseite. Sie wird durch hochwertige Backlinks und fachlich fundierten Content (E-E-A-T) aufgebaut.

Business-to-Business Marketing bezieht sich auf Geschäftsbeziehungen zwischen mindestens zwei Unternehmen. Die Entscheidungsprozesse sind hier meist länger, rationaler und involvieren mehrere Personen (Buying Center), weshalb fundierter Content wie dein Glossar hier besonders wertvoll ist.

Der Teil einer Anwendung, der auf dem Server läuft und für Logik und Datenbankverwaltung zuständig ist (in WordPress das Admin-Menü).

Ein unsichtbares Raster für die Typografie, das sicherstellt, dass die Grundlinien der Texte harmonisch aufeinander abgestimmt sind.

Webdesign;Eine Breadcrumb-Navigation (Brotkrumen) zeigt dem Nutzer seinen aktuellen Standort innerhalb der Seitenhierarchie an. Sie verbessert nicht nur die User Experience (UX), sondern hilft auch Suchmaschinen, die Struktur der Website besser zu verstehen. In Bricks lässt sich dies meist über ein Navigations-Element oder ein SEO-Plugin-Widget dynamisch einbinden.

Ein toter Link, der zu einer 404-Fehlerseite führt. Viele kaputte Links schaden der User Experience und dem Crawler-Budget.

Ein Unter-Theme, das die Funktionen eines Parent-Themes erbt. Unverzichtbar für individuelle Code-Anpassungen in WordPress.

Ein Programmierstil, der auf Lesbarkeit und Wartbarkeit des Codes setzt, um Fehler zu minimieren und spätere Anpassungen zu erleichtern.

Das Verhältnis von Impressionen (Anzeigen) zu Klicks in den Suchergebnissen. Eine hohe CTR signalisiert Google hohe Relevanz.

Das Kontrastverhältnis zwischen Text- und Hintergrundfarbe. Essenziell für die Barrierefreiheit (WCAG) und die Lesbarkeit deiner Inhalte.

Die wichtigsten und umfangreichsten Artikel auf einer Webseite, die das Kernthema abdecken und auf die viele andere interne Seiten verlinken.

Ein Programm von Suchmaschinen, das das Internet systematisch nach neuen und aktualisierten Inhalten durchsucht und diese indexiert.

Eine Abfrage an die Datenbank (z.B. SQL). JetEngine nutzt diese massiv, um Custom Post Types in Bricks anzuzeigen.

Einträge im Domain Name System (wie A-Record, MX-Record), die regeln, wo die Website gehostet wird und wer die E-Mails empfängt.

Document Object Model. Die logische Baumstruktur eines HTML-Dokuments, über die Scripte (JavaScript) auf Elemente zugreifen können.

Die Zeitspanne zwischen dem Klick auf ein Suchergebnis und der Rückkehr zur Suchmaschine. Lange Verweildauern sind ein positives Signal.

Experience, Expertise, Authoritativeness und Trustworthiness. Das Framework, nach dem Google die Qualität von Inhalten bewertet.

Das typische Scan-Verhalten von Nutzern auf Webseiten: oben horizontal, dann etwas tiefer horizontal und schließlich vertikal links.

Ein Tool zur Erstellung verschiedener Icon-Größen für Browser, Android und iOS aus einer einzigen Quelldatei.

Die ‘Position Null’ in Google, bei der ein Textauszug direkt oben in den Suchergebnissen angezeigt wird, um eine Frage sofort zu beantworten.

Ein UX-Prinzip, das besagt, dass die Zeit bis zum Erreichen eines Ziels (z.B. Button) von der Entfernung und Größe des Ziels abhängt.

Die Benutzeroberfläche einer Website, mit der der Nutzer direkt interagiert. Geschrieben in HTML, CSS und JavaScript.

Der Zwischenraum zwischen den Spalten in einem Grid-System. In ACSS steuerst du dies über die Variable –grid-gutter.

Eine Kompressionsmethode auf Serverebene, die die Dateigröße von HTML, CSS und JS beim Senden an den Browser drastisch reduziert.

HTML-Strukturelemente für Überschriften. Die H1 darf nur einmal pro Seite vorkommen und muss das Haupt-Keyword enthalten.

Ein CMS, das nur die Inhalte über eine API bereitstellt und kein festes Frontend besitzt. Erlaubt maximale Flexibilität im Design.

Der erste große Bereich unter der Navigation, meist mit einem starken Bild und einer zentralen Botschaft (H1).

Internationalisierte Domainnamen, die Umlaute (ä, ö, ü) oder Sonderzeichen enthalten können. Werden intern im Punycode-Format gespeichert.

Die Optimierung von Bildern durch Dateinamen, Alt-Tags und Dateigröße, um in der Google Bildersuche besser gefunden zu werden.

Die Datenbank einer Suchmaschine, die alle gefundenen Webseiten speichert. Nur was im Index ist, kann in den Ergebnissen erscheinen.

Eine Technik, bei der neue Inhalte automatisch geladen werden, sobald der Nutzer das Ende der aktuellen Liste erreicht.

Die wichtigste Programmiersprache für das moderne Web. Ermöglicht dynamische Effekte, Formularvalidierung und interaktive Karten.

Ein Format für strukturierte Daten, das Suchmaschinen hilft, Informationen (wie FAQ, Preise oder Bewertungen) besser auszulesen.

Eine Wissensdatenbank von Google, die Fakten über Entitäten (Personen, Orte, Dinge) verknüpft und in Infoboxen anzeigt.

Das verzögerte Laden von Bildern und Videos, bis diese tatsächlich im Viewport des Nutzers erscheinen. Spart Bandbreite und verbessert Ladezeiten.

Der vertikale Abstand zwischen den Zeilen eines Textes. Eine gute Zeilenhöhe (meist 1.5 – 1.6) steigert die Lesbarkeit massiv.

Ein System, das den Datenverkehr auf mehrere Server verteilt, um Überlastungen bei sehr hohen Besucherzahlen zu vermeiden.

Vektorbasierte Animationen, die klein und skalierbar sind. Bricks integriert Lottie nativ für hochwertige UI-Effekte.

Latent Semantic Indexing. Begriffe, die semantisch mit dem Haupt-Keyword verwandt sind und Google helfen, das Thema besser zu verstehen.

Das am häufigsten genutzte relationale Datenbankmanagementsystem für WordPress. Hier werden alle Texte, Einstellungen und Nutzer gespeichert.

Das zentrale Steuerungselement einer Webseite. Man unterscheidet zwischen Header-, Footer- und Sidebar-Navigation.

Ein Synonym für White Space. Er hilft dabei, Inhalte zu gruppieren und dem Auge des Nutzers Führung zu geben.

Spezifische Unterthemen mit geringem Wettbewerb, die es ermöglichen, schneller hohe Rankings für eine spitze Zielgruppe zu erzielen.

Ein Link-Attribut, das Suchmaschinen mitteilt, den Link nicht für das Ranking zu werten (keine Linkkraft-Übertragung).

Besucher, die über unbezahlte Suchergebnisse auf die Website kommen, im Gegensatz zu Paid Traffic (Ads).

Die Geschwindigkeit, mit der eine Webseite geladen wird. Seit den Core Web Vitals ein essenzieller technischer Rankingfaktor.

Die dauerhafte, sprechende Adresse einer Webseite (z.B. /definition/seo-tipps), die sich auch bei Inhaltsänderungen nicht ändern sollte.

Eine Strategie, bei der eine Basis-Webseite für alle funktioniert und fortgeschrittene Funktionen nur für moderne Browser hinzugefügt werden.

Die Zeit, die DNS-Änderungen benötigen, um weltweit auf allen Servern bekannt zu sein (meist 24-48 Stunden).

Die tatsächliche Suchanfrage, die ein Nutzer in das Suchfeld einer Suchmaschine eingibt.

Responsive Design beschreibt die technische und gestalterische Umsetzung einer Website, sodass diese auf allen Endgeräten (Desktop, Tablet, Smartphone) optimal funktioniert. Durch den Einsatz von CSS Grid und Flexbox (unterstützt durch ACSS-Utility-Klassen) passen sich Layouts fließend an die Bildschirmbreite an, anstatt für jedes Gerät eine eigene Version zu laden.

Eine Standardschnittstelle zum Datenaustausch. WordPress bietet eine native Rest API, um Inhalte extern auszulesen oder zu bearbeiten.

Eine Datei im Hauptverzeichnis, die Suchmaschinen Anweisungen gibt, welche Bereiche einer Website sie crawlen dürfen und welche nicht.

Der Bereich auf mobilen Displays (besonders iPhone mit Notch), in dem keine wichtigen UI-Elemente platziert werden sollten.

Search Engine Result Page. Die Seite, die Google anzeigt, nachdem ein Nutzer eine Suchanfrage abgeschickt hat.

Graue Platzhalter-Boxen, die während des Ladens von Inhalten angezeigt werden, um eine schnellere gefühlte Geschwindigkeit zu suggerieren.

Eine 1:1 Kopie deiner Website in einer geschützten Umgebung, um Updates oder neue Designs zu testen, bevor sie live gehen.

Scalable Vector Graphics. Ein Bildformat für Logos und Icons, das ohne Qualitätsverlust skaliert werden kann und sehr kleine Dateigrößen hat.

Eine mathematisch abgestimmte Reihe von Schriftgrößen, die für visuelle Harmonie sorgt (z.B. Perfect Fourth oder Golden Ratio).