Bilder für Web optimieren: Unterschied zwischen den Versionen
Aus Reinstil Wiki
(Die Seite wurde neu angelegt: „1. Bilder entsprechend … auswählen https://www.akademie.de/wissen/bildbearbeitung-fuer-web/bildauswahl 2. Bilder kaufen 3. Original bennung des Bildes beh…“) |
|||
| Zeile 1: | Zeile 1: | ||
| − | 1. Bilder entsprechend | + | 1. Bilder entsprechend der zu geforderten Anforderungen auswählen https://www.akademie.de/wissen/bildbearbeitung-fuer-web/bildauswahl |
2. Bilder kaufen | 2. Bilder kaufen | ||
| − | 3. Original bennung des Bildes behalten d.h es existiert ein Ordner mit allen originalen und einer mit den bearbeiteten und für | + | 3. Original bennung des Bildes behalten d.h es existiert ein Ordner mit allen originalen und einer mit den bearbeiteten |
| − | + | Optimiere das Bild in Photoshop d.h. du öffnest dein optimalfall 300dpi bild und führst die gewünschten änderungen korrekturen am bild aus (nicht am orignal) zum Schluss exportierst du die Datei für Web je nach Anforderung als jpg,png8/24, gif usw. beachte auch das Bild an die Standart Bildschirmgrößen anzupassen um so zu große Datein zu vermeiden (Bildhöhe 918px z.b.) | |
| + | |||
4. Bild metadaten | 4. Bild metadaten | ||
Version vom 25. November 2019, 17:48 Uhr
1. Bilder entsprechend der zu geforderten Anforderungen auswählen https://www.akademie.de/wissen/bildbearbeitung-fuer-web/bildauswahl
2. Bilder kaufen
3. Original bennung des Bildes behalten d.h es existiert ein Ordner mit allen originalen und einer mit den bearbeiteten Optimiere das Bild in Photoshop d.h. du öffnest dein optimalfall 300dpi bild und führst die gewünschten änderungen korrekturen am bild aus (nicht am orignal) zum Schluss exportierst du die Datei für Web je nach Anforderung als jpg,png8/24, gif usw. beachte auch das Bild an die Standart Bildschirmgrößen anzupassen um so zu große Datein zu vermeiden (Bildhöhe 918px z.b.)
4. Bild metadaten
- Umgebung: Für das Ranking einzelner Bilder ist der um das Bilder herum stehende Content wichtig. Hier spielt vor allem die Verwendung relevanter Keywords eine Rolle.
- ALT Attribut: Die klassische Funktion des Alt-Attributs ist es, ein Bild zu beschreiben, wenn es aufgrund von technischen Problemen nicht im Browser angezeigt werden kann. Demnach sollte das Alt-Attribut genau den Inhalt des Bildes wiedergeben und das Hauptkeyword enthalten.
- Title-Tag oder Bildtitel: Auch der Meta-Title sollte verwendet werden, um ein relevantes Keyword unterzubringen. Der Title ist jedoch primär zur Verbesserung der Usability und weniger als großer SEO-Faktor wichtig.
- Markups: Bilder können mit Hilfe von schema.org und anderen Auszeichnungssprachen mit strukturierten Daten versehen werden, die Suchmaschinen auslesen können. Diese Daten erleichtern den Bots das Crawling und die Zuordnung.
