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.

Die Bildsprache umfasst die gezielte Auswahl und Gestaltung von Fotos, Grafiken und Icons auf einer Website. Sie dient dazu, Markenwerte visuell zu transportieren, Emotionen zu wecken und textliche Aussagen zu unterstützen oder zu verstärken.

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.

Der Bricks Builder ist ein moderner, visueller Site-Builder für WordPress, der es ermöglicht, hochperformante und individuell gestaltete Websites zu erstellen. Im Gegensatz zu herkömmlichen Page-Buildern generiert Bricks extrem sauberen Code und bietet tiefe Kontrolle über CSS Grid, Flexbox und dynamische Daten.

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.

Cloud Hosting ist ein Hosting-Modell, bei dem die Website nicht auf einem einzelnen physischen Server liegt, sondern auf einem Netzwerk aus vielen zusammengeschalteten virtuellen Servern. Ressourcen wie Rechenleistung und Speicher werden dynamisch aus diesem gesamten Netzwerk („Cloud“) bezogen.

Ein CMS (Content Management System) ist eine Software zur Erstellung, Verwaltung und Bearbeitung von digitalen Inhalten auf einer Website. Es ermöglicht Nutzern ohne Programmierkenntnisse, Texte, Bilder und Videos eigenständig über eine grafische Benutzeroberfläche zu pflegen.

Code Bloat (Code-Aufblähung) bezeichnet unnötigen, redundanten oder übermäßig komplexen Programmcode, der die Dateigröße einer Website erhöht, ohne einen funktionalen Mehrwert zu bieten. Er entsteht oft durch die Verwendung von All-in-One-Themes oder schwerfälligen Plugins.

Content Writing ist das Erstellen von informierenden, beratenden oder unterhaltenden Inhalten für das Internet. Ziel ist es, dem Leser einen echten Mehrwert zu bieten, Vertrauen in eine Marke aufzubauen und die Sichtbarkeit in Suchmaschinen (SEO) langfristig zu erhöhen.

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

Die Conversion-Rate (Konversionsrate) ist das prozentuale Verhältnis der Besucher einer Website zu den getätigten Abschlüssen (Conversions). Eine Conversion kann ein Kauf, eine Anfrage, eine Newsletter-Anmeldung oder ein Download sein.

Copywriting (Werbetexten) ist das Handwerk des Schreibens von Texten mit dem Ziel, den Leser zu einer bestimmten Handlung zu bewegen (Conversion). Es verbindet Psychologie mit Sprache, um Aufmerksamkeit zu erwecken, Vertrauen aufzubauen und Verkäufe oder Anfragen zu generieren.

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.

CSS Grid ist ein zweidimensionales Layout-System für das Web. Im Gegensatz zu älteren Methoden ermöglicht es, Inhalte gleichzeitig in Spalten (Columns) und Zeilen (Rows) anzuordnen. Es bietet die präziseste Kontrolle über das Design und erlaubt komplexe, überlappende oder asymmetrische Layouts.

Ein CTA (Call-to-Action) ist eine Handlungsaufforderung, die den Nutzer zu einer spezifischen Interaktion bewegt. Meist erscheint er als auffälliger Button oder Link mit einem kurzen, prägnanten Text wie „Jetzt anfragen“, „Kostenlos testen“ oder „Hier kaufen“.

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.

Duplicate Content (doppelter Inhalt) bezeichnet identische oder sehr ähnliche Textinhalte, die unter verschiedenen URLs innerhalb einer Website (intern) oder auf unterschiedlichen Domains (extern) abrufbar sind. Suchmaschinen haben Schwierigkeiten zu entscheiden, welche Version die relevante ist, was zu Rankingverlusten führen kann.

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.

Die Farbenlehre im Webdesign befasst sich mit der Wirkung von Farben auf den Betrachter und deren harmonischer Kombination. Sie nutzt psychologische Erkenntnisse, um Markenwerte zu kommunizieren und die visuelle Hierarchie einer Website zu unterstützen.

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.

Flexbox (Flexible Box Layout) ist ein eindimensionales Layout-Modell für CSS. Es wurde entwickelt, um Elemente innerhalb eines Containers auch dann effizient anzuordnen, auszurichten und zu verteilen, wenn deren Größe unbekannt oder dynamisch ist.

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

Die Google Core Web Vitals sind eine Gruppe von drei spezifischen Metriken, mit denen Google die Nutzererfahrung (User Experience) einer Website misst. Sie bewerten die Ladegeschwindigkeit, die Interaktivität und die visuelle Stabilität einer Seite und sind ein offizieller Rankingfaktor.

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.

Ein Intranet ist ein privates, abgeschlossenes Computernetzwerk innerhalb eines Unternehmens oder einer Organisation. Im Gegensatz zum öffentlichen Internet ist es nur für berechtigte Mitarbeiter zugänglich und dient dem internen Informationsaustausch, der Zusammenarbeit und der Bereitstellung von Ressourcen.

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.

Die Ladezeit (auch Page Load Time) beschreibt die Zeitspanne, die benötigt wird, um den gesamten Inhalt einer Webseite im Browser eines Nutzers vollständig darzustellen. Sie wird von der Servergeschwindigkeit, der Dateigröße und der Effizienz des Programmcodes beeinflusst.

Der Largest Contentful Paint (LCP) misst die Zeitspanne vom Beginn des Ladevorgangs bis zu dem Moment, an dem das größte sichtbare Element (meist ein Bild, Video oder eine große Textblock-Überschrift) im Sichtfeld des Nutzers vollständig gerendert ist.

Das Layout beschreibt die Anordnung von visuellen Elementen (Texte, Bilder, Buttons) auf einer Webseite. Es bildet das strukturelle Grundgerüst und bestimmt, wie Informationen hierarchisch geordnet sind, um die Lesbarkeit und Benutzerführung zu optimieren.

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.

Media Queries sind eine CSS-Technik, die es ermöglicht, das Design einer Website flexibel an verschiedene Bildschirmgrößen und Geräteeigenschaften (wie Smartphones, Tablets oder Desktops) anzupassen. Sie bilden damit das technische Fundament für Responsive Design, indem sie Layout-Regeln nur dann aktivieren, wenn bestimmte Bedingungen – wie eine maximale Bildschirmbreite – erfüllt sind.

Mobile First ist ein Design- und Entwicklungsansatz, bei dem eine Website zuerst für die kleinste Bildschirmgröße (Smartphone) konzipiert und optimiert wird. Erst im nächsten Schritt wird das Layout durch zusätzliche Funktionen und Spalten für größere Geräte wie Tablets und Desktops erweitert.

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).

Off-Page SEO umfasst alle Maßnahmen außerhalb der eigenen Website, die darauf abzielen, das Ranking in den Suchmaschinen zu verbessern. Der Fokus liegt dabei auf dem Aufbau von Autorität, Vertrauen und Relevanz durch Signale von anderen Websites und Plattformen.

On-Page SEO (auch On-Site SEO genannt) umfasst alle Optimierungsmaßnahmen, die direkt innerhalb der eigenen Website durchgeführt werden. Das Ziel ist es, sowohl den Inhalt als auch die Struktur der Seite so zu gestalten, dass Suchmaschinen sie besser verstehen und Nutzer sie als hilfreicher wahrnehmen.

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.

PageSpeed (Ladegeschwindigkeit) beschreibt die Zeit, die eine Webseite benötigt, um ihre Inhalte vollständig im Browser eines Nutzers darzustellen. Er ist ein kritischer Faktor für die Nutzererfahrung und ein offizieller Rankingfaktor von Google, da langsame Ladezeiten zu hohen Absprungraten führen.

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.

Ein Relaunch ist die umfassende Neugestaltung und technische Überarbeitung einer bestehenden Website. Dabei werden meist das Design, die Struktur (Informationsarchitektur), die Inhalte und die zugrunde liegende Technologie (z. B. Wechsel zu WordPress mit Bricks) modernisiert.

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.

SEO (Suchmaschinenoptimierung) umfasst alle Maßnahmen, die darauf abzielen, die Sichtbarkeit einer Website in den organischen (unbezahlten) Suchergebnissen von Suchmaschinen wie Google zu erhöhen. Es unterteilt sich primär in technische Optimierung, inhaltliche Qualität und externe Autorität.

SERP steht für Search Engine Result Page (Suchmaschinenergebnisseite). Es ist die Seite, die ein Nutzer sieht, nachdem er eine Suchanfrage bei Google oder einer anderen Suchmaschine eingegeben hat. Sie besteht heute aus weit mehr als nur einer einfachen Liste von Links.

Shared Hosting ist eine Form des Webhostings, bei der sich mehrere Websites einen einzigen physischen Server und dessen Ressourcen (CPU, RAM, Bandbreite) teilen. Es ist die kostengünstigste Hosting-Variante, da die Betriebskosten auf viele Nutzer verteilt werden.

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.

Technisches SEO umfasst alle Website-Optimierungen, die nichts mit dem eigentlichen Inhalt zu tun haben, sondern darauf abzielen, die Infrastruktur der Website für Suchmaschinen-Crawler (Bots) zu verbessern. Es stellt sicher, dass eine Website gecrawlt, indexiert und fehlerfrei interpretiert werden kann.

Der Time to First Byte (TTFB) ist eine Kennzahl, die die Zeitspanne zwischen der Anfrage eines Browsers (z. B. Klick auf einen Link) und dem Empfang des allerersten Bytes an Daten vom Webserver misst. Er gibt an, wie schnell der Server reagiert und die Verarbeitung der Seite startet.

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

Usability beschreibt die Benutzerfreundlichkeit einer Website. Sie misst, wie effektiv, effizient und zufriedenstellend ein Nutzer seine Ziele auf einer Seite erreichen kann (z. B. eine Information finden oder ein Produkt kaufen).

Der Viewport ist der sichtbare Bereich einer Webseite im Browserfenster. Er variiert je nach Endgerät: Auf einem Desktop-Monitor ist der Viewport meist das gesamte Browserfenster, auf einem Smartphone entspricht er dem Display des Geräts.

Eine Virtuelle Maschine (VM) ist eine Software-basierte Emulation eines physischen Computers. Sie verhält sich wie ein eigenständiges System mit eigenem Betriebssystem, eigener CPU-Leistung und eigenem Speicher, obwohl sie sich die Hardware mit anderen VMs auf einem physischen Host-Server teilt.

Ein VPS (Virtual Private Server) ist ein physischer Server, der mithilfe von Virtualisierungstechnologie in mehrere isolierte, virtuelle Einheiten unterteilt wird. Jeder Nutzer erhält fest zugewiesene Ressourcen (CPU, RAM, Speicher), die nicht von anderen Webseiten auf demselben System beeinflusst werden können.

Webdesign umfasst die Gestaltung, den strukturellen Aufbau und die technische Umsetzung von Websites. Es kombiniert visuelle Gestaltung (Grafikdesign) mit funktionaler Benutzerführung (UX/UI) und technischer Optimierung, um Ziele im Internet zu erreichen.

Webhosting ist die Bereitstellung von Speicherplatz (Webspace) auf einem Server, der permanent mit dem Internet verbunden ist. Hier werden alle Dateien, Datenbanken und E-Mails einer Website hinterlegt, damit sie weltweit rund um die Uhr abrufbar sind.