Home / Webdesign + Webpflege / Wertvolle Tipps für das Drucken von Webseiten

Wertvolle Tipps für das Drucken von Webseiten

mit Keine Kommentare

Websites sind in der Regel nicht ideal für den Ausdruck. Trotzdem möchten Besucher manchmal wichtige Informationen auf Papier verewigen. Wie kann man Websites druckfreundlich gestalten und welche weiteren Optionen stehen zur Verfügung?

Informationen gemäss Stand vom 15.11.2024

Drucken von Webseiten

Bild: tookapic auf Pixabay.com

Als Website-Betreiber wünscht man sich, dass der Besucher ein Lesezeichen auf das eigene Angebot setzt und regelmässig wiederkehrt. Es kann aber genauso interessant sein, wenn der Besucher etwas ausdruckt, weil er die Informationen längerfristig behalten möchte oder einen Sachverhalt einem Kollegen weiterleiten will.

Welche Möglichkeiten gibt es, um den Besuchern schöne Druckseiten anzubieten?

  • 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 mickrig und nicht zeitgemäss. Von diesem Lösungsansatz werde ich allerdings abraten.
  • Aufwendig
    Für jede einzelne Seite wird manuell eine weitere für den Druck optimierte Seite erstellt. Jede Änderung des Inhalts muss allerdings auf zwei Seiten angepasst werden. Diese Methode eignet sich nur für winzige Websites, die nur einmalig angepasst werden oder bei mangelndem Know-how für eine effizientere Lösung.
  • Druckversion via Script
    Ein Script, zum Beispiel via Programmiersprache PHP, erstellt per Klick auf ein Druckersymbol eine druck optimierte 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 etwa das Printfriendly-Plug-in.
  • PDF
    Für alle wesentlichen Inhalte werden dem Besucher manuell druck optimierte PDF-Dateien zur Verfügung gestellt.
  • Druckversion mit CSS
    Einige weitere Möglichkeiten bieten Cascading Style Sheets. Moderne Browser können die beiden CSS-Dateien für den Bildschirm respektive für den Ausdruck voneinander unterscheiden. Dadurch kann der Websitegestalter einen Ausdruck markant verbessern. Dieses System bietet die meisten Möglichkeiten zur Druckoptimierung.
  • Druckversion via Online-Dienst
    Eine weitere kostenlose Möglichkeit bietet der Dienst Printfriendly. Hier bekommen Benutzer eine Internetadresse, die Druck optimiert ist. Sogar die Textunterstreichung bei Links wird entfernt. Der Nutzer kann zudem Bilder unterdrücken und die Schriftgrösse bestimmen. Zudem ist es möglich, aus der Seite eine PDF-Datei zu erstellen oder via E-Mail zu verschicken. Praktisch!
    Ein Beispiel
  • Convert Web to PDF
    Mit diesem kostenfreien Online-Tool können Sie jede Webseite sofort in eine PDF-Datei umwandeln.
    web2pdfconvert.com

Weitere Tipps und Tricks zum Thema Drucken

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 keinen 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 Ausdruck, so verliert der Papierleser die Information, wo der Link hinweist. Wenn Sie als Linktext jedoch eine komplette Internetadresse verwenden, hat das seine Vorteile für den Ausdruck. Besonders wichtig wird diese Tatsache 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.
  • Browser-Erweiterungen
    Wer Webseiten häufig ausdrucken muss, dem ist mit Browser-Addons gedient. So beispielsweise mit Print Friendly & PDF. Definieren Sie damit, was ggf. nicht ausgedruckt werden soll.
  • Ergänzen
    Auf Druck optimierten Seiten fehlen oft Hinweise zum Autor des Dokumentes. Mit den geeigneten Befehlen lassen sich auf Druck optimierten Seiten Inhalte einbinden, die auf der gewöhnlichen Internetseite nicht ersichtlich sind. So unter anderem 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 Tintenpatronen können 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.

ANZEIGE
Schaltplatz


  • 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 entsprechenden Befehl bei den Browsern unter DATEI:
    Firefox: Datei – Druckvorschau
    Edge: … – Drucken
    Opera: Datei – Druckvorschau
    Safari: Datei – Seitenansicht
  • Firefox
    Arbeiten Sie mit dem Firefox? Verwenden Sie die Taste [F9]. Diese wechselt in den Lesemodus, welcher sich ausgezeichnet für das Drucken eignet.
  • Tipp nebenbei
    Viele Websites eignen sich nicht hervorragend zum Lesen: Bewegende Objekte, die irritieren, zu kleine Schrift, fehlender 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 lesefreundlicher für den Bildschirmleser.

Autor: Walter B. Walser, kundennutzen.ch

Verfolgen Walter B. Walser:

Online-Mar­ke­ting-Mana­ger

Seit 1995 hat Walter B. Walser Erfahrung mit dem Internet. Im Jahr 2001 gründete er das Magazin kundennutzen.ch, das sich auf praktisches Online-Marketing, Webdesign und Online-Tools konzentriert. Als Agenturleiter hat er früher Unternehmern geholfen, die Effektivität ihrer Website um mindestens 100% zu steigern. Ferner beriet Walser kleine Unternehmen bei ihrem Internetauftritt und spezialisierte sich auf die Pflege und Optimierung von Websites. Zu seinen privaten Interessen gehören Hunde, Umweltschutz und Geopolitik.