Wertvolle Tipps für das Drucken von Webseiten

mit Keine Kommentare

Online-Marketing-Beitrag: Drucken im Web

Informationen gemäss Stand vom 19.11.2021

Prinzipiell sind Websites nicht sehr gut geeignet um ausgedruckt zu werden. Dennoch möchte der Besucher gele­gent­lich wich­tige Informa­tionen auf Papier festhalten. Wie lassen sich Websites für den Druck optimieren, welche Alter­na­ti­ven bieten sich an?

Drucken von Webseiten

Bildquelle von tookapic auf Pixabay

Als Websitebetreiber wünscht man sich, dass der Besucher ein Lesezeichen auf das eigene Angebot setzt und re­gel­mässig wiederkehrt. Es kann aber genauso interes­sant sein, wenn der Besucher etwas ausdruckt, weil er die In­for­ma­tio­nen längerfristig behalten möchte oder einen Sachverhalt einem Kollegen weiterleiten will.

Welche Möglichkeiten gibt es, um den Besuchern schöne Druck­seiten anzu­­bieten?

  • Schmale Website
    Die Website wird von Anfang an für den Ausdruck optimiert. Bedeutet allerdings, dass die Website rund 640 Pixel Breite nicht überschreiten darf. So gestaltete Websites wirken auf Bildschirmen mit hoher Auflö­sung mick­rig und nicht zeit­gemäss. Von diesem Lösungs­ansatz werde ich aller­dings abraten.
  • Aufwendig
    Für jede einzelne Seite wird manuell eine weitere für den Druck optimierte Seite erstellt. Jede Änderung des In­halts muss allerdings auf zwei Seiten angepasst werden. Diese Methode eignet sich nur für sehr kleine Web­sites, die nur sehr selten angepasst werden oder bei mangeln­dem Know-how für eine effizien­tere Lösung.
  • Druckversion via Script
    Ein Script, zum Beispiel via Programmiersprache PHP, erstellt per Klick auf ein Druckersymbol eine druck­op­ti­mier­te Seite. Bei dieser speziellen Seite wird auf die Anzeige von Navigationselementen und Werbung verzichtet. Dafür lassen sich Inhalte einbinden, die auf dem Bildschirm sonst nicht ersichtlich sind.
    Drucken von Webseiten
  • Content-Management-System (CMS)
    Moderne CMS erstellen auf Wunsch eine druck optimierte Seite oder erzeugen aus dem gewünschten Text eine PDF-Datei zum Herunterladen. Für WordPress eignet sich zum Beispiel das Printfriendly-Plugin.
  • PDF
    Für alle wesentlichen Inhalte werden dem Besucher manuell druck­optimierte PDF-Dateien zur Verfü­gung ge­stellt.
  • Druckversion mit CSS
    Einige weitere Möglichkeiten bieten Cascading Style Sheets. Moderne Browser können die beiden CSS-Da­tei­en für den Bildschirm respek­tive für den Ausdruck vonein­ander unter­scheiden. Dadurch kann der Web­site­ge­stal­ter einen Ausdruck markant verbessern. Dieses System bietet die meisten Möglich­keiten zur Druck­op­ti­mie­rung.
  • Druckversion via Online-Dienst
    Eine weitere kostenlose Möglichkeit bietet der Dienst Printfriendly. Hier bekommen Benutzer eine Inter­net­ad­resse, die druckoptimiert ist. Sogar die Text­unter­streichung bei Links wird entfernt. Der Nutzer kann zudem Bil­der unter­drücken und die Schrift­grösse bestimmen. Zudem ist es möglich, aus der Seite eine PDF-Datei zu erstellen oder via E-Mail zu ver­schicken. Praktisch!
    Ein Beispiel

Weitere Tipps und Tricks

Welches System Sie immer wählen, beachten Sie bitte folgende Hinweise:

  • Unterdrücken
    Mit den geeigneten Befehlen lassen sich ganze Seitenbereiche vom Drucken ausklammern, die auf Papier kei­nen Sinn ergeben: Seitenkopf, Navigationselemente, Hilfsspalten, Videos, Slideshows, Werbung, …
  • Hyperlinks
    Links sollten beim Ausdruck nicht mehr unterstrichen sein. Nehmen Sie als Linktext ein Wort oder einen Aus­druck, so verliert der Papierleser die Information, wo der Link hinweist. Wenn Sie als Linktext jedoch eine kom­plette Internetadresse verwenden, hat das seine Vorteile für den Ausdruck. Besonders wichtig wird diese Tat­sache beim Drucken einer Linkliste, die ohne die Links sinnlos ist.
    Drei Beispiele:
    Ein Link wie „Online-Marketing Magazin“ ergibt beim Ausdruck lediglich den Text Online-Marketing Magazin, der Hinweis auf die Linkadresse geht verloren.
    Der Link „https://kundennutzen.ch“ bringt beim Ausdruck folgerichtig die Internetadresse https://kundennutzen.ch.
    Ein Kompromiss wäre folglich „Online-Marketing Magazin kundennutzen.ch“. Hier wird der Text Online-Marketing Magazin kundennutzen.ch ausgedruckt.
  • Ergänzen
    Auf druck optimierten Seiten fehlen oft Hinweise zum Autor des Dokumentes. Mit den geeigneten Befehlen lassen sich auf druckop­timierten Seiten Inhalte einbinden, die auf der gewöhnlichen Internetseite nicht er­sichtlich sind. So zum Beispiel Firmenlogos, Adressinformationen, Autorenhinweise, Werbung, …
  • Farben I
    Anwender lieben es nicht besonders, wenn der Drucker riesige Flächen ohne irgendwelchen Inhalt grosszügig mit Tinte besprüht. Nehmen Sie Rücksicht auf das Budget des Anwenders. Vor allem die teuren Tinten­pat­ro­nen kön­nen das Portemonnaie sehr strapazieren. Unterdrücken Sie alle Grafiken, die nur zur Dekoration und Auflockerung dienen.
  • Farben II
    Vermeiden Sie den Ausdruck von Farben, die bei einem schwarz/weiss-Drucker kaum lesbar sind. Texte sollen in Schwarz ausgedruckt werden.
  • Browsertests durchführen
    Drucken Sie die wichtigsten Seiten Ihres Webs mit diversen Browsern aus und vergleichen Sie die Ergebnisse. Sind die Ausdrucke mit allen wichtigen Browsern brauchbar?
  • Duplicate-Content
    Beachten Sie, dass Sie keinen Duplicate-Content generieren.
  • Papier sparen
    Für einen Test müssen die Seiten nicht unbedingt ausgedruckt werden. Die meisten Browser verfügen über eine Druckvorschau. Da sehen Sie jeweils, wie die Seite auf Papier aussehen würde. Sie finden den ent­sprech­en­den Befehl bei den Browsern unter DATEI:
    Firefox: Datei – Druckvorschau
    Edge: … – Drucken
    Opera: Datei – Druckvorschau
    Safari: Datei – Seitenansicht
  • CSS macht es möglich
    Technisch realisiert wird alles mit CSS. Tipps zur konkreten Umsetzung können Sie nachlesen:
    bei diesem Beitrag.
  • Firefox
    Arbeiten Sie mit dem Firefox? Verwenden Sie die Taste [F9]. Diese wechselt in den Lesemodus, welcher sich aus­ge­zeichnet für das Drucken eignet.
  • Tipp nebenbei
    Viele Websites eignen sich nicht sehr gut zum Lesen: Bewegende Objekte die irritieren, zu kleine Schrift, feh­lender Kontrast. Klicken Sie in einer solchen Situation auf den eventuell verfügbaren Knopf „Erstelle eine druckoptimierte Seite“. Diese optimierten Seiten eignen sich nicht nur zum besseren Drucken, sondern sind oft wesentlich lese­freund­licher für den Bild­schirm­leser.

Autor: Walter B. Walser, kundennutzen.ch

Verfolgen Walter B. Walser:

Gründer des pra­xis­na­hen On­li­ne-Mar­ke­ting Ma­ga­zins kundennutzen.ch, Autor und Online-Marketing Manager. Er half frü­her Un­ter­neh­mern 100% mehr aus Ihrer Web­site he­r­au­­s­zu­­­ho­len. Er hat KMU in Bezug auf deren Web­auf­tritt be­raten und sich auf die Web­si­te-Pfle­ge, Web­si­te-Opti­mie­rung und das On­li­ne-Mar­ke­ting mit On­li­ne-Tools spe­zia­li­siert.