Bilder-SEO: 9 Schlüsselelemente zur Optimierung

1. Allgemeine Überlegungen zum Bilder-SEO

Wir stecken oft all unsere Mühe darin, unsere SEO-wertvollen URLs in den SERPs zu ranken. Doch wie wir bereits erwähnt haben, ist das Optimieren von Bildern wichtig, um in den Suchergebnissen von Google Bilder höher zu ranken und unsere Möglichkeiten zu erhöhen, durch sie organischen Traffic anzuziehen.

Google-Bots können Bilder nicht "lesen". Sie sind dafür gedacht, Code auf einer Website zu lesen, nicht eine bestimmte Animation oder ein Bild. Aus diesem Grund müssen wir ihnen diese Information bereitstellen, indem wir einer einfachen Reihe von SEO-Richtlinien folgen. Dies bestimmt, ob die Bots die Information, die wir zu zeigen versuchen, interpretieren, Bilder bewerten und sie im Bereich Google Bilder höher ranken können.

2. Bildgröße und -gewicht

Zwei der wichtigsten Faktoren, die beim Optimieren von Bildern zu berücksichtigen sind, sind ihr Gewicht und ihre Größe.

Gewicht:

Die Verwendung schwerer Bilder auf deiner Website kann die Ladezeit für die URL, in die sie implementiert sind, und damit für die gesamte Seite erhöhen. Die Ladezeit ist einer der Faktoren, die das organische Ranking auf Desktop und Mobil beeinflussen, was die Bildoptimierung unerlässlich macht.

Tools zur Reduzierung des Bildgewichts:

Es gibt viele Tools, die wir nutzen können, um das Bildgewicht zu reduzieren. Auch wenn wir keine professionelle Bildbearbeitungssoftware wie Photoshop oder Illustrator haben, können wir Online-Plattformen verwenden wie:

• ›

  ImageOptim oder TinyJPG, die das Bildgewicht reduzieren, ohne die Qualität zu beeinträchtigen.

• ›

  Website Speed Test Image Analysis Tool ermöglicht das einfache Herunterladen neuer Bildformate.

Größe:

Außerdem ist es wichtig, mehrere Bildgrößen für jede Seite zu implementieren, um das je nach Gerät, in dem sie betrachtet werden, am besten geeignete anzuzeigen. Auch wenn es Plugins gibt, die die Bildgröße anpassen, ist diese Option in der Praxis möglicherweise nicht die beste. Der Grund dafür ist, dass beispielsweise ein 1000-Pixel-Bild auf 400 Pixel skaliert werden kann, was seine visuelle Größe reduziert, das Bild aber immer noch so schwer ist wie ein 1000-Pixel-Bild, was die Performance und Geschwindigkeit deiner Website beeinträchtigt.

Tools:

Der wichtigste Faktor bei der Auswahl von Bildern ist, die Plattform zu kennen, auf der wir arbeiten. Wenn wir beispielsweise auf WordPress arbeiten, können wir SmushIt verwenden, ein Plugin, das es ermöglicht, eine maximale Breite und Höhe für unsere Bilder zu definieren, bevor sie skaliert, komprimiert und auf den Server hochgeladen werden.

Wenn wir hingegen mit einer Plattform mit eigenem Code arbeiten, müssen wir einen manuellen oder automatischen Prozess erstellen, der das Optimieren von Bildern vor dem Hochladen auf den Server ermöglicht.

3. SEO-freundliches Bildformat

Derzeit ist die optimale Art, Webbilder zu speichern, eines der nächsten vier Formate zu verwenden:

• ›

  WebP: Es kann das ursprüngliche Gewicht eines Bildes um 25-35 % reduzieren. Es ist derzeit eines der empfehlenswertesten Formate; obwohl einige Browserversionen sie noch nicht lesen können, ist es eines der Formate, das mehr Komprimierung ermöglicht, ohne die Bildqualität zu beeinträchtigen.

• ›

  PNG: Es ist die beste Wahl für Bilder mit wenigen Farben und transparentem Hintergrund. Es wird häufig in Logos verwendet.

• ›

  JPG: Das Format, das für Fotografien und Bilder im Allgemeinen verwendet werden sollte. Beim Komprimieren geht ein wenig Qualität verloren, aber Farben und Töne bleiben gleich.

• ›

  GIF: Wird in Animationen und bewegten Bildern verwendet.

Empfehlungen:

• ›

  Verwende immer das in Bezug auf Gewicht und Kompatibilität am besten geeignete Bildformat.

• ›

  Komprimiere Bilder immer, entweder manuell oder über ein automatisches Verarbeitungstool.

• ›

  Wenn die Website mehrere Symbole enthält, gruppiere sie über CSS-Sprites in einem einzigen Bild, um die Anzahl der Serveranfragen zu reduzieren und die Performance deiner Website zu verbessern.

4. Bilder-SEO-Felder

Jedes Bild kommt mit einer Reihe zugehöriger Felder, um Suchmaschinen-Robotern (und natürlich Nutzern) eine verbesserte Zugänglichkeit zu bieten.

Bildname

Der Bildname bezieht sich auf den Dateinamen. Es ist der Titel des Bildes, der Bindestriche und Unterstriche zwischen den Wörtern verwendet. Es wird empfohlen, das Keyword einzubeziehen, für das wir unser Bild höher ranken möchten, und ungewöhnliche Zeichen (wie "ñ", "?" oder Buchstaben mit Akzent, "á", usw.) zu vermeiden.

Es ist auch ratsam, Präpositionen oder andere nicht wesentliche Zeichen im Bildnamen wegzulassen, um die URL zu verkürzen und sie so SEO-freundlich wie möglich zu machen.

Titel

Es ist der Text, der erscheint, wenn der Cursor auf das Bild platziert wird. Wir empfehlen, ihn auszufüllen, um dem Bild einen semantischen Titel hinzuzufügen, einschließlich des Keywords, das wir höher ranken möchten.

Dieser kann derselbe wie der Alt-Text sein, obwohl das Umschreiben dieses Attributs mit kleinen Änderungen nicht lange dauert.

"Alt"-Attribut

Dies ist das wichtigste Element, da es das ist, was Google liest. Es muss das Hauptkeyword enthalten, für das wir unsere URL höher ranken möchten, und es soll kurze Beschreibungen enthalten.

Seine Syntax ist die folgende:

<img src="BILDLINK" alt="BILD-ALT-BESCHREIBUNG" />

Beispiel eines optimierten Bildes:

Schauen wir uns an, wie jedes Feld für dieses Bild basierend auf dem Ziel-Keyword "ciberseguridad pymes" optimiert werden könnte, dessen monatlicher Suchdurchschnitt 90 beträgt (in Spanien):

Dateiname:

• ›

  Falsch: 04745892595295.jpg

• ›

  Richtig: ciberseguridad-pymes.jpg

Titel: Consejos de ciberseguridad para empresarios y pymes. (Cybersecurity-Tipps für Unternehmer und KMU.)

Alt-Text: Ciberseguridad para pymes y empresarios: consejos. (Cybersecurity für KMU und Unternehmer: Tipps.)

Auf diese Weise werden wir alle Felder optimieren und ein Bild erhalten, das bereit ist, um die Top-Positionen zu kämpfen. Natürlich garantiert das Optimieren von Bildern nicht, dass sie an erster Stelle erscheinen, aber es ist ein erster Schritt, um es zu erreichen :)

5. Semantischer Kontext

Google ist der Ansicht, dass die relevantesten Bilder diejenigen sind, die mit dem sie umgebenden Inhalt übereinstimmen. Daher wird empfohlen, verwandten Text einzubeziehen. Auf diese Weise erweitern wir den gesamten semantischen Kontext in der URL.

6. Bildspezifische Sitemap

Um Googles Bots zu helfen, unsere Bilder effizienter zu verfolgen, ist es notwendig, eine exklusive sitemap.xml mit dieser Art von Datei zu erstellen. In WordPress kann sie automatisch mit Tools (Plugins) wie Yoast oder RankMath erstellt werden. Wenn du nicht auf WordPress arbeitest, kannst du alternative Tools oder manuelle Programmiertools verwenden (URL-Tracking).

Als Nächstes wirst du ein Sitemap-Beispiel mit zwei Bildern innerhalb des Artikels sehen:

<?xml version="1.0" encoding="UTF-8"?> <urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9" xmlns:image="http://www.google.com/schemas/sitemap-image/1.1"> <url> <loc>http://example.com/sample.html&lt;/loc> <image:image> <image:loc>http://example.com/image.jpg&lt;/image:loc> </image:image> <image:image> <image:loc>http://example.com/photo.jpg&lt;/image:loc> </image:image> </url> </urlset>

Einige der am häufigsten verwendeten Tags beim Erstellen einer Bild-Sitemap sind:

→ Bildtitel

→ Die URL oder der Pfad, in dem die Datei gespeichert ist

→ Die Fußnote

→ Lizenztyp

→ Geolokalisierungsinformationen

• ›Dokumentation: Eine große Menge an Informationen findest du auf Googles Blog zu Bild-Sitemaps mit Beispielen, Implementierungstutorials und mehr.

Nach Abschluss der Implementierung können wir den Status der Indexierungsabdeckung in der Search Console überprüfen.

7. Bild-Lazy-Loading (Laden auf Anfrage)

Bilder gehören zu den am häufigsten verwendeten Ressourcen auf Websites, denn "ein Bild sagt mehr als tausend Worte", sagt man. Deshalb wird der visuelle Aspekt jeder Website sorgfältig mit diesen Multimedia-Elementen entwickelt. Doch sie nicht zu optimieren, kann sich negativ auf die Nutzererfahrung und die Ladezeit der Website auswirken. Aus diesem Grund ist Lazy Loading ratsam.

Dank Lazy Loading werden Bilder erst geladen, wenn sie auf dem Bildschirm erscheinen. Wenn sie sich beispielsweise im unteren Teil der Seite befinden, der noch nicht auf dem Bildschirm eines Geräts sichtbar ist, werden sie erst geladen, wenn der Nutzer nach unten scrollt. Dies senkt die Anzahl der HTTPS-Anfragen erheblich und reduziert die Ladezeiten, was deine Seite Google sympathischer macht.

Plugins zur Implementierung von Lazy Loading auf WordPress

Wenn du Websites auf dieser Software-Plattform verwaltest, gibt es eine Reihe von Plugins, die deine Aufmerksamkeit erregen werden, wenn du Bilder durch die Implementierung von Lazy Loading optimieren möchtest. Denke daran zu prüfen, ob das installierte Theme diese Funktion enthält. Falls nicht, hier ein paar interessante:

• ›

  BJ Lazy Load: einfach zu installieren und einzurichten, es ist eines der beliebtesten Tools mit mehr als 90.000 Installationen. Dank dieser Ergänzung kannst du Bilder skalieren, um sie an verschiedene Bildschirmgrößen anzupassen.

• ›

  Lazy Load by WP Rocket: einfach und leicht einzurichten (im Grunde, weil es keine verschiedenen Optionen bietet), der Vorteil dieses Plugins ist, dass es keine JavaScript-Bibliothek wie jQuery verwendet.

8. Verwendung eines CDN für Bilder

Ein CDN (Content Delivery Network) ist eine Reihe von auf der ganzen Welt verteilten Servern, die den Inhalt einer zwischengespeicherten Website je nach Standort des Anforderers bereitstellen. Dank dieses Hosting-Netzwerks liefert der Server, der dem Anforderer am nächsten ist, eine Kopie der angeforderten Website.

Daher hilft die Verwendung eines CDN, unsere URLs schneller herunterzuladen, die Ladezeiten unserer Website zu reduzieren und ihr organisches Ranking zu fördern.

Wenn wir ein CDN (zum Beispiel Cloudflare) verwenden, um Bilder anzuzeigen, werden diese schneller heruntergeladen und angezeigt. Dieser unkomplizierte Ablauf wird unser SEO direkt verbessern.

9. Weitere Überlegungen

SEO-wertvolle Bilder, also diejenigen, die wir höher ranken möchten, müssen im Quellcode der URL enthalten sein. Diejenigen, die als Hintergrundeigenschaft in CSS implementiert werden, sind für Google nicht sichtbar, da es diese Art von Stylesheets nicht versteht.

Außerdem gibt es weitere unverzichtbare Details, die beim Optimieren unserer Bilder zu beachten sind:

• ›

  Exif: Mit jedem Bild wird eine Reihe von Attributen gespeichert, wie das Datum, an dem das Bild aufgenommen wurde, und andere für Fachleute auf diesem Gebiet relevante Daten. Diese Informationen sind jedoch nicht SEO-wertvoll und nehmen nur Platz ein. Das Löschen dieser Informationen kann beim Optimieren der Bilder helfen und sie weniger schwer machen.

• ›

  "longdesc": Dieses Attribut wird oft vergessen, kann aber interessant sein, in unsere Bilder zu implementieren. Dies ist eine lange Beschreibung des Bildes.

• ›

  Verlinkung: Linkaufbau spielt eine grundlegende Rolle beim organischen Wachstum unserer Seiten, aber auch unserer Bilder. Diese können ebenfalls verlinkt werden und somit eine höhere Anerkennung in Suchmaschinen erzielen.

Vermissen wir wesentliche Tipps? Wir würden uns freuen, dich zu hören. Hinterlasse einen Kommentar unten und teile dein Wissen!