Kategorien

Was ist Image SEO + 15 Tipps zur Bildoptimierung

Ziel dieses Artikels ist es, Ihnen die notwendigen Informationen zu geben, um die Bedeutung von Image SEO für das Ranking in Google und in Google Images zu verstehen.

In diesem Artikel erfahren Sie die Definition von Bild-SEO, warum die Vorbereitung Ihrer Bilder für die Suchmaschinenoptimierung so wichtig ist, und einige Bild-SEO-Tipps, wie Sie dies erreichen können.

Lasst uns beginnen!

Was ist Bild-SEO?

Bild-SEO ist der Prozess der Optimierung einer Online-Grafik, so dass die Suchmaschinen-Crawler den Inhalt der Bilder besser verstehen können und wie er den geschriebenen Inhalt unterstützt.

Je besser die Bots die gesamte Webseite, einschließlich der Bilder, verstehen, desto wahrscheinlicher ist es, dass sie diese bei einer relevanten Suche anzeigen.

Das übergeordnete Ziel der Bild-SEO ist es, so viel organischen Traffic wie möglich auf die Webseite zu bringen, indem das Suchranking erhöht wird.

Webseitenbesitzer möchten, dass ihre Seiten in den SERPs so weit oben wie möglich angezeigt werden. Außerdem ist es wahrscheinlicher, dass optimierte Bilder in den Google-Bildersuchergebnissen auftauchen, was die SEO-Leistung von Bildern weiter stärkt und Suchenden eine weitere Möglichkeit bietet, die Webseite zu erreichen.

Mehr Klicks und mehr Suchanfragen führen zu einer höheren Platzierung in den Suchmaschinen.

Warum sind Bilder so wichtig?

Bilder auf Webseiten sind vor allem aus zwei Gründen wichtig: Sie verbessern das Erlebnis des Nutzers und helfen, die Webseite zu finden.

Erstens, Bilder tragen zu einem großartigen Benutzererlebnis bei, indem sie die Aufmerksamkeit des Betrachters auf sich ziehen, Emotionen wecken und dazu beitragen, die Darstellung komplexer Informationen zu vereinfachen und zusätzlichen Kontext zu liefern.

Qualitativ hochwertige Bilder demonstrieren Ihre Professionalität und tragen dazu bei, das Vertrauen des Betrachters zu gewinnen, was eine große Wirkung auf die Besucher der Website hat. Interessante und relevante Bilder halten die Besucher länger auf einer Webseite, was die Absprungrate verringert und den Google-Algorithmus weiter zufriedenstellt.

Eines der Hauptziele von Google ist es, eine großartige Nutzererfahrung zu schaffen. Wenn eine Webseite dies erreicht, belohnt Google sie mit höheren Rankings.

Zweitens, Bilder helfen Ihrer Webseite, von Suchenden gefunden zu werden, wenn solide SEO-Prinzipien sowohl auf den Inhalt als auch auf die Bilder angewendet werden.

Eine Webseite mit großartigen Inhalten und Bildern ist nutzlos, wenn sie nicht gelesen wird, und sie kann nicht gelesen werden, wenn sie von Suchenden nicht gefunden wird.

Wie unterscheidet sich Image SEO von normalem SEO?

Reguläre SEO (im Folgenden einfach als SEO bezeichnet) hat sowohl On-Page- als auch Off-Page-Komponenten.

Während Bild-SEO eine Untergruppe des On-Page-Teils von SEO ist, hat ein Bild den möglichen zusätzlichen Vorteil, dass es unabhängig von der Webseite bei Google Images eingestuft wird.

Je höher das Bild bei Google Images platziert ist, desto mehr SEO-Power bietet es für die Webseite.

Originalbilder vs. Stockbilder: Was ist besser für SEO?

Dies scheint eine irrelevante Frage zu sein, da fast alle SEO-Kurse und "SEO-Gurus" lehren, dass Originalbilder auf Websites, Blogs, Karten und Artikeln zu einer besseren Suchmaschinenoptimierung führen als Stockbilder. 

Google hat angedeutet, dass dies ebenfalls der Fall ist.

Clint Butler, Dori Friend und das SIA-Team wollten dies jedoch definitiv herausfinden und haben daher ein Experiment durchgeführt (SIA-Test #11: Original- vs. Archivbilder).

Dies wird in dem folgenden Video näher erläutert.

Wenn Sie gerne visuell lernen, sollten Sie sich dieses kurze Video ansehen (es dauert weniger als 6 Minuten), in dem der Versuchsaufbau und die Ergebnisse des Tests erläutert werden.

Die Diskussion über das eigentliche Experiment beginnt bei der 2:00-Minuten-Marke des Videos.

Das SIA-Team stellte die Hypothese auf, dass eine Webseite mit einem Originalbild besser abschneidet als eine ähnliche Webseite mit einem Archivbild. 

Sie verwendeten einen Versuchsplan mit einer einzigen Variablen, bei dem sie zwei identische Webseiten erstellten und ein einzelnes Archivfoto auf einer Seite und ein Originalbild auf der anderen Seite platzierten.

Anschließend versuchten sie, die Seiten mit einem gefälschten Schlüsselwort zu ranken.

Die Ergebnisse waren schockierend, da die Stockfoto-Webseite die Originalfoto-Webseite bei den Google-Suchen durchweg übertraf.

Die Verwendung von Archivfotos hat noch weitere Vorteile, denn sie sind viel preiswerter als die Beauftragung eines professionellen Fotografen oder sogar das Fotografieren selbst, wofür man eine gute Kamera benötigt und das sehr zeitaufwändig sein kann.

Wenn Sie sich für die Verwendung von Stockfotos entscheiden, achten Sie darauf, dass sie von hoher Qualität sind, den Inhalt Ihres Artikels ergänzen und das Gesamtthema, das Sie auf Ihrer Website vermitteln wollen, unterstreichen.

Achten Sie darauf, dass die Diskrepanz zwischen dem von Ihnen gewählten Foto und Ihrem Inhalt nicht zu groß ist, da dies bei den Nutzern zu einer Entfremdung führen kann.

Das SIA-Team wies jedoch darauf hin, dass dies aus Sicht der Nutzer nicht bedeutet, dass Sie Stockfotos anstelle von Originalfotos verwenden sollten.

Ein Beispiel: Ein Restaurant, das versucht, auf Google Maps zu ranken und Fotos für seine Kartenseite benötigt, sollte besser Originalfotos verwenden. Ein Nutzer möchte Fotos von außen und innen des Restaurants sehen, damit er entscheiden kann, ob er dort gerne essen würde.

Auch aus Sicht der Markenbildung ist die Verwendung von Originalfotos vorteilhaft.

Erinnern Sie sich daran, dass Google Lens OCR (Optical Character Recognition) verwendet. Wenn das Foto Ihres Gebäudes Ihren Firmennamen und Ihre Adresse enthält, kann Google es lesen, was Ihnen einen Branding-Schub geben wird.

Die Schlussfolgerung aus der SEO-Ranking-Perspektive ist, dass Sie sich durch die Verwendung von Stock-Bildern aus der SEO- und Ranking-Perspektive nicht selbst schaden, aber es gibt andere triftige Gründe für die Verwendung von Originalfotos - wie z. B. die Benutzerfreundlichkeit.

Grundlegende Bild-Optimierung für SEO und Geschwindigkeits-Optimierung

Im Folgenden finden Sie einige grundlegende Tipps für Bild-SEO und die Geschwindigkeit von Webseiten. Bei der ersten Gruppe von 5 Tipps geht es um eine gute Auswahl des Bilddateinamens und des Bildes selbst.

Die folgenden Tipps geben Ihnen Informationen, wie Sie Ihre Bild-Seo ohne Adobe Photoshop durchführen können.

In der dritten Gruppe finden Sie Informationen zum Hinzufügen von Textinformationen entweder in der Datei oder in Ihrem HTML-Code.

Die letzte Gruppe von Tipps gibt Ihnen Informationen darüber, wie Sie Ihre Bilder für eine optimale Bild-SEO-Effektivität fertigstellen können.

Warum und wie die folgenden Tipps auszuführen sind, erfahren Sie in den jeweiligen Abschnitten.

  • Wählen Sie das richtige Bild aus.
  • Wählen Sie den richtigen Dateinamen.
  • Wählen Sie das richtige Dateiformat.
  • Ändern Sie die Größe Ihrer Bilder.
  • Machen Sie Ihre Bilder responsive.
  • Wie man Bilder ohne Photoshop optimiert
  • Wie man Schlüsselwörter für Bild-SEO auswählt
  • Was ist Alt-Text?
  • Wie sieht ein guter SEO-freundlicher Alt-Text aus?
  • Was ist der Unterschied zwischen Alttext und Titel?
  • Was ist der Unterschied zwischen Alt-Text und Bildunterschrift?
  • Die Seitengeschwindigkeit ist wirklich wichtig
  • Testoptimierung für Geschwindigkeit
  • Verwenden Sie semantisches Markup für Bilder.
  • Erstellen Sie Bild-Sitemaps.

Das richtige Bild auswählen

Die Wahl des richtigen Bildes für Ihre Webseite ist wahrscheinlich der wichtigste Faktor für ein gutes Nutzererlebnis. 

Bilder sollten von hoher Qualität sein und Ihren Text und Ihr Webseitenthema aufwerten. 

Die Verwendung Ihrer eigenen Fotos und Bilder unterstützt Ihr Branding und stellt sicher, dass keine Urheberrechte verletzt werden.

Wenn Sie sich jedoch für ein Archivfoto entscheiden, vergewissern Sie sich, dass es gemeinfrei ist und kommerzielle Rechte besitzt. 

Sie können Bilder aus einer Google-Bilder-Suche auswählen, indem Sie auf die Schaltfläche "Werkzeuge" klicken. Danach wird eine neue Auswahl darunter angezeigt. 

- Wenn Sie auf "Nutzungsrechte" klicken, erscheint ein Dropdown-Feld, in dem Sie auf "Kommerzielle und andere Lizenzen" klicken. 
- Die Seite wird neu geladen.
- Alle jetzt gezeigten Bilder sind Freiwild.

Die folgende Abbildung zeigt eine Google-Suche nach "Hochbeete", wobei #1 anzeigt, dass es sich um eine Bildersuche handelt, #2 zeigt die Schaltfläche "Tool" und #3 zeigt das Dropdown-Menü "Nutzungsrechte".

Wählen Sie in der Dropdown-Liste "Kommerzielle und andere Lizenzen".

Es gibt zahlreiche Tools und Websites mit kostenlosen Bildern und kommerziellen Rechten.

Googeln Sie es einfach oder gehen Sie hier finden Sie viele Website-Optionen.

Hier ist eine praktische Liste der häufigsten:
- stocksnap.io
- pixebay.com
- pexels.com
- unsplash.com
- unbeschränkterBestand.com

Wählen Sie den richtigen Dateinamen für das Bild

Vergewissern Sie sich, dass Sie die von Ihnen gewählte Datei aussagekräftig umbenennen. Dies ist besonders wichtig für die Suchmaschinenoptimierung von Bildern. 

In der obigen Abbildung, die die Suchergebnisse für Fotos von Hochbeeten zeigt, wäre ein geeigneter Dateiname für ein Bild darin Hochbeet-Garten.png.

Beachten Sie, dass hier das Schlüsselwort target verwendet wird.

Ein Wort der Vorsicht: Die meisten Webserver verwenden das Betriebssystem Linux, in dem bei Dateinamen zwischen Groß- und Kleinschreibung unterschieden wird.

So wird beispielsweise die Datei Gemüse.png als eine andere Datei als Gemüse.png betrachtet.

Der einzige Unterschied zwischen den Dateinamen besteht darin, dass der eine mit einem großen "V" und der andere mit einem kleinen "v" beginnt. Dies kann für den Webmaster ein Chaos verursachen, wenn er den Überblick über seine Bilder behalten will.

Es ist ein guter Grundsatz, in Dateinamen nur Kleinbuchstaben zu verwenden. Darüber hinaus ist es für die Bild-SEO gut, Wörter im Dateinamen mit einem Bindestrich zu trennen, damit die Suchroboter den Inhalt der Datei leichter lesen und verstehen können.

Gegebenenfalls sollte der Dateiname das Schlüsselwort target enthalten.

Wählen Sie das richtige Bildformat (Typ)

Die folgende Abbildung zeigt eine Tabelle mit einigen der wichtigsten Bilddateitypen, die für Websites verwendet werden. Der von Ihnen gewählte Dateityp sollte widerspiegeln, wie Sie die Datei verwenden möchten. 

In der Regel möchte man die kleinste Dateigröße und nicht die größte Dateigröße haben, aber trotzdem eine gute Bildqualität liefern. Dies ist eine Art Balanceakt.

Da jedes Bild anders ist, muss man bei diesem Prozess einiges ausprobieren. Aber wie bei allem im Leben gilt: Je mehr man übt, desto einfacher wird es.

Die geringe Größe der Bilddatei trägt dazu bei, dass die Bilder und Ihre Website schneller geladen werden, und die hohe Bildqualität trägt zu einem positiven Nutzererlebnis bei - beides sind Rankingfaktoren im Google-Algorithmus.

JPG

JPG-Dateien sind der häufigste Bildtyp auf Webseiten, da ihre Dateigröße ohne Qualitätseinbußen erheblich reduziert werden kann.

Die verlustbehaftete Komprimierung ermöglicht die größten Einsparungen bei der Dateigröße.

JPG-Dateien unterstützen 16 Millionen Farben. Fotografien sind in der Regel JPG-Dateien.

PNG

PNG-Dateien sind ebenfalls sehr beliebt und haben den zusätzlichen Vorteil, dass sie transparente Hintergründe zulassen, wenn Sie einen Hintergrund benötigen, der Teile der Datei durchscheinen lässt.

Bei PNG-Dateien handelt es sich in der Regel um Logos, aber auch um Fotos. PNG-Dateien sind größer und lassen sich nicht so stark verkleinern wie JPG-Dateien.

GIF

Der Hauptvorteil von GIF-Dateien besteht darin, dass sie für Animationen ausgelegt sind. Diese Bewegung zieht die Aufmerksamkeit des Nutzers auf sich und bietet in der Regel ein einzigartiges Nutzererlebnis.

Der Nachteil von GIF-Dateien ist, dass sie nur 256 Farben darstellen können.

JPG-, PNG- und GIF-Dateien sind schnellere Dateien, bei denen die Bildinformationen als Pixel gespeichert werden.

Dies kann zu einem Problem werden, wenn Sie die Datei vergrößern müssen, da die Auflösung des Bildes pixelig und unscharf erscheinen kann und die einzelnen Pixel sichtbar werden.

SVG

SVG-Dateien sind Vektorbilder, bei denen die Bildinformationen mathematisch als Vektoren beschrieben sind.

Der Hauptvorteil von Vektordateien besteht darin, dass ihre Auflösung größenunabhängig ist und sie daher in der Regel eine geringe Dateigröße haben.

Ein weiterer großer Vorteil von SVG-Dateien ist, dass sie transparent sein können.

WEBP

Im Jahr 2010 veröffentlichte Google das Dateiformat WEBP, das speziell für Web-Bilder entwickelt wurde und Bilder bei gleicher Qualität besser komprimieren kann als die vorherigen Dateitypen 25-35%.

Die oben beschriebenen Dateitypen wurden alle für Bilder entwickelt, die gedruckt werden sollen.

WEBP unterstützt sowohl verlustfreie als auch verlustbehaftete Komprimierung.

WEBP wird von den Webmastern nicht so schnell angenommen, wie Google gehofft hatte. Derzeit wird das WEBP-Dateiformat in weniger als 2% aller Webseiten verwendet.

Dieser Mangel an Popularität ist wahrscheinlich darauf zurückzuführen, dass die anderen Bildformate im Arsenal von Webmastern fest verankert sind und noch nicht von allen gängigen Webbrowsern unterstützt werden.

Top-Bildformate für das Web

Ändern Sie die Größe Ihrer Bilder

Es muss zwischen Dateigröße und Bildgröße unterschieden werden, da sie nicht dasselbe sind. 

Die Dateigröße ist die Menge an Speicherplatz, die benötigt wird, um das Bild auf der Festplatte zu speichern, normalerweise ausgedrückt in Kilobyte oder Megabyte.

Dies ist ein wichtiger Faktor für das schnelle Laden von Webseiten.

Die Abmessungen des Bildes sind die Breite und die Höhe des Bildes, in der Regel ausgedrückt als Pixel. Sie stehen in einem proportionalen Verhältnis zueinander, d. h. je größer die Bildabmessungen (Breite und Höhe) sind, desto größer wird die Datei.

Denken Sie daran, dass wir die Dateigröße so klein wie möglich halten wollen, aber trotzdem ein qualitativ hochwertiges Bild auf dem Bildschirm darstellen wollen.

Es gibt drei Hauptfaktoren, die die Dateigröße bestimmen: der Dateityp, die Bildgröße und die Bildkomprimierung. Der Dateityp wurde im vorherigen Abschnitt "Wählen Sie das richtige Dateiformat (Typ)" behandelt.

Zweitens: Optimieren Sie die Abmessungen Ihres Bildes. Drittens: Komprimieren Sie Ihr Bild so stark wie möglich, ohne dass die sichtbare Bildqualität inakzeptabel beeinträchtigt wird.

Woher weiß man, welche Abmessungen in einem Bild verwendet werden sollten? Am besten lässt sich diese Frage anhand eines Beispiels Schritt für Schritt beantworten.

Nehmen wir an, meine Webseite ist typischerweise 960 px breit und hat zwei gleiche Spalten.

Außerdem möchte ich, dass mein Bild die gesamte rechte Spalte einnimmt. Jede Spalte ist halb so breit wie die gesamte Webseite, 960 px / 2 = 480 px pro Spalte.

Da das Bild die gesamte Spalte einnehmen soll, sollte es etwa 480 px breit sein. Wir lassen die Höhe standardmäßig auf die Bildproportionen.

Der Screenshot unten zeigt ein Bild, das ich bei Adobe Stock gekauft habe. Es war ursprünglich 3711 px breit x 2651 px hoch und hatte eine Dateigröße von 28,1 MB.

Zunächst müssen wir die Bildabmessungen auf unsere maximale Anzeigegröße von 480 px Breite ändern.

In Photoshop können wir die Änderung der Abmessungen mit der Komprimierung in einem Schritt kombinieren.

Hier sehen Sie einen Screenshot der Photoshop-Bildanpassung. 

Nachdem die Datei in Photoshop geladen wurde, wählen Sie im Hauptmenü Datei > Exportieren > Exportieren Als um den oben gezeigten Bildschirm zu erhalten. 

Ich habe die Breite des Fotos auf 480 px und die Qualität (Komprimierung) ganz nach unten auf 1% eingestellt. Die Qualitätseinstellung erfolgt mit einem Schieberegler von 1-100%.

Das sich daraus ergebende Bild ist in der folgenden Abbildung dargestellt. 

Die Dateigröße beträgt nur noch 9 KB gegenüber der ursprünglichen Dateigröße von 28,1 MB, was einer Verringerung der Dateigröße um satte 99,97% entspricht, und das Bild sieht immer noch gut aus!

Machen Sie Ihre Bilder ansprechbar

Responsive Bilder sind Bilder, die ihre Größe an die Größe des aktuellen Bildschirms anpassen. Dies trägt zu einer großartigen Benutzererfahrung bei, da die Fotos unabhängig vom verwendeten Gerät in der richtigen Größe angezeigt werden.

Bilder sollten responsiv gestaltet werden, da das Internet von verschiedenen Bildschirmgrößen aus betrachtet wird.

In den Vereinigten Staaten werden heute etwa 50% des Webverkehrs über mobile Geräte abgewickelt, während der Anteil der Desktops bei 46% und der von Tablets bei 4% liegt.

Die Zahlen sind ähnlich, wenn man die weltweiten Daten betrachtet: 55% mobil, 42% Desktop und 3% Tablets.

Bilder können in zwei Schritten responsiv gemacht werden, indem Sie Code in Ihren HTML-Code oder Ihre CSS-Datei einfügen. Bitte sehen Sie sich das folgende Beispiel für die Bilddatei boy-kissing-golden-retriever-dog.jpg an

Schritt 1: HTML-Code hinzufügen: Machen Sie die Datei zum Bestandteil der Klasse responsive

 <img src=” boy-kissing-golden-retriever-dog.jpg” alt=&quot;Junge kissing his golden retriever dog” class=”responsive”>

Schritt 2: CSS-Code hinzufügen: Definieren Sie die Klasse responsive. Die Eigenschaft max-width erlaubt es, das Bild nur nach unten zu skalieren. Das Bild sollte also in der maximalen Breite hochgeladen werden, die Sie wünschen.

.responsive {

  max-Breite: 100%;

  Höhe: auto;

}

Wie man Bilder ohne Adobe Photoshop optimiert

Adobe Photoshop ist de facto das Bildbearbeitungsprogramm mit der Fähigkeit, Webfotos zu optimieren. Aber es ist teuer (obwohl Sie es jetzt für etwa $10/Monat allein kaufen können) und hat eine lange Lernkurve.

Es gibt jedoch zahlreiche kostenlose Online-Tools und -Programme, die man ebenfalls nutzen kann.

Erinnern Sie sich an die drei Hauptfaktoren zur Bestimmung der Bildgröße: Dateityp, Bildgröße und Komprimierungsgrad. Im Folgenden finden Sie eine Liste einiger hochrangiger Websites zur Dateikomprimierung.

  • JPEG-Optimierer: Mit diesem Tool können Sie die Abmessungen Ihrer Datei ändern und sie gleichzeitig komprimieren. Allerdings funktioniert es, wie der Name schon sagt, nur für JPEG-Dateien.
  • Optimizilla: Dieses Tool kann sowohl JPG- als auch PNG-Bilder optimieren und Sie können bis zu 20 Dateien gleichzeitig hochladen. Es verfügt über einen Schieberegler, mit dem Sie die Qualität der Datei bei einer bestimmten Komprimierungsstufe in der Vorschau anzeigen können, damit Sie die maximale Komprimierung bei einer akzeptablen Bildqualität wählen können. Vor dem Hochladen müssen Sie allerdings die Größe Ihrer Fotos ändern.
  • Kompressor: Dieses Tool komprimiert jede Art von Datei, die hier aufgelistet ist, mit der Möglichkeit, den Komprimierungstyp zu wählen, Dateien in großen Mengen hochzuladen und einen Schieberegler zur Auswahl des Komprimierungsgrads zu verwenden.

Hier ist ein Beispiel mit Compressor.io für das Bild des Jungen, der den Hund küsst, das zuvor verwendet wurde. Die Datei konnte von 166 KB auf 22 KB komprimiert werden. 

Die Dateigröße wurde bereits auf 480 px Breite reduziert.

Bildkompressor

Wie man Schlüsselwörter für Bild-SEO auswählt

Viele der Schlüsselwörter, die über das Google-Tool Keyword Planner ermittelt werden, sollten auch für Bilder gelten, da sie als Teilmenge in die Suche einbezogen werden, aber Bilder sind meines Wissens nicht unterscheidbar.

Verwenden Sie daher die von Ihnen recherchierten Schlüsselwörter, wenn dies für das verwendete Bild sinnvoll ist. Das Ziel-Keyword oder relevante Keywords können auch in den Alt-Tags und dem Bildtitel-Tag platziert werden.

Schlüsselworttool.io ist ein kostenloses Tool für die Suche nach Bild-Schlüsselwörtern, wie im Screenshot unten gezeigt.

Die kostenlose Version liefert nur die Schlüsselwörter, während die kostenpflichtige Version auch das Suchvolumen und andere Daten liefert.

Allerdings kann die kostenpflichtige Version teuer sein.

Keyword-Tool

Was ist Alt-Text?

Alt-Text steht für alternativen Text und beschreibt, was ein Bild visuell zeigt. Es ist ein HTML-Attribut für ein Bild, das wie folgt aussieht:

<img src=”boy-kissing-golden-retriever-dog.jpg” alt=&quot;Junge kissing his golden retriever dog” class=”responsive”>

Es ist wichtig, das Alt-Text-Attribut zu verwenden, wenn das Bild nicht gerendert und angezeigt werden kann, da der Alt-Text an seiner Stelle erscheint, damit der Benutzer lesen kann, was das Bild zeigen sollte.

Es ist auch wichtig, sehbehinderten Personen, die einen Bildschirmleser benutzen, zu helfen, den Inhalt Ihrer Website besser zu verstehen. 

Der Alt-Text ist wichtig für die On-Page-Optimierung und Bild-SEO, um in den SERPs höher zu ranken.

Alt-Text sollte für alle Bilder verwendet werden, außer für Hintergrundbilder.

Unterm Strich ist Alt-Text unerlässlich, um in der SERP sowohl für Bild- als auch für On-Page-SEO hoch zu ranken.

Wie sieht ein guter SEO-freundlicher ALT-Text aus?

Ein SEO-freundlicher Alt-Text beschreibt genau das Bild, das er darstellt.

Im Folgenden finden Sie ein Beispiel für ein gutes und ein schlechtes Alt-Tag für das obige Foto eines Jungen, der einen Hund küsst:

- Schlecht: alt="Junge und Hund"
- Gut: alt="Junge küsst seinen Golden Retriever Hund"

Was ist der Unterschied zwischen Alt-Text und Titel?

Der Titeltext ist der Text, den der Nutzer sieht, wenn er mit dem Mauszeiger über das Bild fährt. Er ist im Hinblick auf die Suchmaschinenoptimierung weniger wichtig als der Alt-Text.

Der Titeltext ist für den Nutzer meist nützlich, vor allem, wenn Sie ihn auf einen bestimmten Teil des Bildes aufmerksam machen wollen, den er vielleicht übersehen hat. Er ist nicht erforderlich.

Nachstehend finden Sie ein Beispiel für die Verwendung von Titeltext.

title="Junge küsst seinen Golden Retriever Hund.

Beachten Sie, wie sehr der Hund die Aufmerksamkeit seines Besitzers genießt."

Was ist der Unterschied zwischen Alt-Text und Bildunterschrift?

Das Attribut caption ist der Text, der unterhalb des Bildes angezeigt wird und das Bild für alle Nutzer beschreibt. 

Andererseits wird der Alt-Text nur gesehen, wenn das Bild nicht gerendert werden kann oder für Sehbehinderte, die Bildschirmlesegeräte verwenden.

Das HTML

Element wird verwendet, um die Bildunterschrift zu definieren. Das
-Element ist eingebettet in das <figure> Element wie unten dargestellt.

<figure>

  <img src=” boy-kissing-golden-retriever-dog.jpg” alt=&quot;Junge kissing his golden retriever dog ” style=”width:100%”>

 

Abb.1 - Junge küsst seinen Golden Retriever

</figure>

Die Seitengeschwindigkeit ist wirklich wichtig

Die Ladegeschwindigkeit einer Seite ist sowohl für ein positives Nutzererlebnis als auch für die Suchmaschinenoptimierung besonders wichtig, da Google bestätigt hat, dass sie ein Rankingfaktor in Suchmaschinen ist.

Ein positives Nutzererlebnis ist für Ihre Website unerlässlich.

Ein kürzlich veröffentlichter Blog von Kissmetrics.com enthält eine interessante Infografik mit dem Titel "How Loading Time Affects Your Bottom Line".

Daten zeigen, dass etwa 25% der Nutzer eine Webseite verlassen, wenn sie 4 Sekunden zum Laden braucht.

Darüber hinaus kann ein Rückgang der Seitenkonversionen um 7% bei einer Verzögerung der Seitenantwortzeit von nur einer Sekunde auftreten!

Google zitiert Daten, wonach über 50% der mobilen Nutzer eine Webseite abbrechen, wenn sie länger als 3 Sekunden zum Laden braucht.

Insgesamt zeigen diese Daten, wie wichtig eine schnell reagierende Webseite für die Nutzererfahrung und die Einnahmen der Webseiten ist.

Geschwindigkeits-Infografik

Test-Optimierung für Geschwindigkeit

Nachdem Sie Ihre Bilder für eine Webseite optimiert haben, sollten Sie einen Test durchführen, um die Geschwindigkeit der Bilder zu überprüfen.

Cloudinary.de bietet einen kostenlosen Online-Test an, der alle Ihre Bilder auf einer bestimmten Webseite analysiert und Verbesserungsvorschläge liefert.

Nehmen Sie die vorgeschlagenen Änderungen vor und testen Sie erneut.

Die obige Infografik zeigt das Ergebnis für eine beliebige Website.

Posten 1-3 geben die Ergebnisse der gesamten Webseite an. In diesem Fall eine "D"-Note.

Posten 2 gibt das aktuelle Bildgewicht der Webseite und das Bildgewicht an, wenn alle Effizienzen durchgeführt wurden.

Punkt 3 ergibt den prozentualen Anteil - 22,9% Bildgewicht des Originals, d.h. etwa eine Einsparung von 77%.

Posten 4-6 geben ähnliche Informationen für jedes Bild. Unter Punkt 5 finden Sie sowohl den neuen Dateityp als auch die Größe.

Semantisches Markup für Bilder verwenden

Der Begriff semantisch bezieht sich auf die korrekte Interpretation der Bedeutung eines Wortes. Semantisches Markup für Bilder bezieht sich auf die Verwendung der richtigen HTML-Tags, wie sie entworfen wurden, und erfordert die Trennung von Inhalt und Darstellung.

Der HTML-Code sollte nur den Inhalt definieren, während die Darstellung dieses Inhalts in den Bereich von CSS fällt.

Die Verwendung von semantischem Markup ist zwingend erforderlich, um in den SERP höher zu ranken. 

Für Bilder sollte die semantische Markierung die <figure> Element, um das Bild zu definieren, und das

Element innerhalb der <figure> Element, um die Bildunterschrift zu definieren.

Ein Beispiel ist im vorherigen Abschnitt "Was ist der Unterschied zwischen Alt-Text und Bildunterschrift?" dargestellt.

Bild-Sitemaps erstellen

Erstellen Sie eine Bilder-Sitemap, um sicherzustellen, dass Google alle Bilder auf Ihrer Website findet. Dadurch erhöht sich die Chance, dass Ihre Bilder bei Google Images platziert werden und Ihre Seiten bei Google besser ranken.

Es gibt viele Bild-Sitemap-Ersteller im Internet. Führen Sie einfach eine einfache Google-Suche durch, um sie zu finden.

Viele von ihnen verlangen jedoch Gebühren für diesen Service. Eine Website, die ich kostenlos nutze, ist Engel Digital. Sehen Sie sich das an.

SEO für Youtube angeldigital

Schlussfolgerung

Sie sollten jetzt genau verstehen, was Bild-SEO ist und wie wichtig es für das Google SERP-Ranking, das Auftauchen in Google Bilder und für eine positive Nutzererfahrung ist.

Ich hoffe, dass ich Ihnen mit meinen Bild-SEO-Tipps zeigen konnte, wie Sie diese Tipps auf Ihre Website und Bilder anwenden können.

Wenn Sie dies auf Ihrer Website erreichen, sollten Sie einen Anstieg Ihres Rankings feststellen. Viel Glück 🙂 .

SIA-Personal

Verfasser von Inhalten

Um ein Unternehmen erfolgreich zu führen, braucht es ein Dorf. Mehrere Mitarbeiter tragen zu den Artikeln unter dieser Überschrift bei. Hier können Sie mehr über sie lesen: vollständige Biographie hier.

.