Dein unverzichtbarer Leitfaden für empfohlene Bilder in WordPress

Artikel mit Bildern erhalten 94% mehr Aufrufe als Artikel ohne und das erste Bild, das Ihre Zuschauer sehen, ist das vorgestellte Bild.

Das Hinzufügen von relevanten Bildern zu Blog-Posts und -Seiten ist ein wichtiges Element des Bloggens. Erinnern Sie sich daran, wie Sie als Kind immer ein Buch mit vielen Illustrationen in die Hand genommen haben? Ähnlich ist es beim Bloggen – ein bildintensiver Beitrag ist optisch ansprechender als einer mit reinem Text.

In diesem Beitrag erklären wir dir alles, was du über vorgestellte Bilder in WordPress wissen musst – was sie sind, wo du sie verwenden kannst und wie du sie zu deinem maximalen Nutzen nutzt. Wir werden auch die Best Practices zum Hinzufügen und Verwenden von vorgestellten Bildern in WordPress behandeln.

Lassen Sie uns zuerst einige Grundlagen aus dem Weg räumen.

Ein Überblick über ausgewählte Bilder

Sie alle haben bereits vorgestellte Bilder in Blogs gesehen, wissen aber möglicherweise nicht genau, was sie sind. Normalerweise enthält die Blog-Seite einer WordPress-Site Titel von Beiträgen zusammen mit einem kurzen Auszug, dem Namen des Autors und einem Miniaturbild. Dieses Miniaturbild ist das empfohlene Bild des Beitrags, das direkt über dem Text auf der Seite des Beitrags angezeigt wird.

Ein vorgestelltes Bild repräsentiert den Inhalt, die Stimmung oder das Thema eines Beitrags oder einer Seite. Beiträge und Seiten können ein einzelnes Bild enthalten, das viele Themen und Tools verwenden können, um die Präsentation Ihrer Website zu verbessern. – WordPress.com

Auf einer Blog-Seite angezeigte Bilder werden als Miniaturansichten dargestellt und können je nach verwendetem Design unterschiedlich groß sein. Im Allgemeinen werden sie über dem Text oder links davon platziert. Aus diesem Grund werden vorgestellte Bilder auch als Post-Thumbnails bezeichnet.

Die Aufmerksamkeit Ihrer potenziellen Zuschauer zu gewinnen, indem Sie ein auffälliges Feature-Bild verwenden, ist eine großartige Möglichkeit, mehr Traffic auf Ihr Blog zu lenken. Bilder ziehen die Leser an und das vorgestellte Bild, das Sie für Ihren Blog-Beitrag verwenden, wird am meisten gesehen – es wird auf der Blog-Startseite, in Social-Media-Beiträgen und auf der Beitragsseite angezeigt.

Ein Hinweis zur Bedeutung von Feature-Bildern

Ausgewählte Bilder sind wie das Cover eines Buches und wie das alte Sprichwort sagt, beurteile ein Buch niemals nach seinem Cover , die Wahrheit ist, dass es schwer ist, es nicht zu tun. Der beste erste Eindruck wird durch die Verwendung eines vorgestellten Bildes unendlich viel einfacher. Ein Bild sagt mehr als tausend Worte – tausend Worte, die Sie nicht brauchen, um Ihre Leser mit einem Blick zu fesseln.

Im Gegensatz zu den Bildern, die Sie Ihren Beiträgen und Seiten hinzufügen, werden vorgestellte Bilder viel weiter reisen. Von Social-Media-Site-Shares bis hin zu Vorschlägen für neue Beiträge werden Ihre vorgestellten Bilder an allen möglichen Orten veröffentlicht, damit potenzielle Abonnenten darüber stolpern können.

Eine der herausragenden Eigenschaften in Bezug auf die Verwendung von vorgestellten Bildern ist, dass sie Ihrem Blog Struktur und Konsistenz verleiht. Angenommen, Sie schreiben einen Beitrag, der nicht viele Bilder enthält. Sie können sich auf das verwendete Bild verlassen, um sicherzustellen, dass es nicht ohne einen einzigen Aufruf in den Archiven Ihrer Website verloren geht.

Ausgewählte Bilder sind für moderne Blogger zu einer Norm geworden und das Lesen eines Blogbeitrags ohne ein vorgestelltes Bild scheint etwas abwegig zu sein. Im folgenden Abschnitt werden wir direkt in die Best Practices eintauchen, die Profis bei der Auswahl, Anpassung und dem Hinzufügen von vorgestellten Bildern verwenden.

Best Practices für die Verwendung von Featured Images

Ausgewählte Bilder sind ziemlich einfach zu verstehen und Sie haben jetzt wahrscheinlich eine ziemlich gute Vorstellung davon, was sie sind und wo sie verwendet werden. In diesem Abschnitt werden wir einige der Best Practices untersuchen, die Redakteure bei der Verwendung von empfohlenen Bildern anwenden.

Größe

Eines der ersten Dinge, die Sie entscheiden müssen, bevor Sie Ihr erstes vorgestelltes Bild hinzufügen, ist die gewünschte Größe. Die Größe, die Sie für das erste Bild festlegen, bleibt für alle vorgestellten Bilder, die Sie ab diesem Zeitpunkt hinzufügen, gleich. Auf diese Weise wird die Konsistenz Ihres Blogs beibehalten und ein professionelles Aussehen verliehen.

Die Größe, die Sie für Ihr vorgestelltes Bild auswählen, sollte von zwei Faktoren abhängen:

• Das Thema, das Sie ausführen. Wenn Ihr Design in Bezug auf sein Design überfüllt ist, entscheiden Sie sich für ein kleineres Feature-Bild im Vergleich zu einem, das den gesamten Bildschirm einnimmt.

  

• Das Layout Ihrer Beiträge. Die meisten Webmaster passen die Größe ihres vorgestellten Bildes so an, dass es ordentlich über dem Text ihres Beitrags sitzt. Wenn der Text ihres Beitrags 800 Pixel über die Seite umfasst, ist das vorgestellte Bild ebenfalls 800 Pixel breit.

Bildqualität

Ausgewählte Bilder sind normalerweise groß und reichen von 500px bis zur vollen Breite. Vor diesem Hintergrund ist es am besten, ein hochauflösendes Bild zu verwenden, anstatt eines, das leicht verpixelt. Webmaster suchen auf Stock-Image-Sites nach relevanten Bildern oder beauftragen einen internen Designer, um für jeden Beitrag einzigartige Bilder zu erstellen.

Unabhängig davon, für welche Option Sie sich entscheiden, denken Sie daran, das Bild für das Web zu optimieren, bevor Sie es auf Ihre Site hochladen, um Speicherplatz auf Ihrem Server zu sparen. Online-Tools wie Kraken funktionieren hervorragend und wenn Sie ein Plugin installieren möchten, dann ist EWWW Image Optimizer eine beliebte Option.

Relevanz

Ausgewählte Bilder sollen die Essenz des Blogbeitrags einfangen, mit dem sie verbunden sind. Aber wo finden Sie ein relevantes Bild, das zu Ihren Inhalten passt und unseren Best Practices-Kriterien entspricht? Wenn Sie eine Website mit hoher Autorität betreiben, sollte Ihr erster Aktionsplan darin bestehen, einen Designer zu engagieren, der vorgestellte Bilder erstellt. Und wenn Sie sie lieber selbst erstellen möchten, können Ihnen Tools wie Photoshop, GIMP und Illustrator sehr helfen.

Aber diejenigen unter Ihnen, die die Bank für vorgestellte Bilder noch nicht sprengen möchten, können auf kostenlosen Stock-Foto-Websites nach relevanten Bildern suchen. Sehen Sie sich unseren Beitrag über 35 kostenlose Stockfoto-Websites für jede Situation und die 24 besten Websites für kostenlose Vektorbilder für Designer 2016 für Ressourcenseiten an.

Nachdem wir nun einige der Best Practices behandelt haben, die Blogger und Redakteure für vorgestellte Bilder anwenden, werfen wir einen Blick auf einige der beliebtesten Methoden, um vorgestellte Bilder auf der Startseite Ihres Blogs anzuzeigen.

Ausgewählte Bilder Layout-Variationen

Es gibt viele verschiedene Möglichkeiten, um vorgestellte Bilder auf der Homepage Ihres Blogs anzuzeigen, aber es hängt hauptsächlich von den Layouts ab, die das von Ihnen verwendete Thema bietet. Werfen wir einen Blick auf einige verschiedene vorgestellte Bildlayouts für verschiedene Arten von WordPress-Sites.

Ausgewählte Bilder über Auszügen

Das Präsentieren des vorgestellten Bildes über dem Text ist eines der beliebtesten Layouts für Blog-Seiten. Unser ganz eigenes Illdy-Theme zeigt die vorgestellten Bilder ordentlich über dem Beitragstitel und dem Beitragsauszug auf seiner Blog-Homepage an. Dieses Layout eignet sich für alle Arten von WordPress-Websites – Unternehmenswebsites, allgemeine Blogs oder servicebasierte Websites.

Ausgewählte Bilder zur Seite

Manchmal ist ein traditionelles Bild im Seitenlayout genau das, was die Homepage Ihres Blogs braucht. Dies gilt insbesondere, wenn Sie die Beitragsauszüge hervorheben oder zusätzliche Beitragsdetails wie den Namen des Autors, das Datum der Veröffentlichung und die Kategorien hinzufügen möchten, in die er eingeordnet ist. Unser Travelify-Theme ist ein wunderbares Beispiel für dieses vorgestellte Bildlayout.

Ausgewählte Bilder im Zeitschriftenstil

Wenn sich der Inhalt Ihrer Website um Bilder dreht, ist es wahrscheinlich am besten, ein Thema im Pinterest-Stil mit einem bildintensiven Blog-Homepage-Layout im Stil eines Magazins zu verwenden. Unser Pinbin-Theme macht genau das mit unterschiedlich großen vorgestellten Bildern, die als Miniaturansichten von Beiträgen auf der Homepage angezeigt werden.

Es gibt einige Themes, die keine vorgestellten Bilder unterstützen, obwohl die Meta-Box vom WordPress-CMS unterstützt wird. Wenn Sie ein Design betreiben, das keine Unterstützung für vorgestellte Bilder bietet, wird das erste Bild des Blog-Posts jedes Mal verwendet, wenn Sie den Link des Posts auf einer Social-Media-Site oder in RSS-Feeds teilen. Dies kann ein Problem sein, wenn das erste Bild in Ihrem Beitrag im verkleinerten Zustand schwer zu sehen ist, z. B. ein Diagramm.

Um dieses Problem zu beheben, fügen die meisten Webmaster den Dateien des Themes benutzerdefinierten Code hinzu oder entscheiden sich für ein Plugin, um das vorgestellte Bild hinzuzufügen. Standard-Featured-Images und Quick-Featured-Bilder sind beides großartige Optionen zum Hinzufügen von Featured-Bildern.

So fügen Sie ausgewählte Bilder in WordPress hinzu

Inzwischen wissen Sie, was ein Featured Image ist und warum es wichtig ist, Blog-Posts und Ihre WordPress-Website im Allgemeinen zu erstellen. In diesem Abschnitt führen wir Sie durch ein kurzes Tutorial zum Hinzufügen von empfohlenen Bildern in WordPress.

Schritt 1: Fügen Sie einen neuen Beitrag hinzu, indem Sie im WordPress-Dashboard zu Beiträge > Neu hinzufügen navigieren.

Schritt 2: Fügen Sie Ihrem Beitrag einen Titel und einige Inhalte hinzu.

Schritt 3: Scrollen Sie auf dem Bildschirm nach unten, bis Sie in der rechten Seitenleiste eine Metabox mit dem Titel Featured Image sehen .

Schritt 4: Klicken Sie auf den Link mit der Aufschrift Featured Image festlegen . Der Medien-Uploader-Bildschirm wird geöffnet.

Schritt 5: Laden Sie ein neues Bild von Ihrem Laufwerk hoch oder wählen Sie eines aus Ihrer Medienbibliothek aus. Stellen Sie sicher, dass das ausgewählte Bild zugeschnitten und für das Web optimiert ist.

Schritt 6: Fügen Sie den Titel und die Beschreibung des Bildes hinzu.

Schritt 7: Klicken Sie zum Fortfahren auf die blaue Schaltfläche Featured Image einstellen.

Schritt 8: Sobald Sie auf die Schaltfläche klicken, wird das ausgewählte Bild als das vorgestellte Bild festgelegt und die Meta-Box sollte so aussehen.

Das ist alles dazu! Sie haben Ihrem Blogbeitrag erfolgreich ein empfohlenes Bild hinzugefügt. Wenn Sie das gleiche Verfahren befolgen, können Sie Seiten und benutzerdefinierten Beitragstypen problemlos vorgestellte Bilder hinzufügen.

Verpacken

Die vorgestellten Bilder sind fesselnd und eine lustige Funktion zum Herumspielen – ganz zu schweigen davon, dass sie einen großen SEO-Wert haben! Das Hinzufügen von vorgestellten Bildern zu Ihren Blog-Posts ist ein einfacher, unkomplizierter Prozess und lässt sich leicht in die Checkliste vor der Veröffentlichung Ihres Blog-Posts integrieren.

Sehen wir uns kurz die Bereiche an, die wir in diesem Leitfaden behandelt haben:

• Befolgen Sie die Best Practices für vorgestellte Bilder, um das richtige Bild zu finden.
• Wählen Sie ein Layout für die Blog-Startseite aus, das den Besuchern Ihrer Website den besten Wert bietet.
• Wenn Ihr Theme keine vorgestellten Bilder unterstützt, installieren Sie ein Plugin, um die Funktionalität hinzuzufügen.
• Zu guter Letzt fügen Sie mithilfe der oben beschriebenen Schritte ein geeignetes Bild hinzu, um die Aufmerksamkeit Ihrer Leser zu gewinnen.

Konnten Sie Ihren Blogbeiträgen ein vorgestelltes Bild hinzufügen und ein Layout für die Blog-Startseite auswählen? Gab es Probleme bei der Suche nach einem vorgestellten Bild? Wir würden uns freuen, von Ihnen zu hören, also kontaktieren Sie uns, indem Sie unten kommentieren!