So fügen Sie Bilder zu WordPress hinzu

Dieser Beitrag hilft Ihnen zu verstehen, wie Sie Bilder zu WordPress hinzufügen. Ich lasse Sie wissen, wie Sie ein einzelnes Bild direkt zu einer Seite hinzufügen.

Eine WordPress-Galerie kann verwendet werden, um mehrere Bilder anzuzeigen, die in einem anderen Beitrag behandelt werden.

Außerdem erfahren Sie, wie Sie Bilder beschaffen, die Größe ändern und komprimieren.

Springe direkt zu Ein einzelnes Bild zu WordPress hinzufügen

Warum Bilder auf einem WordPress verwenden?

Fügen Sie regelmäßig Bilder hinzu, um das Leseerlebnis angenehmer zu gestalten, was von Suchmaschinen belohnt wird.

Suchmaschinen ranken eine Webseite höher, wenn sie entsprechende Bilder sehen.

Sie wissen, dass Menschen visuell sind und eine Webseite eher wie ein Textdokument ohne Bild aussieht.

Der Leser ist zufriedener mit der Darstellung von Bildern und letztendlich erwartet eine Suchmaschine genau das von einer Webseite – ein Publikum anzusprechen.

So beschaffen Sie Bilder für einen Blog oder eine Website

Betrachten Sie die Form

Wenn Sie sich für ein Bild entscheiden, sollten Sie zunächst die Form berücksichtigen.

• Es muss in den vorgesehenen Raum passen – ist das Querformat, Hochformat oder ein Quadrat?
• Wir möchten nicht, dass der Hauptfokus des Bildes verloren geht, wenn die Größe geändert wird.

Machen Sie einen Screenshot von Stock-Bildern, bevor Sie Geld ausgeben. Sogar mit einem Wasserzeichen darüber können Größe, Form und Farbe vor dem endgültigen Kauf überprüft werden.

Wo finde ich Bilder

Ich verwende eine Reihe von Quellen für Fotos und Grafiken und erstelle selten meine eigenen. Es hängt davon ab, wo das Bild verwendet wird.

Auf meiner Website möchte ich, dass Fotos professionell aussehen, aber mein Blog kann eine entspanntere, freundliche Atmosphäre haben.

Es gibt eine Reihe von Möglichkeiten, um Fotos für eine Website oder einen Blog zu beschaffen, kostenlos oder kostenpflichtig.

Bezahle einen professionellen Fotografen

Ich bin ein Anwalt für professionelle Fotografen. Professionelle Fotos können eine Website scharf aussehen lassen.

Wenn Sie es sich nicht leisten können, Profi zu werden, können Sie einen lokalen Amateurfotografen ausprobieren. Hobbyfotografen sind daran interessiert, ein Portfolio zusammenzustellen, daher kann es oft billiger sein.

Ein Unternehmen kann einen Fotografen für einen Tag oder einen halben Tag bezahlen, um alle Werbeaufnahmen zu machen, die er für ein paar Jahre benötigt, und es lohnt sich wirklich.

Erstellen Sie Produkt-, Portfolio- und Teamfotos an einem Tag.

Räumen Sie den Standort auf, reinigen Sie die Geschäftsfahrzeuge, lassen Sie sich die Haare schneiden und bemühen Sie sich wirklich, gute Aufnahmen innerhalb und außerhalb Ihres Arbeitsplatzes zu machen.

Ich verstehe jedoch, dass ein Fotograf für Start-ups mit einem hohen Produktumsatz teuer werden kann. Das Fotografieren zu Hause kann funktionieren.

Fotografieren Sie selbst

Smartphones haben heutzutage wirklich gute Kameras. Wenn Sie das Auge dafür haben, kann das Fotografieren selbst sehr gut funktionieren und Geld sparen.

Stellen Sie die Kamera auf die höchste Auflösung ein, damit Sie Fotos nach Belieben zuschneiden können.

Nützliche Produkte, die bei der Heimfotografie helfen.

Mit einem Stativ, einem schönen Hintergrund und guter Beleuchtung lassen sich Teamfotos oder -videos aufnehmen. Wenn Sie sie regelmäßig benötigen, kann es sich lohnen, das Geld für einige Geräte auszugeben.

Fotografieren Sie kleine Produkte für Ihre Website mit einem Lichtkasten-Studio-Kit oder den größeren Streulichtern im Foto-Beleuchtungs-Kit.

Natürliche „Heimfotografie“ hilft dabei, Leben, Charakter und Realität in Blogs oder Social-Media-Posts zu bringen, also keine Angst vor natürlichen Umgebungen oder Selfies.

Fragen Sie Freunde oder Geschäftskontakte

Sie könnten einen Service tauschen – bitten Sie Freunde oder Geschäftsfreunde, Fotos bereitzustellen. Bieten Sie an, sie zu zitieren oder einen Link zu ihrer Website bereitzustellen, was für den PageRank sehr wertvoll ist.

Verwenden Sie eine Aktien-Website

Es kann sich als schwierig erweisen, Bilder zu erstellen, die zum Artikel passen, und hier sind Stock-Websites sehr nützlich.

Es gibt eine Fülle von Stock-Websites, die Fotos, Grafiken, Illustrationen, Symbole und Videos zu fast jedem erdenklichen Thema anbieten – eine wirklich nützliche Ressource.

Sie können professionelle Fotos für nur 5 £ für eine lebenslange Lizenz erhalten. Es lohnt sich, wenn Sie ein Geschäft führen.

Ein paar Bilder-Websites, die mir gefallen, sind: istockphoto.com, twenty20.com, shutterstock.com.

Die kostenlose Bild-Stock-Site namens Pexels ist brillant. Laden Sie kostenlose Fotos von Amateurfotografen herunter und laden Sie Ihre eigenen hoch.

Verwenden Sie Google-Bilder, "zur Wiederverwendung gekennzeichnet"

Google bietet ein Suchtool an, mit dem Bilder gefunden werden können, die zur Wiederverwendung gekennzeichnet sind.

1. Gehen Sie entweder direkt zu www.google.com, suchen Sie nach einem Thema und klicken Sie dann auf BILDER.
   Oder gehen Sie direkt zu images.google.com.
2. Klicken Sie oben auf SUCHTOOLS.
3. Klicken Sie auf die Option „Zur Wiederverwendung gekennzeichnet“.

Google zeigt ein Raster von Bildern an, die für die Wiederverwendung, sogar kommerziell, gekennzeichnet sind.

Wachsam sein. Es liegt in Ihrer eigenen Verantwortung, das Copyright jedes Bildes zu überprüfen . Befolgen Sie die Richtlinien – Sie können mit einer hohen Geldstrafe belegt werden, wenn Sie dies nicht tun.

Klicken Sie auf das Bild, um die Webseite zu besuchen. Lesen Sie die Copyright-Anforderungen.

Ein Link zur Seite des Fotografen oder eine Gutschrift kann erforderlich sein.

Warnung bei Verwendung von Google-Bildern

Einige gemeinfreie Bilder können auf kommerziellen Websites wiederverwendet werden, andere nicht.

Wie alles andere werden Fotos und Grafiken von jemandem mit Geschick erstellt. Sie besitzen daher die Rechte, auch wenn dies nicht klar angegeben ist.

Seien Sie vorsichtig, wenn Sie Bilder direkt von Google oder einer anderen Website herunterladen, denn bei Missbrauch werden hohe Geldstrafen verhängt.

Bilder für das Web skalieren und komprimieren

Die Art und Weise, wie ein Bild in der Größe geändert, komprimiert, gespeichert und platziert wird, beeinflusst den Suchmaschinenrang einer Webseite.

Websites mit langsam ladenden Bildern werden von Suchmaschinen bestraft. Besucher werden auch nicht immer auf sie warten wollen.

Ich habe einen Beitrag geschrieben, der genau diesem Thema gewidmet ist – Wie man die Größe eines Bildes für das Web ändert. Der Beitrag spricht über die Größenänderung von Bildern nach Pixeln und deren Komprimierung, um Kilobytes zu reduzieren.

Leider gibt es keine einheitliche Standardgröße, die ich Ihnen hier mitteilen kann.

Alle Websites sind unterschiedlich und es gibt viele Bildschirmgrößen, auf denen ein Bild zu sehen ist – von so klein wie ein Telefon bis hin zu so groß wie ein Fernseher.

Beachten Sie diese Dinge:

• Fotos sollten nie weniger als 450 Pixel breit sein, da sie wahrscheinlich auf einem mobilen Gerät gestapelt werden, 450 füllen einen mobilen Bildschirm und sind etwas mehr als die Hälfte eines mittleren Bildschirms, also gut für eine zweispaltige Anzeige. Dies sind die Standardeinstellungen für die meisten WordPress-Plugins.
• Vollbildvergrößerungen oder „Heldenbilder“, wie sie genannt werden (die sich am oberen Rand einer Website von links nach rechts erstrecken) müssen bis zu 1920 Pixel breit sein, um besonders große Bildschirme unterzubringen. Das ist ziemlich groß und nicht einmal groß genug für größere Fernseher.
• Erwägen Sie die Verwendung von adaptiven Bild-Plugins in WordPress, um angemessene Größen für Geräte anzuzeigen.

Lesen Sie meinen Beitrag – So ändern Sie die Größe eines Bildes für das Web für viel mehr Details.

Bilder für die Google-Suche speichern

Suchmaschinen können sofort erkennen, was ein Bild darstellt, wenn es richtig gespeichert wird. Der Dateiname ist ein wesentlicher Bestandteil der Optimierung für Suchmaschinen.

Speichern Sie das Bild entsprechend dem Thema des Fotos.

Dh Ein Bild als <strawberry-cheese-cake.jpg> zu speichern ist informativer und effektiver als <image07_912.JPG>.

Suchmaschinen werden den Aufwand erkennen.

Die Google-Qualitätsrichtlinien fordern Website-Inhaber auf, nach Möglichkeit "Bilder neben relevantem Text zu platzieren". Stellen Sie sicher, dass alle Bilder, die Sie verwenden, für den Text relevant sind.

Sobald Sie die Größe Ihres Bildes geändert, komprimiert und korrekt gespeichert haben, können Sie es zu WordPress hinzufügen.

Bild zu WordPress hinzufügen

• Melden Sie sich in Ihrem WordPress-Administrationsbereich an und navigieren Sie zum Beitrag oder zur Seite.
• Mit dem Gutenberg-Block-Editor klicken wir auf das + PLUS-Symbol, um einen "Bildblock" hinzuzufügen. Bewegen Sie den Mauszeiger einfach über einen Block, der bereits auf der Seite verwendet wird. Unterhalb des Blocks erscheint das PLUS-Symbol.

• Sobald Sie auf das PLUS-Zeichen klicken, erscheint ein Menü mit Blockoptionen.
• Es gibt einen Abschnitt mit den am häufigsten verwendeten Blöcken, der für regelmäßig verwendete Blöcke praktisch ist. Wenn Sie BILD hier nicht sehen können, verwenden Sie das Suchfeld oben.
• Der neue Bildblock wird unterhalb des angeklickten PLUS-Symbols platziert. Blöcke können einfach mit den AUF/AB-Pfeilen links neben einem ausgewählten Block verschoben werden.
• Klicken Sie auf die Schaltfläche HOCHLADEN, um ein Bild hochzuladen.
• Das Bild wird innerhalb des Blocks angezeigt. Jedes hochgeladene Bild wird auch in der Medienbibliothek angezeigt.

Bildausrichtung in WordPress

Ein Bild kann mithilfe der Symbolleiste innerhalb seines Blocks ausgerichtet werden. Die Symbolleiste wird oben links angezeigt, wenn das Bild ausgewählt ist.

Verwenden Sie das Symbol, das einem Kästchen mit zwei Linien ähnelt, eine darüber, eine darunter.

Klicken Sie einfach auf den Pfeil rechts neben dem Symbol, um Optionen zu finden, mit denen das Bild links, rechts, zentriert, breit oder in voller Breite ausgerichtet wird.

Immer speichern und dann am Frontend prüfen, wie das Bild positioniert ist. Das Bild ist möglicherweise nicht ganz so ausgerichtet, wie Sie es sich vorgestellt haben. Der Backend-Editor erzählt eine andere Geschichte als das Frontend.

Überprüfen Sie es auf einem Desktop-Computer und auf Mobilgeräten, um es auf beiden Bildschirmgrößen korrekt anzuzeigen.

Bilder können auch über die Bildsymbolleiste verlinkt oder ersetzt werden.

WordPress-Spalten für die Bildplatzierung

Wir verwenden Spalten im WordPress-Blockeditor, um ein Bild links oder rechts von einem anderen Block auf einem großen Bildschirm zu platzieren. Stellen Sie sich Zeitungsspalten vor, die nebeneinander angezeigt werden.

So würden wir beispielsweise ein Bild neben einem Absatz platzieren.

Auf einem kleinen Gerät, wie einem Smartphone, werden Spalten übereinander gestapelt. Normalerweise wird die linke Spalte über der rechten Spalte gestapelt.

So erstellen Sie 2 Spalten:

• Klicken Sie auf das PLUS-Symbol, um einen Block zu erstellen.
• Klicken Sie nun auf COLUMNS oder suchen Sie nach COLUMNS.
• Wählen Sie die Option ganz links, zwei Spalten, gleiche Aufteilung.
• Drücken Sie das Pluszeichen in jeder Spalte, um ein Bild wie oben zu einer Spalte hinzuzufügen.
• Drücken Sie das Pluszeichen in der nächsten Spalte, um einen Absatz hinzuzufügen.

Optimieren von Bildern für Suchmaschinen in WordPress

Ich möchte zwei weitere wichtige Attribute hervorheben, die WordPress bietet, um Websitebesitzern zu helfen, Bilder für die Suche zu optimieren.

Alt-Text (Alt-Tag)

Alt-Text steht für Alternativtext, es ist ein Informations-Tag.

Das Alt-Tag wird verwendet, um Menschen zu helfen – Menschen mit „ausgeschalteten Bildern“, Benutzern mit Sehbehinderungen und/oder Benutzern von Bildschirmleseprogrammen.

Das Alt-Tag hilft Google auch, zu verstehen, was das Bild ist.

Verwenden Sie beim Schreiben Schlüsselphrasen.

In WordPress-Blöcken sehen Sie ein Feld für das ALT-Tag, wenn Sie auf den Bildblock klicken. Es befindet sich auf der rechten Seite der Seite unter den Blockeinstellungen.

Bildunterschriften

Die Bereitstellung von Bildunterschriften hilft auch beim Suchmaschinenranking, obwohl ich sie nicht oft verwende, da ich sie unordentlich finde.

Google möchte, dass Sie dem Benutzer eine gute Erfahrung bieten, sobald er die Website besucht.

Um eine Bildunterschrift hinzuzufügen, klicken Sie einfach auf den Bildblock auf der Seite und das Feld UNTERSCHRIFT wird unter dem Bild angezeigt.

Wenn Sie keine Bildunterschrift einfügen, wird hier überhaupt nichts angezeigt.

WordPress-Galerien

Eine WordPress-Galerie bietet die Möglichkeit, mehr als ein Foto in einen Bereich aufzunehmen, alle mit einem ähnlichen Layout.

Eine kurze Anleitung zum Hinzufügen einer WordPress-Galerie:

• Klicken Sie auf das PLUS-Symbol, um einen Block zu erstellen.
• Suchen Sie nach und klicken Sie dann auf GALERIE.
• Auf der Seite oder dem Beitrag wird ein Galerieblock angezeigt.
• Klicken Sie auf die Schaltfläche „Hochladen“, um Bilder vom Computer hochzuladen.
• Verwenden Sie die Schaltfläche "Medienbibliothek", um Bilder einzuschließen, die bereits in der Medienbibliothek gehostet werden.
• Wählen Sie mehrere Bilder aus – sie werden blau hervorgehoben und Sie sehen ein Häkchen.
• Klicken Sie auf den blauen Button, der unten rechts beschriftet ist – ERSTELLEN SIE EINE NEUE GALERIE.
• Fügen Sie der Galerie über die Links auf der linken Seite weiter hinzu.
• Oder FÜGEN SIE GALERIE in die Seite ein, indem Sie die blaue Schaltfläche unten links verwenden.

Sobald die Galerie auf der Seite ist, können die Einstellungen geändert werden – wählen Sie den GALLERY-Block aus und verwenden Sie dann die Blockeinstellungen, die in der Seitenleiste rechts angezeigt werden.

Ich habe einen viel ausführlicheren Beitrag geschrieben, der helfen wird – WordPress-Galerie – hinzuzufügen, zu bearbeiten und zu verbessern.

Schneller Prozess zum Hinzufügen von Bildern zu WordPress

• Finden Sie ein Bild mit angemessenen Proportionen.
• Prüfen Sie, ob es zur Wiederverwendung verfügbar ist, oder kaufen Sie eine Lizenz.
• Passen Sie die Pixelbreite an den Artikel an.
• Verwenden Sie eine Komprimierungssoftware, um die KB zu reduzieren.
• Speichern Sie es gemäß den Google-Anforderungen.
• Fügen Sie es mithilfe von Blöcken zu einem Beitrag, einer Seite oder einer WordPress-Galerie hinzu.
• Optimieren Sie jedes Bild mit ALT-Tags, Titel-Tags und Bildunterschriften.