Bild-SEO-Leitfaden: Lernen Sie die Bildoptimierung für Suchmaschinen

Was ist Bild-SEO?

Wenn man sich mit Bildern beschäftigt, die für die Suchmaschinenoptimierung (SEO) bestimmt sind, sucht man sich nur die niedrigen Hängefrüchte, auch Ladezeitoptimierung genannt, und alternative Texte aus. Image-SEO ist eine echte Wissenschaft und geht weit darüber hinaus.

Image-SEO beeinflusst die Art und Weise, wie Ihre Bilder in Google-Bildern platziert werden, aber nicht nur. Es wirkt sich auch auf Ihr organisches Forschungspotenzial insgesamt aus: Die Optimierung Ihrer Bilder für Suchmaschinen wird sich auch auf das Ranking Ihrer Seiten positiv auswirken.

In den Suchergebnissen werden häufig Bilder angezeigt.

Dieser SEO-Leitfaden gibt Ihnen alle Tipps und Informationen, die Sie wissen müssen, um Ihre Bilder perfekt für Suchmaschinen zu optimieren.

User Experience sollte der Kern Ihrer Image SEO Strategie sein.

Einerseits, wenn Sie die HTML-Attribute der Bilder richtig ausfüllen, stärken Sie die Semantik Ihrer Seite und helfen den Suchmaschinen, Ihre Inhalte zu verstehen.

Auf der anderen Seite kann die Bildoptimierung Ihre Ladezeit und Ihr Nutzererlebnis verbessern: Es gibt keinen guten Artikel ohne gute Bilder.

In diesem Leitfaden werde ich eine breite Palette von dem, was Sie wissen müssen, um das Beste aus Ihren Bildern für Suchmaschinen, sondern auch für Ihre Nutzer zu machen. Google SEO Starter Guide ist sehr klar auf, dass!

Alle Tips und Hacks, die ich in der Anleitung erwähnen werde, zielen irgendwie darauf ab, SEO UND User Experience zu verbessern.

Warum ist die Optimierung von Bildern für Suchmaschinen so wichtig ?

Image SEO ist wichtig

Die Fakten lügen nicht: Die Marketing- und SEO-Kraft der Bilder ist verrückt. So wahnsinnig!

Vor der Erstellung unseres Plugins WordPress für Image SEO habe ich alle relevanten SEO- und Marketingstudien über die Auswirkungen von Bildern auf Suchmaschinen und Kundenverhalten durchkämmt. Hier ist eine Zusammenfassung dessen, was ich entdeckt habe:

Auswirkungen der Bildoptimierung für Suchmaschinen

  • Die Bildsuche repräsentiert etwa 30 % aller Suchanfragen, die über die Top 10 der US-Websuche-Eigenschaften (Source Moz) generiert werden;
  • Mehr als 1/3 aller Suchbegriffe enthalten jetzt Google Bilder und jedes zweite, wenn Bilder in den ersten 10 Ergebnissen sind, sind sie tatsächlich in den Top 3 Positionen (Quelle SeoClarity);
  • Täglich werden mehr als 1 Milliarde Anfragen in Google Images gestellt (Quelle Google);
  • Es gibt mehr als 600 Millionen Suchanfragen zu Pinterest jeden einzelnen Monat (Quelle Pinterest);
  • Bilder werden von Google für 34% der Suchergebnisse zurückgegeben (Quelle Econsultancy);
  • Tweets mit Bildern erhalten 150 Prozent mehr Retweets (Quelle crazy eggs);

Steigern Sie Ihre Konvertierung mit optimierten Bildern

  • Inhalte mit optimierten Bildern erhöhen das Nutzerverhalten um 90% (Quellpuffer);
  • Tweets mit Bildern erhalten 150 Prozent mehr Retweets (Quelle crazy eggs);
  • Im Durchschnitt vergessen die Menschen etwa 90% der Informationen 72 Stunden nach der Expo. Das Hinzufügen eines schönen Bildes kann den Recall um bis zu 65% verbessern (Quelle MGA-Werbung);
  • Etwa 70% der Kunden sagen, dass die Qualität der Bilder auf dem Produktblatt ein entscheidender Punkt bei der Auswahl und dem Kauf des Produktes ist;
  • Bei der Verwendung von Bildern haben Pinterest-Anzeigen eine erstaunliche Konversionsrate von 8,5% (Quelle Heap Analytics);
  • usw., usw., usw.

Das bedeutet, dass die Optimierung Ihrer Bilder sowohl Ihren organischen Traffic (SEO-Optimierung) als auch Ihren Umsatz (UX-Optimierung) steigern wird.

Image SEO Optimierung von HTML-Attributen für Suchmaschinen

In diesem Kapitel werde ich durch alle HTML-Attribute gehen, die für Bild-SEO aka wichtig sind:

1. Name des Bildes

HTML

2. Alt Text-Attribut

HTML

3. Textattribut Titel

HTML

4. Bildunterschrift

HTML
schwarzer Tesla, der mit Strom auf einem Parkplatz transportiert wird
Ich tanke nicht immer mein Auto auf, aber wenn ich es tanke, dann mit Strom!

Ok, es ist nicht mein Auto, aber trotzdem!

HTML

Ich werde dasselbe Foto verwenden, um jedes HTML-Attribut eines Bildes zu behandeln und Ihnen helfen, die Unterschiede zwischen ihnen zu verstehen.

Sie haben sich sicher schon gefragt, was der Unterschied zwischen Alt-Tag und Title-Tag ist, oder?

Achten Sie auf Ihre Bildnamen

Wie benennt man Bilder für SEO?

Fangen wir mit dem offensichtlichsten und einfachsten an: dem Bildnamen. Bei SEO geht es darum, Suchmaschinen-Robotern und Crawlern zu helfen, Ihre Inhalte zu verstehen und zu verstehen, wie Ihre Nutzer mit ihnen interagieren. Ihr Bildname sollte das widerspiegeln.

“ Bildnamen und Alttexte sind am besten, wenn sie kurz, aber anschaulich sind. ”

Dieses Zitat stammt von Matt Cutts, der seit Januar 2000 für Google arbeitet. Bildnamen sollten daher aus einer Kombination einiger weniger relevanter Schlüsselwörter bestehen.

SEO-Tipp: beste Länge für Bildnamen

Ihr Bildname muss kurz aber aussagekräftig sein. Nach den Daten, die wir seit der Erstellung unseres Tools verarbeitet haben, haben die Bilder, die am meisten Leistung bringen, eine Länge von etwa 12 Zeichen.

Wir empfehlen Ihnen, die Bildlänge zwischen 8 und 16 Zeichen zu halten. Nicht mehr und nicht weniger. Diese Länge entspricht 2 oder 3 Schlüsselwörtern. Es reicht aus, um Google zu helfen, Ihre Fotos zu verstehen, und es wird Sie daran hindern, Keywords zu füllen.

Vermeiden von Schlüsselwörtern, die das Bild mit SEO füllen

Seitdem Google den Suchmaschinenmarkt dominiert, ist das Keyword-Füllung irrelevant oder schlimmer geworden: Google bestraft jetzt immer mehr Websites, die Keyword-Füllung und schwarze Hut SEO-Fähigkeiten verwenden.

Versuchen Sie nicht, Google auszutricksen!

Wir raten Ihnen dringend, unsere Richtlinien und Best Practices anzuwenden, wenn es darum geht, Bild-HTML-Attribute für SEO auszufüllen.

Sie können Tricks anwenden, wie z.B. das Füllen Ihrer alternativen Texte oder Namen mit dem, was in Ihrem Seitentitel steht, aber auf eigenes Risiko.

Wie schreibt man optimierte Alternativtexte für SEO?

Die Leute haben oft Schwierigkeiten zu verstehen, wie man optimierte Alternativtexte schreibt, weil sie nicht verstehen, was ein Alternativtext ist und wofür er verwendet wird.

Was ist ein alternativer Text?

Lass uns erst einmal die Sache mit der Terminologie klären: Alternativer Text, ALT-Text, ALT-Tag, ALT-Attribut, ALT sind genau dasselbe. Punkt.

Obwohl der korrekteste Begriff "alternatives Textattribut" ist, beziehen sich alle auf die gleiche Sache: eine textliche Alternative zum Bild. ALT Texte sollten beschreiben, was sich auf einem Bild (= Inhalt) befindet und welche Funktion dieses Bild auf der Seite hat.

Jedes Mal, wenn ein Bild einen Zweck auf Ihrer Seite hat, sollte es einen alternativen Text haben.

Wofür werden Alternativtexte verwendet?

Die Alt-Texte haben drei Funktionen.

  1. Zugänglichkeit: sehbehinderte oder blinde Benutzer, die Bildschirmlesegeräte verwenden, werden den Inhalt des Alt-Textes lesen, so dass das Bild auch für Sehbehinderte zugänglich ist.
  2. Backup : ALT-Tags werden in Browsern anstelle des Bildes angezeigt, wenn die Datei nicht geladen werden kann.
  3. SEO : Es hilft den Suchmaschinen, den Inhalt des Bildes zu bestimmen und die semantische Bedeutung Ihrer Seite zu verbessern. Das ist, warum Bild SEO ist wichtig, um gut in Google Image Rang, sondern wird auch einen positiven Einfluss auf Ihre gesamte Suchmaschinen-Optimierung.

Wie schreibt man einen perfekt optimierten Alt-Text?

Alt-Texte sollten auf zwei Säulen aufbauen: Inhalt und Funktion. Deine Alarme müssen deine Bilder beschreiben (= Inhalt) und erklären, warum du sie für (= Funktion) verwendest.

Der Kontext Ihrer Seite sollte die logische Verbindung zwischen dem Inhalt und der Funktion Ihres Bildes sein.

Was ist der beste Alt-Text für dieses Bild?
  1. "Auto auf einem Parkplatz"
  2. "Schwarzer Tesla, der auf einem Parkplatz mit Strom versorgt wird"
  3. "Bild einer geparkten schwarzen Tesla"

Die beste Alternative zum Bild in dieser Situation ist "schwarzer Tesla, der mit Strom auf einem Parkplatz transportiert wird".

Warum? Weil es genau die richtige Menge an Informationen an jemanden mit einer Sehbehinderung gibt, um zu verstehen, worum es bei diesem Bild geht.

Alternativtexte können (und sollten) länger sein als Ihre Alternativtexte. Es gibt keine Regeln dafür: Versuchen Sie, die wenigsten Schlüsselwörter zu schreiben, um das Bild jemandem zu beschreiben, der es nicht sehen kann.

Die 3 Befehle des alt-Textes
  • Seien Sie kurz, aber beschreibend (erinnern Sie sich?)
  • Seien Sie innovativ und vermeiden Sie die Füllung mit Schlüsselwörtern und liefern Sie nicht die gleichen Informationen wie Text im Kontext des Bildes.
  • Verwenden Sie keine Begriffe wie "Bild von" oder "Bild von ...", um das Bild zu beschreiben.

Ich habe einen ausführlichen Artikel darüber geschrieben, wie man perfekt alternative Texte mit Beispielen schreiben kann. Sie sollten sich das mal ansehen.

Was ist mit dekorativen Bildern?

Sie brauchen keinen alternativen Text auf dekorativen Bildern hinzuzufügen. Sie können sie leer lassen oder ein null Alt-Tag hinzufügen: ””.

Die Wahrheit über den Titeltext

Wir haben mehrere WordPress-Plugins gesehen, die eine automatische Generierung von Titel-Tags für SEO anbieten: DAS TITELSCHILD IST FÜR SEO NICHT WICHTIG. Sie werden von Suchmaschinen nicht indiziert. Punkt. Davon abgesehen sind die Titeltexte nicht völlig nutzlos.

Was ist ein Titeltext und wofür wird er verwendet?

Titeltexte werden angezeigt, wenn der Benutzer mit der Maus über ein Bild oder ein Foto fährt. Das kann für die Benutzererfahrung schön sein. Wir empfehlen Ihnen, nicht viel Zeit auf die Optimierung des Titeltextes zu verwenden. Sie sind nicht wichtig für SEO.

Die SEO-Power von Figur und Bildunterschrift

Figur und Bildunterschrift sind wohl die am meisten unterschätzten SEO- und Marketingwaffen. Die Benutzer konzentrieren sich 60% mehr auf die Texte der Bildunterschriften als auf die Absätze, die die Bilder umgeben. Das ist verrückt.

Abbildung und Bildunterschrift: Definition und Aufbau

Die Abbildung Element repräsentiert eine inhaltliche Einheit, optional mit einer Überschrift, die in sich geschlossen ist, die typischerweise als eine Einheit aus dem Hauptfluss des Dokuments referenziert wird und die vom Hauptfluss des Dokuments wegbewegt werden kann, ohne die Bedeutung des Dokuments zu beeinflussen.

Quelle W3C: HTML: Die Auszeichnungssprache (eine HTML-Sprachreferenz)

Innerhalb eines Figurenelementes müssen die Texte der Bildunterschriften geschrieben werden.

Das figcaption-Element stellt eine Beschriftung oder Legende für eine Figur dar.

Quelle W3C
HTML

Sind Figur und Bildunterschrift wichtig für SEO ?

Was ich für figcaption sagen werde, gilt auch für die Absätze, die Ihre Bilder und Fotos umgeben.

Bei Suchmaschinen steht der Inhalt, der Ihre Bilder umgibt, eher in Verbindung damit. Es ist daher wichtig, die Schlüsselwörter, auf die Sie abzielen, in der Bildunterschrift oder kurz vor oder nach den Bildern zu verwenden.

Feigenkapitel ist das Sahnehäubchen auf dem Kuchen

Wie ich bereits sagte, schenken die Menschen der Bildunterschrift eindeutig mehr Aufmerksamkeit. Sie müssen diese Gelegenheit nutzen, um Ihre Schlüsselwörter, Ihren Aufruf zum Handeln oder Ihre Verkaufsargumente hervorzuheben. Es kann auch Humor sein.

Die Ergebnisse der von mir durchgeführten Tests sind kristallklar: Bilder mit Bildunterschriften rangieren besser, wenn sie von einer optimierten Legende umgeben sind.

Wie Sie das Beste aus figcaption machen

Bildnamen müssen kurz sein; Alternativtexte (alt) müssen beschreibend sein, Titeltexte können leer gelassen werden, aber die Bildunterschriften müssen eingängig sein.

Verwenden Sie in einem Satz Ihre beste Pointe, wenn möglich mit optimierten Keywords für SEO, aber denken Sie zuerst an UX.

HTML

In diesem Beispiel habe ich UX zunächst mit einem (schlechten) Witz optimiert, aber ich habe auch SEO mit Schlüsselwörtern wie "Auto", "Strom", "Nachfüllen" und Tesla optimiert.

Wie optimiert man die HTML-Attribute von Bildern in WordPress ?

Ohne Plugins ist die Image-SEO-Optimierung auf WordPress eine Qual. Sie können Ihre Bilder beispielsweise nicht mehr umbenennen, nachdem Sie sie hochgeladen haben. Hoffentlich haben wir ein SEO-Plugin entwickelt, das künstliche Intelligenz nutzt, um den Menschen bei der Bewältigung dieses Problems zu helfen.

Bild SEO-Plugin WordPress

Das Bild-SEO-Plugin verwendet KI, um automatisch Alt-Texte auszufüllen und Bildnamen neu zu schreiben. Sie können Ihre Bilder beim Hochladen optimieren oder Ihre gesamte Bibliothek massenhaft nutzen.

Das Plugin Image SEO Optimizer ist ein erstaunlicher Zeitsparer.

Es gibt eine Freemium-Version davon für Gelegenheitsblogger (10 Bildoptimierungen pro Monat). Ansonsten können Sie einen Monatsplan ab 4,99€ abonnieren oder ein Bildpaket kaufen.

Image-SEO-Optimierung: Benutzer zuerst!

Bilder sind der beste Aktivposten für die Benutzererfahrung, weil sie Ihre Seite nützlich und attraktiv machen.

Bilder können aber auch Ihr schlimmster Alptraum sein, weil sie die Ladezeit Ihrer Seite erhöhen. Sie können auch Ihr Webdesign zerstören oder eine falsche Botschaft aussenden.

Das bedeutet, dass Sie Bilder nicht zu oft verwenden sollten. Es bedeutet auch, dass man bei der Auswahl von Bildern oder Fotos sehr wählerisch sein muss.

In diesem Abschnitt des Leitfadens werde ich die Ratschläge professioneller Fotografen nutzen, um Ihnen bei der Auswahl Ihrer Bilder zu helfen.

Wie wählen Sie Ihre Bilder aus?

Bilder müssen einzigartig und originell sein!

Kunden mögen originelle und neue Inhalte. Es ist wahrscheinlicher, dass eine Webseite geschlossen wird, die eine Information oder ein Produkt enthält, das sie bereits irgendwo anders gesehen haben. Doch was ist das erste, was die Augen der Benutzer bekommen, wenn sie auf einer Seite ausleihen? Sein primäres Bild. Vielleicht der Titel.

Das bedeutet, dass das erste Bild Ihrer Seite eingängig und originell sein muss. Dies ist unerlässlich und kann die Absprungrate Ihrer Seite deutlich verringern.

Stellen wir uns vor, dass Ihre Seite ein Tinder-Profil ist: Sie müssen zuerst IHR bestes Bild verwenden, wenn Sie wollen, dass Mädchen oder Jungs in Ihrem Profil weiterblättern. Für eine Webseite sollte es genauso sein: Benutzen Sie zuerst IHR bestes Bild, wenn Sie wollen, dass die Leute weiter nach unten scrollen.

Ich bestehe wirklich auf diesem Punkt: um optimiert zu werden, sollte das erste Bild Ihrer Seite einzigartig sein. Die Leute mögen keine gefälschten oder doppelten Inhalte und Google auch nicht.

Einzigartige Bilder sind in der Tat wahrscheinlicher, um höher in den Suchergebnissen Rang und das ist, wo Sie wollen, dass Ihre Bilder richtig sein?

Passen Sie Ihr Bildformat für SEO an

PNG oder JPEG für SEO ?

Ich habe viel Zeit mit Reddit und Quorum verbracht, bevor ich diesen Leitfaden geschrieben habe, um zu verstehen, was die Leute über Bilder SEO-Optimierung fragen. "Es ist besser, png oder jpeg für SEO zu verwenden ? " war eine Top-5-Frage.

Leider gibt es keine gute Antwort auf diese Frage: Das Format sollte immer dem Zweck des Bildes angepasst werden.

Bewährte Praktiken für JPEG oder JPG SEO

JPEG (Joint Photographic Experts Group) ist das gängigste Bildformat im Internet. Sie sollten für Bilder verwenden, bei denen die Qualität eine Rolle spielt (Fotografie, Produktblatt usw.).

JPEG-Dateien können enorm komprimiert werden, was zu qualitativ hochwertigen Bildern mit relativ kleinen Dateigrößen führt. Wenn Sie ein JPEG verwenden, sollten Sie es immer komprimieren.

Spoiler-Alarm: WebP sind für SEO besser als JPEG.

Best Practices für PNG SEO

PNG (Portable Network Graphics) wurde geschaffen, um GIF zu ersetzen. PNG-Bilder haben eine bessere Qualität und Größe als GIF. PNG-Dateien unterstützen Transparenz, was sie für Grafiken oder Icons wirklich nützlich macht.

Sie sollten nicht PNG für Bilder oder Fotografie verwenden, da das Verhältnis Qualität / Größe bei JPEG viel besser ist.

Best Practices für GIF SEO

Im Jahr 2020 ist der einzige Grund, der die Nutzung von GIF im Internet rechtfertigt, einfache Kunst und Animationen.

Behalten Sie Ihr GIF für Ihre Gespräche mit Ihrem Arbeitgeber. Sie sind schlecht für SEO.
Bewährte Praktiken für SVG SEO

SVG (Scalable Vector Graphics) ist aus zwei Gründen ein hervorragendes Format für SEO: es ist leicht und reaktionsschnell. SVG-Bilder sind auch auf dem Netzhautbildschirm fantastisch.

SVG-Bilder und ihr Verhalten sind in XML-Textdateien definiert, so dass sie mit jedem Texteditor erstellt und bearbeitet werden können. Sie sollten versuchen, SVG-Bilder so oft wie möglich für Ihre SEO-Optimierung zu verwenden.

Wie erstellt man eine SVG ?

Nicht jedes Bild kann in SVG konvertiert werden. Um Ihre SVG-Datei zu erhalten, müssen Sie Adobe Illustrator herunterladen oder einen Online-Bildkonverter verwenden. Seien Sie vorsichtig mit der SVG-Datei oder dem Code, den Sie im Internet finden. Sie könnten sich öffnen und eine Sicherheitsverletzung für Ihre Website mit sich bringen.

Bewährte Praktiken für WebP SEO

Wie JPEG oder PNG ist WebP eine Methode der verlustbehafteten Komprimierung, die für Fotos oder Bilder verwendet werden kann. Eine kürzlich von Google durchgeführte Vergleichsstudie hat gezeigt, dass WebP-Dateien ohne Qualitätsverlust durchschnittlich 30 % mehr Komprimierung als JPEG erreichen.

Sie sollten daher der Verwendung von WebP gegenüber JPEG oder PNG den Vorrang einräumen. Dies wird sich positiv auf Ihre Ladezeit auswirken. Beachten Sie auch, dass das WebP-Format von Google entwickelt wurde und es kein Geheimnis ist, dass Google dazu neigt, seine eigenen Produkte zu bevorzugen.

Wie kann man ein Foto in WebP verdecken?

Alle Informationen sind auf der Google-Website verfügbar. Beachten Sie, dass Sie mit dem Schreibbefehl im Terminal Ihres Ausbeutungssystems vertraut sein müssen.

Es ist keine Raketenwissenschaft, aber wenn Sie Probleme haben, schicken Sie mir eine Nachricht an aurelio@imageseo.io und ich werde einen Artikel darüber schreiben. Sie können auch einen Bild-Online-Konverter (siehe oben) oder ein Plugin wie Imagify verwenden.

Rekapitulation über das Bildoptimierungsformat für SEO

BildformatSEO-Empfehlungen
JPG / JPEGPriorisieren Sie die Nutzung von WebP.
PNGVerwenden Sie PNG nur, wenn Sie die Transparenz benötigen oder für wirklich kleine Bilder.
GIFVerwenden Sie GIF nur, wenn Sie ein Bild animieren müssen.
SVGVerwenden Sie SVG so oft wie möglich, aber laden Sie kein SVG von Webseiten herunter, denen Sie nicht vertrauen.
WebPSie sollten immer versuchen, WebP über andere Formate zu verwenden, wenn Sie nicht durch Transparenz oder Animation eingeschränkt sind.

WebP-Format ist ein relevantes Bestreben für Bild-SEO.

EXIF-Metadaten haben Auswirkungen auf die Bild-SEO

EXIF-Metadaten werden von Kameras zur Speicherung von Informationen in der Fotografie während der Bildkomprimierung verwendet. Sie betten Daten wie Datum, Uhrzeit, Kameramodell und -einstellungen, Geolokalisierung usw. ein. Sie werden manchmal von der Polizei benutzt, um herauszufinden, wo ein Bild aufgenommen wurde. Sie sind für Google-Algorithmen nützlich, weil sie bestimmte Daten über Ihr Bild ausführen.

” Es ist etwas, das Google in der Lage ist, zu parsen und ich denke, wir behalten uns das Recht vor, es im Ranking zu verwenden !
EXIF-Daten sind für SEO wichtig, sagte Matt Cutt

EXIF-Daten-Optimierung sollte nicht Ihre Priorität sein, wenn Sie Ihr Bild SEO optimieren. Sie müssen sich zunächst auf Bildnamen, alternative Texte und Kompression konzentrieren.

Trotzdem lohnt es sich, Zeit für die Optimierung der EXIF-Daten einiger Bilder aufzuwenden. Es könnte der Ranking-Faktor sein, der es Ihnen ermöglicht, Ihre Konkurrenten zu überholen.

Beachten Sie, dass Exif- und IPTC-Daten auch für Google Lens wichtig sind.

Um Ihre EXIF-Daten für SEO zu bearbeiten und zu optimieren, benötigen Sie nur GIMP, aber Sie können es auch mit Adobe Photoshop oder Adobe Lightroom machen.

Anzeigen und Bearbeiten von Metadaten in GIMP
Optimieren von EXIF auf GIMP

Der Weg ist : Bild > Metadaten > Metadaten bearbeiten.

Wählen Sie dann die leeren Felder aus, die Sie aktualisieren möchten und klicken Sie auf "Metadaten schreiben".

Fügen Sie nur relevante Daten wie 2 oder 3 Schlüsselwörter (nicht mehr), Autor und Standort hinzu, insbesondere wenn Ihr Bild ein lokales Unternehmen betrifft.

IPTC / EXIF-Daten können für lokale Business-SEO äußerst relevant sein.

Vergessen Sie nicht, die drei Kästchen Exif-Daten, XMP-Daten & IPTC-Daten anzukreuzen, wenn Sie Ihr Bild exportieren.

Wo findet man gute Bilder für SEO ?

Wenn ich die Bilder nicht selbst mache (erinnern Sie sich, was ich über die Bedeutung der Originalitätskriterien für die Bild-SEO-Optimierung gesagt habe), bekomme ich sie auf zwei Seiten, die dem freien Austausch von Stockfotografie gewidmet sind: UnSplash und Pixabay. Sie haben eine Menge erstaunliche Bilder, die frei von Rechten sind.

Mit Canva können Sie auch erstaunliche Illustrationen erstellen.

Optimieren Sie die Ladezeit Ihrer Bilder für SEO

Die Geschwindigkeit der Website ist ein wichtiger SEO-Ranking-Faktor

Wenn Sie so weit im Leitfaden gelesen haben, wissen Sie, dass die Ladezeit der Seite Ihre Position in den SERPs dramatisch beeinflussen kann. Wenn Sie diese nicht optimieren, können die Bilder aufgrund ihrer Größe einen negativen Einfluss auf Ihre SEO haben.

Google sagte, dass die Geschwindigkeit der Website einer der wichtigsten Faktoren ist, die von seinem Algorithmus zum Ranking von Websites verwendet wird. Auch Seiten mit langer Ladezeit sind schlecht für die Benutzerfreundlichkeit. Dies kann erhebliche Konsequenzen haben: Verringerung der Absprungrate, negative Bewertungen, Verringerung der Konversionsrate, etc.

Reaktionsfähige Bilder verwenden

Einer der häufigsten Fehler über Bild-SEO ist, wenn Sie ein großes Bild hochladen, dann zeigen Sie es wirklich klein. In dieser Situation wird immer das große Bild hochgeladen. Daher ist es wichtig, dass Sie sich die Zeit nehmen, die Größe der Bilder so zu ändern, wie Sie sie angezeigt haben möchten.

Beachten Sie, dass WordPress nach dem Upload automatisch Bilder in verschiedenen Größen und reaktionsfähige Bilder zur Verfügung stellt. Wenn Sie nicht mit WordPress arbeiten, müssen Sie es selbst mit GIMP, Sketch, Photoshop oder Illustrator machen.

srcset-Attribut auf Ihren Bildern einrichten

Sobald Sie Ihr Bild in verschiedenen Größen erstellt haben, müssen Sie ein srcset-Attribut hinzufügen. Dies ermöglicht es den Browsern, die passende Dateiquelle für jedes Gerät auszuwählen.

HTML

Sie können die Größe durch die Bildbreite (w) oder durch die Bilddichte (x) definieren. Vermischen Sie nicht beides, wie in unserem Beispiel. Ich habe es nur getan, um Ihnen die Struktur zu zeigen.

HTML

Es gibt keine Beweise dafür, dass man das eine über dem anderen verwenden sollte, aber da ich ein Kontrollfreak bin, würde ich dir empfehlen, Breite über Dichte zu verwenden. Die Breite ist weniger wahrscheinlich, dass Ihr Design oder irgendetwas anderes kaputt geht.

SEO-Trick : Lazy laden Sie Ihre Bilder

Lazy-loading ist eine Javascript-Technik, die das Laden von Bildern verzögert, so dass sie "off-screen" bleiben, bis Sie sie brauchen. Lazy-loading wird erst dann aktiv, wenn die Nutzer beim Herunterscrollen der Seite auf Ihre Inhalte stoßen.

Das faule Laden Ihrer Bilder wird nicht verhindern, dass sie von Google-Robotern indiziert werden. Es ist ein schneller Sieg für SEO und UX. Seien Sie jedoch vorsichtig: Sie sollten nicht faul alle Ihre Bilder laden. Nur die, die nicht kritisch sind.

Wenn Sie WordPress verwenden, gibt es ein ausgezeichnetes Geschwindigkeitsoptimierungs-Plugin namens WP-Rocket kann Lazy-Loading auf Bilder für Sie implementieren.

Falls nicht, lade ich Sie ein, die Google-Richtlinien für die Implementierung von Lazy Loading oder den Leitfaden für das faule Laden von CSS-Trick zu lesen.

Bildkomprimierung : Reduzieren Sie die Größe Ihrer Dateien

Bildkompression ist die niedrig hängende Frucht der Bild-SEO-Optimierung: Sie müssen es greifen. Es wird die Leistung Ihrer Seite steigern und Ihre Benutzerfreundlichkeit verbessern.

Sie sollten sich nie vor der Komprimierung Ihrer Bilder fürchten: Meistens kann der Benutzer den Qualitätsverlust nicht erkennen.

Bildkomprimierung wie es funktioniert ?

Verlustfreie oder verlustbehaftete Kompression?

Es gibt zwei Haupttechniken zur Bildkompression: Verlustfreie Kompression und verlustbehaftete Kompression.

  1. Verlustfreie Bildkompression: Die Bildqualität bleibt weitgehend gleich;
  2. Verlustbehaftete Bildkomprimierung: Es treten einige Qualitätsverluste auf, auch wenn diese für das menschliche Auge fast nie wahrnehmbar sind.

Ich erwähnte bereits die Bedeutung von EXIT und Metadaten für SEO. Bei der verlustfreien Bildkomprimierung geht es fast nur darum, diese Metadaten loszuwerden. Deshalb habe ich gesagt, dass Sie nur die EXIF-Daten für Ihre wichtigsten Bilder optimieren sollten.

Bei der verlustbehafteten Bildkompressionsmethode werden die digitalen Daten nicht auf 100% des Originals zurückkomprimiert. Das bedeutet, dass wenn Sie eine verlustbehaftete Komprimierung verwenden, wird Ihr Bild einige Pixel und somit auch etwas Qualität verlieren.

An diesem Punkt fragen Sie sich wahrscheinlich: Soll ich eine verlustbehaftete oder eine verlustfreie Bildkompression für meine Bilder verwenden? Die meisten SEO-Guides und Blogs, die über Bildoptimierung sprechen, sagen, dass es darum geht, einen guten Kompromiss zwischen Dateigröße und Bildqualität zu finden. Das ist wahr, aber nicht vollständig.

SEO ist alles über das Finden eines guten Kompromisses, aber wenn es um die Bildkomprimierung geht, können wir das menschliche Auge austricksen und deshalb sollten Sie die Komprimierung der Qualität vorziehen. Bis zu einem gewissen Grad natürlich.

Bildkomprimierungswerkzeuge und Plugins

Sie können Ihre Bilder mit vielen Softwareprogrammen (GIMP, Photoshop, Illustrator, usw.) oder Online-Komprimierungsdiensten wie Image Optim komprimieren.

Wenn Sie WordPress benutzen, empfehle ich Ihnen Imagify zu benutzen, weil:

  • es bietet die Möglichkeit, EXIF-Daten zu entfernen (oder auch nicht);
  • Die Einstellungsmöglichkeiten sind cool;
  • Es kann Ihr JPEG in WebP konvertieren;
  • Die Ergebnisse der Bildkompression sind absolut zufriedenstellend.

Wenn Sie Imagify nicht mögen, ist Smush eine ausgezeichnete Alternative zur Bildkomprimierung und -optimierung in WordPress.

Hilfe Google indiziert Ihre Inhalte mit Bildern Sitemaps

Damit die Bilder Ihrer Website in die SERP aufgenommen werden können, müssen sie in den Google-Index aufgenommen werden. Die Indizierung Ihrer Bilder durch Google wird durch Algorithmen bestimmt, aber Sie können den Prozess beeinflussen und den Suchmaschinen helfen, indem Sie eine Bilder-Sitemap erstellen.

Was ist eine Image-Sitemap?

Eine Sitemap ist eine XML-Datei, in der Sie Informationen über die Seiten, Videos und Bilder auf Ihrer Website und die Beziehungen zwischen ihnen bereitstellen. Es hilft den Suchmaschinen, Ihre Website zu durchsuchen.

Wenn Ihre interne Verlinkung optimiert ist und Ihre Seite klein ist, sollten Sie keine Sitemaps benötigen. Sobald Ihre Websites jedoch groß werden, können Crawler Ihre Inhalte übersehen und einen Teil davon überspringen. Deshalb sind Sitemaps und Bilder Sitemaps wichtig für SEO: sie können garantieren, dass Ihr gesamter Inhalt von Google indiziert wird.

Wie schreibt man eine Image-Sitemap ?

Sie können eine separate Sitemap verwenden, um Bilder aufzulisten, oder Sie können Bildinformationen zu einer bestehenden Sitemap hinzufügen. Dieses Beispiel zeigt einen Sitemap-Eintrag für die Seite http://imagesitemap.com/page.html, der drei Bilder enthält.

XML

Wenn Ihre Bilder Sitemaps fertig sind, vergessen Sie nicht, sie mit dem Search Console Sitemaps Tool an Google zu senden. Für alle anderen Suchmaschinen fügen Sie die folgende Codezeile in Ihre robots.txt-Datei ein:

Sitemap: http://mysitemap.com/sitemap_location.xml

Was sind die besten Plugins für die Image-Sitemap ?

Alle wichtigen SEO-Plugins, die in WordPress verfügbar sind, haben eine Funktion zur Erstellung von Sitemaps für Bilder. Ich empfehle, SEOPress über Yoast und RankMath zu verwenden.

Warum? Weil ich in der Vergangenheit mit Leuten von SEOPress gearbeitet habe und ihre Unterstützung wirklich reaktiv ist.

Gedanken und Schlussfolgerungen zur Image SEO-Optimierung

Ich habe in den letzten 10 Monaten täglich an Images SEO gearbeitet und wenn ich nur eine zusätzliche Bemerkung hätte, wäre es: die Zukunft des Web ist visuell. Sie sollten wirklich darauf achten, Bild SEO, weil der Return on Investment auf Bild SEO Maßnahmen ist verrückt gut.

Wir sind am Ende dieses Leitfadens über Bild-SEO-Optimierung kommen. Wenn Sie eine Frage oder einen Kommentar haben, zögern Sie nicht, mir eine Nachricht auf Twitter zu schicken !

Unser SEO-Tool wird Ihren Traffic steigern

Warum haben Sie die Suchmaschinenoptimierung von Bildern so lange vernachlässigt ?

Kostenlos ausprobieren