Kurz erklärt.

Eine 301-Weiterleitung leitet eine alte Adresse dauerhaft auf eine neue um. Wer die alte URL aufruft, landet automatisch auf der neuen Seite, und Suchmaschinen übertragen ihre Bewertung der alten Seite auf die neue. Die Zahl 301 ist der HTTP-Statuscode für „Moved Permanently“, auf Deutsch „dauerhaft verschoben“.

API steht für Application Programming Interface, auf Deutsch Programmierschnittstelle. Über eine API tauschen zwei Programme Daten aus, ohne dass ein Mensch etwas von einem System ins andere abtippen muss. Dein Onlineshop fragt zum Beispiel über eine API beim Zahlungsanbieter nach, ob eine Zahlung eingegangen ist.

Der Beschnitt ist ein schmaler Rand, der in der Druckdatei über das spätere Format hinausgeht. Nach dem Druck schneidet die Druckerei das Papier auf das Endformat zu, und dieser Rand fällt weg. Nur mit diesem Rand reichen Bilder und Farbflächen am Ende wirklich bis an die Kante.

Das Barrierefreiheitsstärkungsgesetz, kurz BFSG, verpflichtet Unternehmen, bestimmte Produkte und Dienstleistungen barrierefrei anzubieten. Seine Pflichten gelten seit dem 28. Juni 2025. Mit dem Gesetz setzt Deutschland eine EU-Richtlinie um, den European Accessibility Act (Richtlinie (EU) 2019/882).

Ein Call to Action, kurz CTA, ist eine Handlungsaufforderung auf einer Website, in einer Anzeige oder auf einer Drucksache. Er sagt dem Leser, was er als Nächstes tun kann, zum Beispiel anrufen oder einen Termin anfragen. Im Web ist der CTA meist ein Button oder ein deutlich hervorgehobener Link.

Der Canonical-Tag ist ein Hinweis im HTML-Code, der Suchmaschinen sagt, welche Adresse die Originalversion einer Seite ist. Man setzt ihn ein, wenn derselbe oder fast derselbe Inhalt unter mehreren URLs erreichbar ist. Google soll dann nur eine davon in die Suchergebnisse aufnehmen und alle Signale auf diese eine bündeln.

Ein CMS, ausgeschrieben Content-Management-System, ist die Software hinter einer Website, mit der du Texte und Bilder selbst pflegst. Du arbeitest in einer Bedienoberfläche im Browser, das System baut daraus die fertigen Seiten. Programmierkenntnisse brauchst du dafür nicht.

CMYK ist das Farbmodell für den Druck. Die Buchstaben stehen für die Druckfarben Cyan, Magenta, Yellow (Gelb) und Key, womit Schwarz gemeint ist. Aus diesen vier Farben, in feinen Rasterpunkten übereinander gedruckt, entstehen fast alle Farbtöne, die du auf einem Flyer oder einer Visitenkarte siehst.

Ein Cookie-Banner ist das Fenster, das beim ersten Besuch einer Website erscheint und fragt, ob du Cookies und ähnliche Techniken erlaubst. Es holt die Einwilligung ein, die das Gesetz für viele Analyse- und Werbedienste verlangt, und speichert deine Entscheidung. Ein anderes Wort dafür ist Consent-Banner.

Corporate Identity, kurz CI, ist das Selbstverständnis eines Unternehmens: wofür es steht und wie es nach außen und innen auftritt. Dazu gehört, wie es aussieht, wie es spricht und wie es mit Menschen umgeht. Das Corporate Design ist also nur ein Teil der CI, nämlich der sichtbare.

CSS steht für Cascading Style Sheets und bestimmt, wie eine Webseite aussieht. Während HTML festlegt, was auf der Seite steht, regelt CSS Farben, Schriften, Abstände und die Anordnung der Elemente. Dieselbe HTML-Seite kann mit anderem CSS völlig anders wirken.

Eine Domain ist die Adresse einer Website im Internet, zum Beispiel ak86.eu. Hinter jeder Domain steht technisch eine Zahlenfolge, die IP-Adresse des Servers. Weil sich Menschen Namen besser merken als Zahlen, übersetzt das Domain Name System (DNS) zwischen beiden.

DPI steht für dots per inch, also Punkte pro Zoll. Der Wert beschreibt, wie viele Bildpunkte auf einer Strecke von 2,54 Zentimetern liegen und damit, wie fein ein Bild gedruckt wird. Für den Druck sind 300 dpi der übliche Richtwert.

Das Favicon ist das kleine Symbol, das im Browser-Tab neben dem Seitentitel steht. Du findest es außerdem in deinen Lesezeichen und in den Suchergebnissen von Google. Meist ist es eine verkleinerte Form des Logos oder ein einzelner Buchstabe daraus.

Ein Framework ist ein Programmiergerüst, auf dem Entwickler eigene Software aufbauen. Es bringt fertige Bausteine und feste Regeln mit, sodass Grundaufgaben wie Anmeldung, Formulare oder Datenbankzugriff nicht jedes Mal neu programmiert werden müssen. Bekannte Beispiele sind Symfony und Laravel für die Programmiersprache PHP.

HTML steht für Hypertext Markup Language und ist die Sprache, in der Webseiten geschrieben sind. Sie legt fest, was auf einer Seite eine Überschrift ist, was ein Absatz, ein Bild oder ein Link. Dein Browser liest diesen Code und baut daraus die Seite, die du auf dem Bildschirm siehst.

Die Impressumspflicht verpflichtet Anbieter von Websites, offenzulegen, wer hinter dem Angebot steht und wie man sie erreicht. Rechtsgrundlage ist seit Mai 2024 § 5 des Digitale-Dienste-Gesetzes (DDG). Vorher stand dieselbe Pflicht in § 5 des Telemediengesetzes, das damit abgelöst wurde.

JavaScript ist eine Programmiersprache, die im Browser läuft und Webseiten interaktiv macht. Was auf einer Seite passiert, nachdem sie geladen ist, wenn du klickst, tippst oder scrollst, steuert meistens JavaScript. Mit der Programmiersprache Java hat sie trotz des ähnlichen Namens wenig zu tun.

Kerning ist der Ausgleich des Abstands zwischen zwei bestimmten Buchstaben. Paare wie „AV“, „To“ oder „Wa“ wirken mit dem normalen Abstand zu locker, weil ihre Formen viel Luft lassen. Beim Kerning rückt man solche Paare enger zusammen, selten auch weiter auseinander, bis das Wort gleichmäßig aussieht.

Die Meta-Description ist eine kurze Beschreibung einer Webseite, die im HTML-Code steht und auf der Seite selbst nicht zu sehen ist. Google und andere Suchmaschinen zeigen sie oft als Text unter dem Titel in den Suchergebnissen. In ein, zwei Sätzen soll sie sagen, was dich auf der Seite erwartet.

Ein Mockup ist ein gestaltetes, aber nicht funktionierendes Abbild eines Designs. Im Webdesign zeigt es eine Seite mit echten Farben, Schriften und Bildern so, wie sie später aussehen soll. Klicken lässt sich darin noch nichts.

Ein Moodboard ist eine Sammlung aus Bildern, Farben, Schriften und Materialien, die zeigt, welche Stimmung ein Design haben soll. Es entsteht vor dem ersten Entwurf. Alle Beteiligten einigen sich damit auf eine Richtung, bevor jemand ein Logo zeichnet oder eine Website gestaltet.

Ein Onepager ist eine Website, die aus einer einzigen langen Seite besteht. Man bewegt sich per Scrollen durch die Inhalte oder über ein Menü, das zu Abschnitten derselben Seite springt. Impressum und Datenschutzerklärung liegen trotzdem meist auf eigenen Seiten.

Ein Page Builder ist ein Werkzeug, mit dem du die Seiten einer Website visuell zusammenstellst. Du ziehst Bausteine wie Überschrift, Bild oder Spalten an die gewünschte Stelle und siehst sofort, wie das Ergebnis aussieht, ganz ohne Code. In WordPress sind Page Builder meist Plugins, bekannte Vertreter heißen Elementor, WPBakery, Divi oder Bricks.

Pantone ist ein Farbsystem für Sonderfarben. Jede Farbe hat eine feste Nummer, etwa Pantone 286 C, und wird vor dem Druck fertig angemischt. Dadurch sieht eine Pantone-Farbe bei verschiedenen Druckereien sehr ähnlich aus, ob die nun in Düsseldorf oder in Hamburg sitzen.

Ein Plugin ist eine Erweiterung, die einer Software zusätzliche Funktionen gibt. Im Webdesign ist meist das WordPress-Plugin gemeint: ein Paket aus Code, das du im Backend installierst und aktivierst. So kommen etwa ein Kontaktformular oder ein Shop auf die Website, ohne dass jemand den Kern von WordPress umschreiben muss.

Responsive Webdesign bedeutet: Eine Website ordnet ihre Inhalte je nach Bildschirm selbst neu an. Auf dem Smartphone stehen Spalten untereinander, auf dem großen Monitor nebeneinander. Es gibt dafür nur eine Website mit einer Adresse und einem Inhalt.

RGB ist das Farbmodell für alles, was leuchtet, also Monitore und Smartphone-Displays. Jeder Bildpunkt setzt sich aus rotem, grünem und blauem Licht zusammen. Je nachdem, wie stark die drei Anteile leuchten, siehst du eine andere Farbe.

Eine Sitemap ist ein Verzeichnis der Seiten einer Website. Meist ist damit die XML-Sitemap gemeint, eine Datei für Suchmaschinen. Daneben gibt es die HTML-Sitemap für Menschen und, in der Planung einer neuen Website, die Sitemap als Übersicht der Seitenstruktur.

Ein SSL-Zertifikat ist eine kleine Datei auf dem Server, die zwei Aufgaben hat. Sie bestätigt, dass eine Website wirklich zu der Domain gehört, die im Browser steht. Und sie macht eine verschlüsselte Verbindung möglich, erkennbar am „https://“ vor der Adresse.

Eine Staging-Umgebung ist eine Kopie deiner Website, die nicht öffentlich erreichbar ist. Dort lassen sich Updates, neue Seiten und Funktionen ausprobieren, bevor sie auf die echte Website kommen. Die öffentliche Seite heißt im Unterschied dazu Live- oder Produktivumgebung.

Strukturierte Daten sind zusätzliche Angaben im Code einer Webseite, die Suchmaschinen erklären, worum es auf der Seite geht. Google muss dann nicht aus dem Fließtext erraten, was eine Adresse ist und was eine Telefonnummer, es liest beides als festes Feld. Das Vokabular dafür heißt Schema.org.

Ein Styleguide ist das Regelwerk für den Auftritt einer Marke. Er legt fest, wie Logo, Farben und Schriften eingesetzt werden, damit Website und Briefpapier so aussehen, als kämen sie aus einem Haus. Wer neu im Team ist oder als Dienstleister dazukommt, schlägt dort nach, statt zu raten.

UI-Design (User Interface Design) gestaltet die Oberfläche einer Website oder App, also alles, was du siehst und anklickst: Buttons, Eingabefelder, Menüs, Schriften, Farben und Abstände. Jedes Element soll auf einen Blick zeigen, was es ist und was passiert, wenn man es benutzt.

UX-Design (User Experience Design) gestaltet das Erlebnis, das Menschen mit einer Website oder App haben. Die Frage dahinter: Findet jemand, was er sucht, und erreicht er sein Ziel ohne Umwege? Wie die Oberfläche aussieht, ist dabei nur ein Teil der Arbeit.

Eine Vektorgrafik beschreibt ein Bild mit Punkten, Linien und Kurven, die mathematisch festgelegt sind. Statt einzelner Pixel speichert die Datei Anweisungen wie „Kurve von hier nach dort, Fläche blau füllen“. Deshalb lässt sich eine Vektorgrafik beliebig vergrößern, ohne unscharf zu werden.

Webhosting ist der gemietete Platz auf einem Server, auf dem deine Website liegt. Der Server ist rund um die Uhr mit dem Internet verbunden und liefert die Seiten aus, sobald jemand deine Adresse aufruft. Auch ein Baukasten braucht Hosting, er bringt es nur im Paket mit.

Ein Wireframe ist der Bauplan einer Webseite. Er zeigt, welche Inhalte wohin kommen: Navigation, Überschriften, Textblöcke, Bilder, Buttons. Farben, Schriften und echte Fotos fehlen bewusst. Graue Kästen und Platzhalter reichen.

Eine Wortmarke ist ein Logo, das nur aus Schrift besteht. Der Name des Unternehmens ist selbst das Zeichen, ein zusätzliches Symbol gibt es nicht. Bekannte Beispiele sind die Logos von Google und Coca-Cola.