TechBlogSD - Alles für WordPress und WEB-Entwicklung
WEB- und WordPress-Anleitungen, Neuigkeiten, Rezensionen zu Themes und Plugins

Anfängerleitfaden für Bild-SEO

1

Im Allgemeinen konzentrieren sich Webmaster auf die Optimierung von Textinhalten auf der Website, indem sie Titel, Metabeschreibungen und Schlüsselwörter ändern. Die Optimierung von Bildern auf der Seite ist jedoch ebenso wichtig für die Verbesserung der Seitenladegeschwindigkeit. Ein attraktives Bild kann die Benutzer leicht dazu bringen, Ihre Inhalte zu lesen. Darüber hinaus wird in dieser mobilen Welt die Bildersuche wie die Websuche immer beliebter. In diesem Artikel erklären wir Ihnen die Grundlagen der Bild-SEO und die richtige Verwendung von Bildern auf Ihrer Website für eine bessere Benutzererfahrung.

Verwandte: Wie optimiert man Bilder und verbessert die Seitenladegeschwindigkeit für WordPress?

Bedeutung von Bild-SEO

Es gibt viele Benutzer, die Bilder von der Google Bildersuche suchen. Dies hat insbesondere für Fotografie- und E-Commerce-Nischen ein enormes Potenzial. Darüber hinaus verwenden Social-Networking-Sites wie Pinterest und Instagram auch Bilder, um die interessanten Benutzer auf der ganzen Welt zu verbinden. Daher ist es eine potenzielle Gelegenheit für Webmaster, Bilder auf ihrer Website für Suchmaschinen zu optimieren und Traffic daraus zu ziehen.

Zuvor konnten Sie den Traffic von images.google.com in der Google Analytics-Berichterstellung verfolgen. Google hat dies jedoch eingestellt und Sie können jetzt den Bericht "Leistung" in der Google Search Console verwenden. Sie können auf eine beliebige Abfrage klicken und die Quelle des Traffics aus dem Bild ermitteln.

Grundlagen der Bild-SEO

Berücksichtigen Sie die folgenden Optimierungspunkte, wenn Sie Bilder auf Ihrer Website verwenden:

1 Bildunterschrift

Fügen Sie jedem Bild auf Ihrer Website eine Bildunterschrift oder einen Namen hinzu. Dies hilft den Benutzern, das Bild besser zu verstehen, und es ist auch für Sie einfacher, die Bilder zu pflegen, insbesondere wenn Sie eine Site von einer Plattform auf eine andere migrieren. Denken Sie daran, dass der Name des Bildes bei der Suchmaschinenoptimierung keine Rolle spielt. Wenn das Bild jedoch keinen Alternativtext enthält, versuchen Suchmaschinen, ihn aus dem das Bild umgebenden Textinhalt zu verstehen. Verwenden Sie daher geeignete Bildunterschriften, die für den Textinhalt relevant sind.

2 Alternativer Text (Alt-Attribut)

Die Bereitstellung von alternativem Text zu Bildern ist das Wichtigste, was Sie sicherstellen müssen. Mit dem HTML-Alt-Attribut können Sie einen alternativen Text für ein Bild innerhalb von. bereitstellen

<img src="image.jpg" alt="SEO For Images">

Alt-Text ist in zwei Szenarien nützlich – eines für die Browserunterstützung und das andere für Suchmaschinen. Wenn ein Browser Ihr Bild aus irgendeinem Grund nicht unterstützt, zeigt er den Alternativtext anstelle eines Bildes an. Dies hilft den Benutzern, das mögliche Bild, das angezeigt werden soll, zu verstehen und ohne große Unterbrechung weiterzulesen. Unten ist ein Beispiel für das kaputte Bild, das Alt-Text im Browser zeigt.

Anfängerleitfaden für Bild-SEO

Alternativtext in nicht kompatiblem Bild

Da Suchmaschinen die Bedeutung eines Bildes nicht vollständig verstehen können, verwenden sie Alt-Text als Textäquivalent zu einem Bild. Die effektive Verwendung von Alt-Text erhöht also die Sichtbarkeit der Website in Suchergebnissen, insbesondere bei Bildsuchen.


Artikel zur Suchmaschinenoptimierung


3 Größe eines Bildes

Verwenden Sie eine geeignete Größe für das Bild, damit die Benutzer es deutlich sehen können. Wenn Sie ein sehr kleines oder sehr großes Bild bereitstellen, wird der Benutzer in Verlegenheit gebracht und verlässt Ihre Website. Große Bilder reduzieren auch die Seitenladegeschwindigkeit und wirken sich auf das Ranking in den Google-Suchergebnissen aus. Stellen Sie sicher, dass Sie die richtige Bildgröße verwenden, die für das Layout Ihrer Website geeignet ist, und vermeiden Sie eine Größenänderung der Bilder mit CSS beim Laden.

Wir empfehlen dringend, das Bild mit Tools von Drittanbietern zu komprimieren, bevor Sie es auf Ihre Website hochladen.

4 Verwenden Sie responsive Bilder

Vorbei sind die Zeiten, in denen größere Bilder angezeigt wurden, die nicht auf die Breite des Mobilgeräts passen. Verwenden Sie eine adoptive oder responsive Technologie, die die Größe der Bilder automatisch an die Breite des Anzeigegeräts anpasst. Dadurch wird die Lesbarkeit gewährleistet, sodass Benutzer dazu neigen, Lesezeichen zu setzen und zu Ihrer Website zurückzukehren.

Anfängerleitfaden für Bild-SEO

Responsive Site

4 Platzierung des Bildes

Zeigen Sie Ihre Bilder an einem Ort an, an dem die Benutzer sie leicht in Bezug auf den Inhalt sehen können. Das Anzeigen nicht verwandter Bilder oder das Anzeigen an ungeeigneten Stellen führt zu Verwirrung des Benutzers über den Zweck des Bildes. Dies gilt auch für die Image-Anzeigen, wenn Sie Anzeigen auf Ihrer Website schalten.

SEO-Angebot: Optimieren Sie Ihre Website mit der 14-tägigen kostenlosen Testversion von Semrush Pro.

5 Bildordner strukturieren

Organisieren Sie alle Bilder auf Ihrer Site in demselben Ordner, anstatt sie in zu vielen verschiedenen Ordnern zu verteilen. Dies hilft Suchmaschinen, alle Bilder Ihrer Website von einem Ort aus zu suchen und zu erfassen, anstatt an verschiedenen Orten zu suchen. Es wird auch empfohlen, die Bilder zwecks Filterung in monatliche Unterordner einzuordnen. Einige der Content-Management-Systeme wie WordPress bieten diese Funktion standardmäßig an, was die Verwaltung für Webmaster erleichtert.

6 Geeigneter Bildtyp

Es gibt viele allgemeine Bildtypen wie PNG, JPEG, GIF und BMP. Jeder Bildtyp dient einem anderen Zweck und ist für verschiedene Anlässe geeignet. Obwohl alle Browser diese häufig verwendeten Bildtypen unterstützen, überprüfen Sie die Qualität und Größe der Bilder auf Ihrer Website und optimieren Sie sie entsprechend. Es gibt auch neue Bildtypen wie JPEG2000 und WebP. Google drängt Webmaster, diese optimierten Bildtypen zu verwenden. Allerdings unterstützen nicht alle Browser diese neuen Bildtypen. Wenn Sie neue Bildtypen verwenden, stellen Sie daher sicher, dass die standardmäßigen PNG- oder JPEG-Bilder als Fallback bereitgestellt werden.

7 Bild-Sitemap

Wenn Sie Bilder als primäre Zugriffsquelle auf Ihrer Website verwenden, ist es eine gute Idee, eine Bild-Sitemap zu erstellen und diese ähnlich wie eine normale XML-Sitemap an Suchmaschinen zu übermitteln. Die Image-Sitemap sollte die Details der Bilder auf jeder Seite enthalten, damit Suchmaschinen sie leicht crawlen und entsprechend indexieren können.

8 Lazy Loading

Lazy Loading ist eine Technik zum Zurückstellen von Bildern außerhalb des Bildschirms, die Benutzer derzeit nicht anzeigen. Wenn Sie von oben nach unten viele Bilder auf der Seite haben, ist es sinnvoll, die Bilder dem Benutzer im sichtbaren Bereich des Bildschirms anzuzeigen. Andere Bilder auf der Seite werden nur geladen, wenn der Benutzer zu dieser Position scrollt. Sie können Lazy Loading unabhängig mit einem Drittanbieter-Skript anwenden oder je nach verwendetem Content-Management-System ein geeignetes Plugin finden.

9 Bereitstellung von Bildern von Subdomain

Ein Bild kann tausend Worte sagen. Obwohl es einfach ist, eine Nachricht mit Bildern zu übermitteln, erhöht die Verwendung mehrerer Bilder auf einer Seite die Ladezeit der Seite drastisch. Jedes Bild auf einer Seite sendet eine separate http-Anfrage an den Server und macht das Laden langsamer als der Textinhalt.

Die mögliche Lösung zur Verbesserung der Seitenladegeschwindigkeit besteht darin, alle Ihre Bilder von einer anderen Domain oder Subdomain bereitzustellen. Dies unterstützt das parallele Laden der Bilder und verbessert die Seitenladegeschwindigkeit. Da es sich bei Bildern um statische Dateien ohne Cookies handelt, erhöht die Bereitstellung von einer separaten Subdomain auch den Seitenladewert für Ihre Seiten.

10 Verwenden Sie Caching und CDN

Benutzer greifen von überall auf der Welt auf Ihre Website zu. Sie können die statischen Bilddateien einfach mit CDN zwischenspeichern und vom nächstgelegenen Standort für den Benutzer bereitstellen. Dadurch wird die Ladegeschwindigkeit verbessert und somit das Suchmaschinenranking erhöht. Darüber hinaus können Sie auch Browser-Caching für Bilder in der Serverkonfigurationsdatei verwenden, um den Browser über die Caching-Gültigkeit zu informieren.

Dos und Don’t mit Bildern:

Die folgende Tabelle zeigt die Dos und Don’ts, wenn Sie Bilder auf Ihrer Website verwenden, um eine bessere Sichtbarkeit in Suchmaschinen zu erzielen:

DesDon’ts
Verwenden Sie einen beschreibenden Namen und Alternativtext zu Ihren InhaltenGenerische Dateinamen wie „untitles.bmp” oder „image1.jpg”
Geben Sie Alternativtext für Bildlinks anExtrem langer Dateiname und Alt-Text
Senden Sie eine Bild-Sitemap an SuchmaschinenKeyword-Stuffing in Alt-Text
Verwenden von Bildlinks nur bei BedarfExtrem mit Bildlinks für die Navigation
Bilder komprimieren und skalierenVerwenden einer großen Anzahl unkomprimierter Bilder auf einer Seite
Browser-Caching aktivieren und von einer Cookie-losen Domain aus bereitstellenBereitstellung von zu vielen Bildern von derselben Domain, in der Textinhalte verfügbar sind

Aufnahmequelle: webnots.com
Hinterlasse eine Antwort

Diese Website verwendet Cookies, um Ihre Erfahrung zu verbessern. Wir gehen davon aus, dass Sie damit einverstanden sind, Sie können sich jedoch abmelden, wenn Sie möchten. AnnehmenWeiterlesen