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

Methode, bei der zwei Varianten einer Webseite gleichzeitig getestet werden, um die bessere zu ermitteln.

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.

Durch KI erstellte Inhalte und deren Auswirkungen auf SEO-Rankings laut Google-Richtlinien.

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.

Schnittstelle, über die verschiedene Software-Systeme miteinander kommunizieren. Ergänzt bestehenden REST-API-Artikel.

Accessible Rich Internet Applications – HTML-Attribute für assistive Technologien wie Screenreader.

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

Externer Link, der von einer anderen Website auf die eigene verweist und die Domain Authority erhöht.

Deutsches Gesetz (ab Juni 2025), das digitale Barrierefreiheit für viele Unternehmen verpflichtend macht.

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.

Prozentualer Anteil der Besucher, die die Website nach nur einer Seite wieder verlassen.

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.

Netzwerk weltweit verteilter Server, das statische Inhalte näher beim Nutzer ausliefert und Ladezeiten senkt.

Large Language Models wie ChatGPT verändern Content-Erstellung und SEO. Für Webagenturen hochrelevant.

Maßnahmen zur Vereinfachung des Kaufprozesses, um Warenkorbabbrüche zu reduzieren.

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.

Strategischer Ansatz, bei dem hochwertiger Content erstellt wird, um eine Zielgruppe anzuziehen und zu binden.

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.

Pflicht zur Einholung einer aktiven Nutzereinwilligung vor dem Setzen von Tracking-Cookies (laut DSGVO).

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.

Regelmäßige, umfangreiche Aktualisierungen des Google-Algorithmus, die Rankings stark beeinflussen können.

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

Gesamtheit aller Berührungspunkte (Touchpoints) eines Kunden mit einer Marke – vom ersten Kontakt bis zum Kauf.

Dunkles UI-Farbschema, das den Energieverbrauch bei OLED-Displays senkt und Augen schont.

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

Sammlung wiederverwendbarer Komponenten, Regeln und Guidelines für konsistentes Webdesign.

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.

Virtualisierungstechnologie, die Anwendungen in isolierten Containern ausführt.

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

Von Moz entwickelte Kennzahl (1–100), die die Linkstärke einer Domain bewertet.

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.

Direktmarketing-Kanal über personalisierte E-Mails zur Leadpflege und Kundenbindung.

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.

Mindestkontrastverhältnis von 4,5:1 für normalen Text laut WCAG 2.1 Level AA.

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.

Psychologische Prinzipien der visuellen Wahrnehmung (Nähe, Ähnlichkeit, Geschlossenheit), die gutes Layout unterstützen.

Die aktuelle Generation von Google Analytics mit event-basiertem Tracking. GA3 wurde 2023 eingestellt.

Kostenloser Brancheneintrag von Google (ehemals Google My Business) für lokale Sichtbarkeit.

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.

Kostenloses Google-Tool zur Überwachung der Search-Performance, Index-Status und technischer Fehler.

Tool zur zentralen Verwaltung von Tracking-Codes und Skripten ohne direkten Code-Zugriff.

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.

Visuelle Darstellung, die zeigt, wo Nutzer auf einer Seite klicken, scrollen oder die Maus bewegen.

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.

Systematische Analyse von Suchbegriffen, nach denen potenzielle Kunden in Google suchen.

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

Messbare Kennzahlen, die den Erfolg digitaler Maßnahmen bewerten (z. B. CTR, Bounce Rate, ROAS).

Überbegriff für Maschinenintelligenz, die Aufgaben erledigt, die menschliche Intelligenz erfordern. Entscheidend für KI-gestützte Web-Tools.

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.

Prozess der Gewinnung von Interessenten (Leads), die potenzielle Kunden werden können.

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

Strategischer Aufbau von qualitativ hochwertigen Backlinks zur Steigerung der Domain Authority.

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

Optimierung für standortbezogene Suchanfragen. Besonders relevant für die regionale Positionierung von Renatoo.

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.

Teilbereich der KI, bei dem Systeme aus Daten lernen, ohne explizit programmiert zu werden.

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.

Kleine Animationen oder Rückmeldungen bei Nutzerinteraktionen (z. B. Button-Hover, Formular-Feedback).

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.