HTML

Was bedeutet WYSIWYG?
WYSIWYG: Ich sehe was, was du auch siehst
  • Webseiten erstellen

WYSIWYG: Die seltsame Buchstabenfolge ist inzwischen der Standard für die meisten Editor-Programme. Deshalb ist für viele Anwender gar nicht vorstellbar, wie es ohne „What You See Is What You Get“ funktionieren soll. Aber gerade im Bereich von HTML-Editoren gibt es auch andere Ansätze und Meinungen. Wir erklären, was genau hinter dem Akronym steckt, zeigen Ihnen die Vor- und Nachteile des Prinzips...

WYSIWYG: Ich sehe was, was du auch siehst
SVG-Format: Einbindung von SVG-Vektorgrafiken
SVG-Format: So binden Sie die Grafikdateien in Ihre Website ein
  • Webseiten erstellen

Vergrößert man Rastergrafiken über ihre eigentliche Auflösung hinaus, ist das immer auch mit einem Qualitätsverlust verbunden – in Zeiten von Responsive Webdesign ein ernst zu nehmendes Problem. GIF-, PNG- und JPG-Bilder displayübergreifend in ansprechender Form zu präsentieren, entwickelt sich so schnell zur Mammutaufgabe. Vektorgrafiken im SVG-Format erfreuen sich aus diesem Grund immer größerer...

SVG-Format: So binden Sie die Grafikdateien in Ihre Website ein
Sitemap
Sitemaps – das muss man darüber wissen!
  • Webseiten erstellen

Sitemaps gehören eigentlich zur Standardausstattung einer Website, doch scheinen sie mehr und mehr aus dem World Wide Web zu verschwinden. Manche Online-Auftritte verstecken die Navigationsdatei oder verzichten gar ganz auf sie. Wir erklären, warum Suchmaschinen wie Google den Sitemaps immer noch sehr viel Beachtung schenken, wie wichtig Sitemaps demnach fürs SEO sind und wie Sie selbst Sitemaps...

Sitemaps – das muss man darüber wissen!
Die besten Mock-up- und Wireframe-Tools
Die besten Mock-up- und Wireframe-Tools
  • Webseiten erstellen

Bis ein Webprojekt so aussieht, wie es der Nutzer am Ende zu sehen bekommt, gehen Designer und Entwickler einen langen Weg. Denn von der ersten Idee bis zum fertigen Produkt muss man viele wichtige Entscheidungen treffen, Pläne schmieden und unter Umständen noch einmal ganz von vorne beginnen. Ein wichtiges Hilfsmittel sind sogenannte Mock-ups und Wireframes, die schon in einer frühen...

Die besten Mock-up- und Wireframe-Tools
Tutorial: JSON-LD nach Schema.org
So zeichnen Sie Ihre Website mit JSON-LD nach schema.org aus
  • Webseiten erstellen

JSON-LD bietet Programmieren die Möglichkeit, Metadaten als Skript separat vom Webseiteninhalt im beliebten JSON-Format einzubetten. Die Trennung von HTML-Markup und semantischer Annotation sorgt für eine bessere Lesbarkeit des Quelltextes und ermöglicht eine komfortable Auszeichnung von Metadaten für dynamische Webinhalte. Damit ist JSON-LD ein ernst zu nehmender Konkurrent für Datenformate wie...

So zeichnen Sie Ihre Website mit JSON-LD nach schema.org aus
Indexierungsmanagement mit der robots.txt
Indexierungsmanagement mit der robots.txt
  • Hosting-Technik

Mit der Datei robots.txt nehmen Webseitenbetreiber erheblichen Einfluss darauf, welche Bereiche ihres Projekts von Suchrobotern ausgelesen werden. Neben HTML-Meta-Tags, Weiterleitungen und dem Canonical-Tag ist die unscheinbare Textdatei im Stammverzeichnis der Domain ein wichtiges Werkzeug des Indexierungsmanagements. Wir zeigen, wie die robots.txt aufgebaut ist und was Webseitenbetreiber beim...

Indexierungsmanagement mit der robots.txt
Tutorial: Microdata-Markup nach Schema.org
So zeichnen Sie Ihre Website mit Microdata nach schema.org aus
  • Webseiten erstellen

Microdata bietet eine einfache und zugleich flexible Meta-Syntax für die semantische Annotation von Webseiteninhalten. Die Anwendung eines einheitlichen Markups nach schema.org stellt eine hohe Kompatibilität mit Webbrowsern und Suchmaschinen-Crawlern sicher. Zeichnen Sie ihren HTML-Code mit Microdata nach schema.org aus und profitieren Sie von erweiterten Suchergebnisdarstellungen wie Rich...

So zeichnen Sie Ihre Website mit Microdata nach schema.org aus
Tutorial: RDFa-Markup nach Schema.org
So zeichnen Sie Ihre Website mit RDFa nach schema.org aus
  • Webseiten erstellen

RDFa ist ein vom W3C empfohlener Standard zur Einbettung von Metadaten in HTML, HTML5, XHTML und andere XML-Dialekte. Das Datenformat gilt als Grundstein des Semantic Webs. Ein standardisiertes Vokabular wird durch das Projekt Schema.org zur Verfügung gestellt. Lernen Sie die Anwendungsmöglichkeiten und Grenzen des Datenformats kennen und verschaffen Sie sich einen Einblick in Auszeichnung mit...

So zeichnen Sie Ihre Website mit RDFa nach schema.org aus
Schema.org – ein Überblick
Was ist Schema.org?
  • Webseiten erstellen

Der Weg ins Web 3.0 lässt sich nur mit strukturierten Daten beschreiten. Doch Webseitenbetreiber, die Webcrawlern oder Screenreadern mit semantischer Annotation unter die Arme greifen möchten, sehen sich einer unübersichtlichen Auswahl an Auszeichnungen gegenüber. Um diesbezüglich Klarheit zu schaffen, wurde das Gemeinschaftsprojekt Schema.org ins Leben gerufen. Das standardisierte Mark-up beruht...

Was ist Schema.org?
Strukturierte Daten – eine Einführung
Was sind strukturierte Daten?
  • Webseiten erstellen

Während Menschen beim Lesen einer Webseite automatisch Informationen strukturieren, sind Programme wie Webcrawler oder Screenreader auf eine spezielle Auszeichnung angewiesen, um semantische Zusammenhänge verarbeiten zu können. Diese Zusatzinformationen lassen sich durch ein entsprechendes Mark-up für strukturierte Daten im HTML-Code einbetten. Webseitenbetreibern stehen dazu vier Formate zur...

Was sind strukturierte Daten?