Dateien für Website aufbereiten
WordPress, Joomla, Typo3, VirtueMart, Magento sind Content Management Systeme, die Pflege einer Website erleichtern. Man kann auch ohne Codierung und Programmierung Texte einpflegen und Bilder hochladen. Leider können sich trotzdem manchmal Fehler einschleichen.
Unten haben wir für Sie ein paar Tipps zusammen gefasst, damit die Pflege Ihrer Website reibungslos funktioniert.
Verwenden Sie auf Ihrer Website keine fremde Bilder ohne ausdrückliche Zustimmung des Rechteinhabers. Dateien im Internet sind durch Urheberrecht geschützt und dürfen nicht beliebig verwendet werden. Es gibt zahlreiche Online-Bilddatenbanken, die Fotos und Grafiken kostenpflichtig, aber auch kostenfrei anbieten. Bitte achten Sie auf die Art der Lizenz (Nutzungsrecht) sowie Urheberbenennung und Quellenangabe.
Alternativ können Sie sich Grafiken und Fotos professionell anfertigen lassen – sprechen Sie uns an!
Bitte benennen Sie Ihre Dateien (Bilder, PDF-Dateien etc.) klar, eindeutig, konsistent und mit wenigen, prägnanten Wörter (Dateinamen sollten nicht zu lang sein!).
Dateibenennung wie DSC_8915.jpg oder 002.jpg ist nicht empfohlen. Der Dateiname soll das repräsentieren, was auf dem Bild zu sehen ist. Suchmaschinen betrachten das Bild zusammen mit dem Dateinamen zur Orientierung und Erfassung des Themas Ihrer Website.
Auch die Benennung des Ordners, in dem sich das Bild befindet, ist für das Ranking wichtig. Beim Hochladen von Dateien achten Sie auf die Ordnerstruktur und semantisch passende Ordnernamen. Auch Ihnen wird das helfen die Bilder zu finden.
Unten finden Sie die Hinweise zu Ordner- und Dateibenennung:
nutzen Sie bitte ausschließlich folgende Zeichen:
a bis z
A bis Z (empfohlen sind jedoch kleinbuchstaben)
0 bis 9
– (Trennstrich/Divis).
keine Leerzeichen
Bitte Trennstrich statt Unterstrich verwenden. Der–Trennstrich-trennt und der_Unterstrich_verbindet die Wörter (der Trennstrich trennt und derUnterstrichverbindet)!
Anstelle von Leerzeichen, den Trennstrich nutzen, z. B.
Afrika Kenia Rundreise 2014.jpg ➜ afrika–kenia-rundreise-2014.jpg ✔
keine Sonderzeichen wie:
? “ . / ‚ * + : ; ` ´ & % $ § ß ! usw.
keine Umlaute oder ß – so gehen Sie damit um:
ä ➜ ae
Erklärung.jpg ➜ erklaerung.jpg
ö ➜ oe
Wörter.jpg ➜ woerter.jpg
ü ➜ ue
Südafrika.jpg ➜ suedafrika.jpg
ß ➜ ss
Auto-groß.jpg ➜ auto-gross.jpg
Achten Sie darauf, dass auch die Dateiendung kleingeschrieben ist:
saison-kalender-2017.PDF ➜ saison-kalender-2017.pdf ✔
mango-kent-aufgeschnitten.JPG ➜ mango-kent-aufgeschnitten.jpg ✔
Vorab anpassen
Bilder, Videos, PDF-Dateien usw. optimieren bevor sie auf die Website hochgeladen werden. Auch wenn man eine Erweiterung für die Optimierung verwendet, belasten die riesigen Dateien den Server.
Empfohlene Bildformate
JPG-Format wird für Fotos empfohlen. PNG – für Grafiken mit transparenten Bereichen. GIF Format, auch animiert.
Empfohlen wird auch das WebP-Format.
Kleine Dateigröße bedeutet kürzere Ladezeiten!
Das Bild lieber nicht größer als es auf der Website dargestellt wird. Fotos nie direkt aus der Kamera auf die Website hochladen.
Dateigröße so klein wie möglich, je nach Auflösung am besten unter 100 KB. Große Bilder für Vollbild-Darstellung (Hero, Vollbild-Slider etc.) bis max. 300 KB.
Bitte Pixelbreite/-höhe beachten.
Beispiele:
Die Bilder sollen so hoch und breit sein, wie sie auf der Website dargestellt werden. Also z. B.: kein 3000×2000 px Bild hochladen, wenn es nicht größer als 600×400 px auf der Website dargestellt wird!
DPI
kann auch auf z. B. 72 reduziert werden:
300 dpi ➜ 72 dpi
Im Internet findet man zahlreiche Freeware, um Bilder kostenlos online zu komprimieren, sowie alternativen zu dem bekannten Bildbearbeitungsprogramm Photoshop:
Auch bei PDF Dateien kann die Dateigröße verkleinert werden.
RGB Farbraum für das Web!
Bitte laden Sie die Bilder im RGB Farbraum/Modus hoch.
Der für Druck passende CMYK Farbraum ist für Web nicht geeignet und kann zu einer fehlerhaften Farbdarstellung führen.
Z. B.: Adobe Photoshop bietet die Option „Für Web speichern” an; die Tastenkombination lautet:
Alt + ⇧ Umschalt/Shift + Strg + S
Falls Sie in Adobe RGB fotografieren, wählen Sie beim Speichern/Exportieren den Farbraum sRGB aus. Im Gegenteil zu Adobe RGB wurde sRGB früher entwickelt und gilt immer noch als Standard.
Texte in MS Word verfassen, kopieren und auf die Website einfügen ist praktisch und schnell, aber das kann eine fehlerhafte Darstellung verursachen.
Die Formatierung (z. B. Schriftart oder Schriftgröße) aus MS Word, PDF oder aus einer anderen Quelle kann übernommen werden, was mit dem Design der Website nicht stimmt.
Einige Zeichen (ä, ö, ü, ß) können Fehlerhaft dargestellt werden.
MS Word ist kein kostenloses Programm und befindet sich nicht auf jedem PC. Mit einer anderen Anwendung kann die MS-Word-Datei nicht geöffnet bzw. fehlerhaft dargestellt werden.
Sparen Sie sich die Zeit und Arbeit – verfassen Sie Ihre Texte nicht mehr mit MS Word sondern direkt mit MS Notepad (Editor).
Erstellen von Textdateien auf dem PC ist so einfach, wie das Erstellen von neuen Ordnern – rechte Maustaste drücken und unter Neu (ganz unten) die Option Textdokument anklicken.