Wordpress

Verwenden von Bildern und Videos mit Ihrem WordPress-Blog

Eine universelle Wahrheit: Blog-Posts und Webseiten mit guten Bildern und Videos werden auf den Ergebnisseiten der Suchmaschinen in der Regel höher ansteigen als solche ohne.

Visuals sind eine großartige Sache, die du zu deinem hinzufügen kannst Wordpress-Website Webseite. Aber es kann eine Herausforderung sein, gute Bilder oder Videos zu finden, die keine Urheberrechtsprobleme aufweisen. Natürlich können Sie für Bilder von Websites wie iStockPhoto und ShutterStock bezahlen, aber was ist, wenn Sie Budgetbeschränkungen haben? Und wer hat die Zeit, eigene Fotos zu machen?

Glücklicherweise gibt es großartige Websites, die kostenlose, großartige Bilder mit wenigen Einschränkungen anbieten.

  • Pixabay — Mehr als eine Million kostenlose Bilder, Vektorgrafiken, Illustrationen und Videos.
  • Pexels – Viele Bilder und Videos, die sowohl für den persönlichen als auch für den kommerziellen Gebrauch kostenlos sind.
  • Unsplash — Repository mit kostenlosen Bildern, die von großzügigen Fotografen geschenkt wurden.
  • Gratisographie — Wöchentlich werden kostenlose Bilder für den persönlichen und kommerziellen Gebrauch hinzugefügt.

Bilder optimieren

Die Geschwindigkeit Ihrer Website ist sehr wichtig, aber viele neue Website-Betreiber machen einen kritischen Fehler, der ihre Ladezeiten verlangsamt: ihre Bilder nicht zu optimieren.

Denken Sie darüber nach – die heutigen .jpgs sind größer als je zuvor. Selbst mit dem Handy aufgenommene Fotos können gigantisch sein.

Durch die Optimierung Ihrer Bilder können Sie die Datenmenge, die der Browser eines Benutzers herunterladen muss, um Ihren Blog und Ihr Bild anzuzeigen, so klein wie möglich halten und die Qualität nicht verlieren. Das ist noch wichtiger für mobile Geräte, die die Daten oft über ein langsameres Netzwerk herunterladen.

Als erstes müssen Sie die Größe Ihrer Bilder ändern. Das Herunterladen von hochauflösenden Bildern dauert zu lange und ist für die Anzeige auf einem mobilen Display oder Monitor nicht erforderlich. Normalerweise können Sie die Bildauflösung reduzieren, ohne die Anzeigequalität zu beeinträchtigen. Und Sie brauchen dafür kein Adobe Photoshop. Dafür gibt es einige gute Online-Tools, wie z Web Resizer und Optimizilla.

Das Bild oben in diesem Beitrag? Das kam von Pexel und wurde um 97% geschrumpft, wobei die Anzeigequalität sehr gering war. Boom.

Zu berücksichtigende Plugins

Sobald Sie die Größe Ihrer Bilder geändert haben, gibt es einige Plugins, die Sie möglicherweise verwenden möchten:

  • Adaptive Bilder für WordPress — Passt die Größe und Optimierung von Bildern, die an mobile Geräte geliefert werden, auf transparente und unauffällige Weise an, um die Ladezeiten drastisch zu verkürzen.
  • Faules Laden — Lädt ein Bild nur dann auf der Seite, wenn es für den Benutzer sichtbar wird, anstatt alle Bilder laden zu müssen, um eine Seite anzuzeigen.

Es gibt noch einige andere Plugins Du könntest benutzen. Die Anpassung von Bildern für mobile Geräte und das Lazy Loading von Bildern sind zwei der besten Möglichkeiten, die Bildbereitstellung zu verbessern. Wenn Sie nach einem guten Plugin suchen, überprüfen Sie vier Dinge:

  • Wie beliebt ist das Plugin bezogen auf die Anzahl der Downloads im Vergleich zu Alternativen?
  • Wie ist seine Bewertung im Vergleich zu anderen Plugins?
  • Wie lange ist es her, dass es aktualisiert wurde?
  • Ist es mit der neuesten Version von WordPress kompatibel?

Optimierung von Videos

Sofern Ihr Video nicht Ihr empfohlenes Medium ist, ist es eine gute Idee, Ihr Video auf YouTube oder Vimeo hochzuladen und das Video dann in Ihren Beitrag einzubetten.

Das Einbetten eines YouTube-Videos ist einfach.

  1. Laden Sie das Video auf YouTube hoch.
  2. Kopieren Sie den Einbettungslink.
  3. Hinter dem Einbettungslink in deinem Beitrag.

Wenn Sie die Größe des Videos anpassen möchten, fügen Sie die folgenden Schritte hinzu:

  1. Ändern Sie den Einbettungslink mit dem folgenden Format
  2. Ersetzen Sie „w“ durch die tatsächliche Breite, „y“ durch die tatsächliche Höhe und youtube_url durch die tatsächliche URL.

Zum Beispiel von diesem Einbettungslink:

Ändern Sie ihn auf:

https://www.youtube.com/embed/theYouTubecode

(Außer „[ ]“ statt „< >“ verwenden.)

Aktualisierte Bilder und Videos? Überprüfen!

Steigen Sie jetzt auf blitzschnelles Webhosting um. Wir sorgen dafür, dass Ihre Website schnell, sicher und immer verfügbar ist, damit Ihre Besucher Ihnen vertrauen.

Wählen Sie Ihren Plan

Verwandte Artikel

0 Kommentare
Inline-Feedbacks
Alle Kommentare anzeigen
Nach oben-Taste