Bilder für Web optimieren Ideen: Unterschied zwischen den Versionen
Aus Reinstil Wiki
| (3 dazwischenliegende Versionen desselben Benutzers werden nicht angezeigt) | |||
| Zeile 5: | Zeile 5: | ||
3. Original Bennung des Bildes behalten d.h es existiert ein Ordner mit allen originalen und einer mit den bearbeiteten | 3. Original Bennung des Bildes behalten d.h es existiert ein Ordner mit allen originalen und einer mit den bearbeiteten | ||
| − | 4. Öffnen das Bild und behalte es auf 300dpi bis zum abschließenden export (WebLegacy) dort wird es von selbst runtergerechnet und behält somit bestmögliche Qualität | + | 4. Öffnen das Bild und behalte es auf 300dpi bis zum abschließenden export (WebLegacy) dort wird es von selbst runtergerechnet und behält somit bestmögliche Qualität. |
| − | Formatiere das Bild auf entsprechende standart Bildschirmgrößen runter (918px z.b.), bei dem für Webexport beachte die Verwendung des Bildes d.h. wähle bewusst das richtige Dateiformat um a. das optimale an Qulität und Funktionen rauszuholen und b. reduzierts du so die Datenmenge beachtlich. Infos zu Dateiformaten findest du hier (https://www.designenlassen.de/blog/10-wichtige-dateiformate-die-checkliste-fuer-ihr-grafikdesign/) | + | Formatiere das Bild auf entsprechende standart Bildschirmgrößen runter (918px z.b.), |
| + | bei dem für Webexport beachte die Verwendung des Bildes d.h. wähle bewusst das richtige Dateiformat um a. das optimale an Qulität und Funktionen rauszuholen und b. reduzierts du so die Datenmenge beachtlich. Infos zu Dateiformaten findest du hier (https://www.designenlassen.de/blog/10-wichtige-dateiformate-die-checkliste-fuer-ihr-grafikdesign/) | ||
| − | + | 5. Bild metadaten lassen sich in Lightroom bearbeiten | |
| − | * 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. | + | * 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.Inhalt des Bildes wiedergeben und das Hauptkeyword enthalten. |
| − | * 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 | + | * 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 |
| − | + | ||
* 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. | * 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. | * 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. | ||
| − | |||
| − | + | https://www.onlinesolutionsgroup.de/blog/bilder-seo/ | |
| − | https://www. | + | |
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
Aktuelle Version vom 25. November 2019, 17:08 Uhr
1. Bilder entsprechend der den zu beachtenden Parametern 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
4. Öffnen das Bild und behalte es auf 300dpi bis zum abschließenden export (WebLegacy) dort wird es von selbst runtergerechnet und behält somit bestmögliche Qualität. Formatiere das Bild auf entsprechende standart Bildschirmgrößen runter (918px z.b.), bei dem für Webexport beachte die Verwendung des Bildes d.h. wähle bewusst das richtige Dateiformat um a. das optimale an Qulität und Funktionen rauszuholen und b. reduzierts du so die Datenmenge beachtlich. Infos zu Dateiformaten findest du hier (https://www.designenlassen.de/blog/10-wichtige-dateiformate-die-checkliste-fuer-ihr-grafikdesign/)
5. Bild metadaten lassen sich in Lightroom bearbeiten
- 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.Inhalt des Bildes wiedergeben und das Hauptkeyword enthalten.
- 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
- 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.
