Laut der HTTP-Archiv Bericht, Bilder machen im Durchschnitt 21 % des Gesamtgewichts einer Webseite. Bilder sind neben dem Text die wichtigsten Elemente einer Website. Auch Suchmaschinen wie Google bewerten Textinhalte mit Bildern besser als Inhalte ohne Bilder. Sie sollten sich aber unbedingt mit der Optimierung der Bilder auf Ihrer Website im Rahmen der Optimierung Ihrer gesamten Website befassen.
Aber verwenden Sie ein Bild auf Ihrer Website richtig? Oder laden Sie es einfach nach dem Zufallsprinzip auf Ihre Website hoch? Möglicherweise übersehen Sie eine wichtige Bildoptimierungsaufgabe. In diesem Artikel erklären wir die „Bildoptimierung für WordPress-Websites“ ausführlich.
6 Bildoptimierungstechniken, die Sie befolgen müssen
1. Benennen Sie Ihr Bild vor dem Hochladen um
Es ist immer wichtig, Ihr Bild umzubenennen, bevor Sie es auf die Website hochladen. Durch das Umbenennen Ihrer Bilddatei können Suchmaschinen das Bild erkennen und in die entsprechende Kategorie einordnen. Wenn Sie Ihr Bild ohne richtigen Namen hochladen, können Suchmaschinen wie Google es nicht erkennen. Letztendlich wird Ihr Bild von Google ignoriert. Das ist nicht gut für Sie.
Wichtig zu beachten ist, dass ein Bild, das Sie hochladen, ohne es umzubenennen, in der Datenbank unter demselben Namen gespeichert wird, unter dem es ursprünglich war. Das bedeutet, dass der Titel nicht geändert wird, auch wenn Sie ihn unter „Anhangdetails“ ändern. Aus SEO-Sicht ist es daher wichtig, Ihre Bilddatei mit dem richtigen Schlüsselwort umzubenennen.
Zum Beispiel
Ihr Bildname mag manchmal
- IMG_8sd743.jpg
- Screenshot-873403.jpeg
Der obige Bildname ergibt auf der Website keinen Sinn.
Darüber hinaus sollten Sie bei der richtigen Umbenennung des Bildes darauf achten, dass sowohl Benutzer als auch Suchmaschinen das Bild verstehen.
Lassen Sie uns das folgende Szenario verstehen:
Angenommen, Sie haben viele Kameras verschiedener Marken und Modelle. Und wenn Sie jedes Ihrer Bilder in „kamera.jpg“, dann werden Kamerafotos umbenannt in „Kamera-1.jpg“, “Kamera-2.jpg und so weiter.
Es ist also besser, es umzubenennen in „Canon 400D Kamera“, so können Nutzer und Suchmaschinen leicht verstehen, worum es bei einem Bild geht.
2. Behalten Sie den richtigen Alternativtext bei
Alt-Text (auch genannt „Alt-Beschreibung“ oder „Alt-Tag“) ist der Text, der anstelle eines Bilds auf einer Webseite erscheint, wenn das Bild nicht auf dem Bildschirm geladen werden kann. Daher ist es wichtig, einen geeigneten Alternativtext für die Zugänglichkeit und die Bild-SEO zu verwenden. Versuchen Sie, den richtigen Alternativtext für das Bild zu verwenden, der das Bild besser beschreibt.
In einfachem HTML-Text sieht der Alt-Text ungefähr so aus
Alternativtexte sorgen dafür, dass Bilder auch von sehbehinderten Menschen verwendet werden können. Wie man den Alternativtext für ein Bild richtig einfügt, zeigt das folgende Bild.
Was ist mit der Beschriftung und der Beschreibung?
Wenn wir über Bild-SEO sprechen, haben Bildunterschriften und Beschreibungen keinen Einfluss auf SEO. Eine Bildunterschrift ist eine zusätzliche Information über ein Bild, die unter dem Bild angezeigt wird. Wenn Sie Ihr Bild etwas ausführlicher beschreiben möchten, können Sie dies im Abschnitt „Bildunterschrift“ tun. Eine Bildunterschrift und eine Beschreibung unterscheiden sich von einem „Alt-Text“. Sehen wir uns die folgende Tabelle an.
Alternativtext | Untertitel | Beschreibung |
---|---|---|
Wichtig für SEO | Nicht wichtig für SEO | Nicht wichtig für SEO |
Zur Bilderklärung | Fügt dem Bild zusätzliche Informationen hinzu (z. B. Bildquellen, Kurzbeschreibung des Bildes) | Beschreiben Sie das Bild im Detail |
Für Benutzer nicht sichtbar | Für Benutzer sichtbar | Für Benutzer sichtbar, wenn jemand auf der Seite mit den Anhangsbeiträgen landet |
Wird in den Code eingefügt | Nicht in den Code eingefügt | Die Beschreibung wird als Beitragsinhalt für den Anhangsbeitrag gespeichert. |
Obligatorisch für SEO | Optional | Optional |
3. Halten Sie Ihre Bilder urheberrechtsfrei
Obwohl Sie Bilder mit der richtigen Quellenangabe verwenden können, wird empfohlen, in Ihren Inhalten urheberrechtsfreie Bilder zu verwenden. Es gibt viele Online-Quellen, aus denen Sie lizenzfreie Bilder erhalten können. Einige der Websites sind unten aufgeführt:
Google Copyright Kostenloses Bild
Google ist die größte Website der Welt mit Milliarden von Bildern. Google verfügt über Milliarden von Bildern von allen Webseiten. Aber nicht alle davon sind frei verwendbar. Sie müssen die Bilder filtern, damit Sie diese Bilder ohne Angabe der Quelle verwenden können.
Gehen Sie einfach zu Google.com und suchen Sie nach einem Bild. Gehen Sie zu Werkzeuge>VerwendungRechte und hier sehen Sie die fünf Optionen. Filtern Sie „Für Wiederverwendung mit Änderung gekennzeichnet“ oder „Für Wiederverwendung gekennzeichnet“ und alle Bilder, die nach diesem Filter angezeigt werden, können in Ihrem Blog verwendet werden.
Schauen Sie sich als Referenz das folgende Bild an.
Sie können andere kostenlose Bilder von der Site verwenden, wie Unsplash.com, Freepik.com, Pixabay.com, Und Pexels.com. Dies sind die Websites mit Millionen kostenloser Stockfotos, die von Millionen von Menschen verwendet werden. Einige der Fotos sind Premiumfotos, d. h. Sie müssen dafür bezahlen, aber die meisten Bilder dieser Websites können kostenlos verwendet werden.
Kasse 41 Websites zum Finden kostenloser Bilder im Internet
4. Halten Sie die Bildgröße so klein wie möglich
Sie müssen die Größe Ihres Bildes optimieren, damit es leicht ist. Die Größe Ihres Bildes hat einen direkten Einfluss auf die Ladegeschwindigkeit Ihrer Website. Aber Sie sollten darauf achten, dass Sie beim Reduzieren der Größe Ihres Bildes auch auf dessen Auflösung achten sollten. Wenn Sie kein Photoshop-Nerd sind, können Sie verschiedene Tools verwenden tinypng.com, tinyjpg.com um die Bildgröße zu reduzieren. Diese KOSTENLOSEN Online-TOOLS helfen Ihnen, die Größe Ihres Bildes zu reduzieren und dabei seine optimale Qualität zu erhalten.
Notiz: Es wird empfohlen, die Bildgröße unter 200 KB zu halten.
5. Wählen Sie das richtige Bildformat
Es werden hauptsächlich drei Bildformate verwendet: JPEG, PNG und GIF. Sehen wir uns jedes der Bildformate im Detail an.
- JPEG (JPG) – JPEG steht für Joint Photographic Experts Group. Es handelt sich um ein verlustbehaftetes komprimiertes Dateiformat. Es eignet sich zum Speichern kleinerer Fotos. JPG wird häufig im Internet verwendet, da es komprimiert ist. Zum Speichern kleinerer Strichzeichnungen, Texte und Symbolgrafiken.
- PNG – PNG steht für Portable Network Graphics. Es handelt sich um ein verlustfreies Komprimierungsdateiformat, weshalb es häufig im Internet verwendet wird. PNG erzeugt eine bessere Bildqualität, benötigt aber mehr Speicherplatz. PNG ist eine gute Wahl zum Speichern von Strichzeichnungen, Text und Symbolgrafiken in kleinen Dateigrößen.
- GIF –GIF-Dateien sind auf 256 Farben beschränkt und sind ein verlustfreies Komprimierungsdateiformat. Es eignet sich gut für die Darstellung von Bildern in animierter Form. Verwenden Sie GIF, wenn Ihre Grafik relativ wenige Farben verwendet. GIF oder PNG sind aufgrund ihrer verlustfreien Komprimierung die bessere Wahl.
JPEGs sind für Fotos und realistische Bilder. PNGs sind für Strichzeichnungen, textlastige Bilder und Bilder mit wenigen Farben. GIFs sind einfach gescheitert.
Ich persönlich empfehle keine GIFs, es sei denn, es gibt eine „Muss verwendet werden“Situation. Obwohl PNG Bilder in besserer Qualität erzeugt, ist es größer als das JPEG-Format. Daher müssen Sie in den meisten Fällen das JPEG-Bild verwenden, um Größe und Qualität zu sparen. Es kann jedoch einige Fälle geben, in denen PNG bessere Ergebnisse liefert als JPEG.
6. Bild-Sitemap einrichten
Eine Sitemap ist für alle Websites wichtig, aber ebenso wichtig ist sie für Bilder. Sie verbessert die Auffindbarkeit Ihrer Bilder in Suchmaschinen.
Bildoptimierungs-Plugins für WordPress
Für WordPress gibt es viele Bildoptimierungs-Plugins, darunter Zerquetschen Und ShortPixel-Bildoptimierer sind weit verbreitete Plugins. Diese Plugins leisten nach dem Hochladen von Bildern hervorragende Arbeit, aber Sie müssen viele Dinge tun, bevor Sie die Bilder überhaupt hochladen. Dies hilft bei einer noch besseren Bildoptimierung.
Abschluss!
Die oben genannten 7 Tipps zur Optimierung von Bildern sind manuelle Techniken, die vor dem Hochladen auf die Website angewendet werden. Unabhängig davon, ob Sie WordPress-Plugins verwenden oder nicht, sind diese 7 Techniken für Sie ein Muss.
Bevor Sie das Bild das nächste Mal auf Ihre Website hochladen, befolgen Sie unbedingt diese Schritte:
- Benennen Sie Ihr Bild vor dem Hochladen um
- Behalten Sie den richtigen Alternativtext bei
- Halten Sie Ihre Bilder urheberrechtsfrei
- Halten Sie die Bildgröße so klein wie möglich
- Wählen Sie das richtige Bildformat
- Bild-Sitemap einrichten
Weitere SEO-Artikel:
✅WordPress 301-Weiterleitung – Schritt-für-Schritt-Anleitung
✅Was ist doppelter Inhalt? Wie vermeidet man ihn?
Wenn Ihnen dieser Artikel gefallen hat, folgen Sie uns auf Þjórsárden Und auf facebook. Und LinkedIn.