Machen Sie Ihr WordPress -Bild Pop (Größe & Design Guide)

Sie haben gerade die Arbeit an einem herausragenden Blog -Beitrag beendet. Es ist ansprechend, informativ und für die Suche optimiert. Jeder wird das lesen wollen, oder?

Hier ist jedoch das Problem: Ihre Zielgruppe kann nicht sagen, dass Ihr Artikel bis zu Besuch fantastisch ist, und sie werden nicht besucht, es sei denn, sie haben einen guten Grund zu der Annahme, dass der Beitrag lesenswert ist.

Um die Sackgasse zu brechen, müssen Sie eine Vorschau anbieten – einen Trailer, der die besten Teile des vollständigen Films neckt.

Deshalb braucht jeder Blog -Beitrag ein tolles Bild.

Wenn Sie sich fragen, wie Sie einen erstellen, haben wir Sie mit Ihnen versichert. In diesem Leitfaden zeigen wir Ihnen, wie Sie Ihre vorgestellten Bilder entwerfen, Größe und optimieren, um Ihre Inhalte visuell unwiderstehlich zu gestalten.

Lass uns eintauchen!

Was sind genau vorgestellte Bilder?

Ein vorgestellter Bild ist eine visuelle Darstellung eines bestimmten Beitrags, einer Seite, einer Seite oder eines benutzerdefinierten Beitragstyps. Wenn jemand Ihre Website besucht, werden diese Bilder normalerweise ganz oben auf Posts oder in Ihrem Blog -Feed angezeigt.

Wenn jemand Ihren Beitrag in sozialen Medien teilt, wird das gleiche Bild mit dem Link angezeigt.

In WordPress werden der Ort und die Größe Ihrer vorgestellten Bilder von Ihrem Thema gesteuert. Ausgewählte Bilder werden normalerweise an den folgenden Stellen angezeigt:

• Der oberste Bereich der Pfosten oder Seiten
• Seiten auf Ihrer Website, die zu Blog -Posts wie Ihrer WordPress -Homepage, empfohlenen Beiträgen oder Suchergebnissen verlinken, oder zu Suchergebnissen
• Miniaturansichten für Social -Media -Links

Manchmal können vorgestellte Bilder in Bildgalerien oder Schieberegler enthalten sein. Auf diese Weise können Sie Ihre neuesten Beiträge in einem visuellen Format präsentieren.

Warum sollten Sie immer ein vorgestelltes Bild festlegen

Das Erstellen eines Bildes für jeden Beitrag klingt nach viel Aufwand. Macht es wirklich so viel Unterschied?

Ja, eigentlich. Gut vorgestellte Bilder können:

• Helfen Sie den Benutzern, zu verstehen, worum es bei Ihren Inhalten geht: Das bedeutet, dass sie Ihre Website eher besuchen und Ihre Beiträge lesen.
• Verbessern Sie das Engagement, wenn Ihre Inhalte auf sozialen Plattformen geteilt werden: Dies fügt dem Link eine visuelle Anziehungskraft hinzu und gibt den Benutzern vor dem Besuch eine Vorschau.
• Verwandeln Sie Ihre Blog -Seite in ein wunderschönes, Marken -Mosaik: Halten Sie sich an Ihre Markenfarben und Schriftarten, und diese Post -Thumbnails lassen Ihre Website super professionell aussehen.

In diesem Beispiel von der Publishing -Plattform Beehiiv trägt ihre konsistente Verwendung von Markenfarben, minimalistischen Ikonen und strukturiertem Layout zu einer zusammenhängenden, professionellen visuellen Identität bei.

Mit anderen Worten, dies ist eine Aufgabe, die Sie nicht überspringen sollten.

Die nächste Frage ist, was macht a Gut Ausgewähltes Bild sehen aus wie? Lassen Sie uns jetzt darauf eintauchen.

Die perfekte Größe für ein vorgestelltes Bild ist…

Während jede Website etwas anders ist, funktionieren die meisten Themen am besten mit vorgestellten Bildern, die messen 1200 × 628 px.

Diese Bildgröße eignet sich auch gut für soziale Medien Vorschau.

Trotzdem schlagen die Leute von Jetpack vor leicht Zu den größeren Bildern (1200 × 800px), um den von Facebook, X und anderen Hauptplattformen bereitgestellten Platz zu maximieren.

WordPress wird Ihre vorgestellten Bilder ändern

Führen Sie Ihre Website auf WordPress aus? Standardmäßig wird jedes vorgestellte Bild, das Sie hochladen, in drei Standardversionen geschnitten und gewürzt:

• Miniaturansicht: 150 x 150 px
• Medium: 300 x 300 px
• Groß: 1024 x 1024 px

Wenn Sie die ursprüngliche Größe Ihres vorgestellten Bildes beibehalten möchten, müssen Sie die „vollständige Größe“ auswählen Version. Sie können diese Größenoptionen finden, indem Sie zu Navigieren zu finden Einstellungen > Medien In Ihrem WordPress -Dashboard.

Hier können Sie die Breite und Höhe mit neuen Werten aktualisieren. Sobald Sie Ihre Änderungen gespeichert haben, ändern sich die hochgeladenen Bilder in diesen Abmessungen.

Sie können Ihrem Themencode auch eine benutzerdefinierte Bildgröße hinzufügen.

Bevor Sie dies tun, ist es eine gute Idee, Ihre Website zu sichern und ein Kinderthema zu erstellen. Auf diese Weise können Sie den Code Ihrer Website ändern, ohne das ursprüngliche Thema durcheinander zu bringen.

Das getan? Hier ist der Prozess:

1. Fügen Sie dem folgenden Code zu Ihrem hinzu Funktionen.php Datei:

add_image_size( string $name, int $width, int $height, bool|array $crop = false )

Aktualisieren Sie diese Werte mit Ihren neuen Bildabmessungen. Zum Beispiel:

add_image_size( 'post-thumbnail size', 800, 1500 );

2. Um sicherzustellen, dass Ihr Thema die neuen Bildgrößen verarbeiten kann, müssen Sie die Themenvorlagendatei aktualisieren. Suchen Sie nach dem aktualisieren the_post_thumbnail() Funktion und diese kleine Änderung vornehmen:

if ( has_post_thumbnail() ) {
the_post_thumbnail( 'your-custom-size' );
}

Sobald Sie die Datei gespeichert haben, haben Sie ein neues, benutzerdefiniertes Bild!

Der richtige Weg, um ein vorgestellter Bild in WordPress hinzuzufügen

Sobald Sie mit Ihrer Größe zufrieden sind, können Sie vorgestellte Bilder hinzufügen.

Erstellen Sie zunächst einen neuen Beitrag. Klicken Sie auf die Post Registerkarte der rechten Seitenleiste und dann Ausgewähltes Bild.

Klicken Sie auf SET -Bild.

Dadurch wird ein Popup geöffnet, in dem Sie Ihre Mediendatei hochladen können. Alternativ können Sie ein Bild aus Ihrer Medienbibliothek auswählen.

Wenn Sie die Größe einstellen müssen, finden Sie die Bild bearbeiten Taste. Verwenden Sie die Bearbeitungsoptionen, um das Bild nach Bedarf zu skalieren, zu drehen, zu drehen oder zu drehen.

Glücklich? Schlag SET -Bild. Sie werden jetzt eine Vorschau des Bildes sehen, während Sie den Beitrag erstellen.

Bevor Sie den Beitrag veröffentlichen, können Sie ihn vorschauen, um sicherzustellen, dass das vorgestellte Bild angezeigt wird.

Denken Sie daran, dass Ihr Thema möglicherweise spezifischere Dimensionen erfordert, um korrekt zu funktionieren. Überprüfen Sie die Dokumentation Ihres Themas, wenn Sie auf dem Weg irgendwelche Schluckaufe erleben.

Verwalten Sie Ihre vorgestellten Bilder mit Plugins

Wenn dies alles manuell zu viel Ärger klingt, gibt es WordPress -Plugins, die Bilder für Sie festlegen können.

Zum Beispiel verwendet das automatische Bild das erste Foto in Ihrem Beitrag automatisch als das vorgestellte Bild. Mit dem standlebigen Bild können Sie ein Platzhalterbild auswählen, das angezeigt wird, wenn Sie vergessen, ein vorgezogenes Bild festzulegen.

Best Practices, um Ihre vorgestellten Bilder zum Pop zu machen

Das sind die Grundlagen. Aber Sie fragen sich vielleicht, wie Sie mehr Saft aus Ihren vorgestellten Bildern herausholen können.

Die folgenden Richtlinien sollten Ihnen helfen, ihr volles Potenzial auszuschöpfen!

Wählen Sie immer ein Bild, das den Beitrag verkauft

Die besten Bilder sind selten subtil. Sie erregen Ihre Aufmerksamkeit und führen Sie zum vollständigen Artikel.

Versuchen Sie, ein Bild auszuwählen, das hervorhebt Was Ihr Inhalt hat zu bieten.

Sagen Sie, Sie führen einen Food -Blog. Wenn Sie ein neues Rezept veröffentlichen, kann Ihr vorgestellter Bild ein Foto des fertigen Essens sein.

In diesem Beispiel aus der halben gebackenen Erntesernte von Food Blog zeigt, wie stark, visuell reizende Bilder klar vermitteln können, worum es in dem Beitrag geht und gleichzeitig die Leser ermutigt, einzelne Rezepte zu erkunden.

Eine appetitliche Platte mit farbenfrohen Zutaten zieht die Aufmerksamkeit Ihres Publikums mit größerer Wahrscheinlichkeit als eine generische Kochgrafik auf.

Vermeiden Sie es, urheberrechtlich geschützte Bilder zu verwenden

Wenn Sie im Internet herumlaufen, können Sie auf ein Foto stolpern, das ein perfektes Bild macht.

Bevor Sie sich eine Kopie schnappen und auf Ihre Website hochladen, nehmen Sie sich einen Moment Zeit, um das Urheberrecht zu überprüfen. Es besteht eine faire Chance, dass es jemandem gehört. Wenn Sie dieses Bild ohne Einwilligung verwendet haben, lassen Sie sich für eine Menge rechtlicher Probleme offen.

Die gute Nachricht ist, dass es Millionen von Bildern zur Verwendung einer Creative Commons -Lizenz zur Verfügung gibt. Diese können im Allgemeinen kostenlos auf Ihrer Website heruntergeladen und verwendet werden, es sei denn, Sie verwenden sie für kommerzielle Zwecke.

Um kreative Commons -Bilder zu finden, besuchen Sie Google Image und klicken Sie auf Werkzeuge > Nutzungsrechte > Creative Commons -Lizenzen. Sobald Sie Ihre Suche verfeinert, erhalten Sie eine Fülle von kostenlosen Bildern zur Auswahl.

Sie können nicht finden, was Sie brauchen? Besuchen Sie einige dedizierte kostenlose Aktienplattformen wie Pexels und Unplash. Der Inhalt hier ist auch kostenlos zu bedienen, solange Sie den Ersteller gutschreiben.

💡Pro Tipp: Möchten Sie das Problem des Urheberrechts insgesamt vermeiden? Erstellen Sie Ihre eigenen Bilder. Scrollen Sie nach unten, um unsere Top -Tutorials zum Erstellen visueller Inhalte zu sehen.

Optimieren Sie Ihre vorgestellten Bilder, um die Leistung zu verbessern

Wenn Sie regelmäßig Beiträge veröffentlichen, werden die vorgestellten Bilder in Ihrer Medienbibliothek viel Platz einnehmen. Wenn sie nicht ordnungsgemäß optimiert sind, können sich diese Fotos negativ auf die Leistung Ihrer Website auswirken.

Durch die Optimierung Ihrer Bilder können Sie ihre Dateigrößen reduzieren. Das bedeutet, dass sie weniger Speicherplatz einnehmen und schneller laden – ein wichtiger Faktor für die Erzielung eines soliden Kern -Web -Vitals -Score.

Glücklicherweise ist es relativ einfach, dieses gemeinsame Bildproblem zu lösen. Plugins wie Tinypng können Bilder automatisch komprimieren, während Sie sie hochladen. Außerdem kann dieses Plugin die JPEG-, PNG-, AVIF- und WebP -Bilder in Ihrer Medienbibliothek optimieren.

Regenerieren Sie alte Miniaturansichten nach der Aktualisierung Ihres Themas

Wenn Sie die zuvor erwähnte Methode verwenden, um neue Standardbildgrößen festzulegen, werden Sie möglicherweise auf ein Problem stoßen: Alle Bilder, die Sie zuvor hochgeladen haben, werden in den ursprünglichen Standardgrößen gespeichert.

Es gibt zwei Möglichkeiten, dies zu beheben:

1. Verbringen Sie den Rest Ihres Lebens verbringen Sie jedes Bild in Ihrer Medienbibliothek wiederbelastet
2. Verwenden Sie ein Plugin, um die älteren Bilder zu aktualisieren

Wir stark Empfehlen Sie die zweite Option.

Unser Anlaufpunkt hier ist eine Kraftregenerate von Miniaturansichten. Nachdem Sie das Plugin installiert und aktivieren, gehen Sie zu Werkzeuge > Erzwingen Sie die Miniaturansichten und schlägt das große Blau Regenerieren Sie alle Miniaturansichten Taste.

Dadurch wird alle vorgestellten Bilder automatisch mit der aktuellen Größe aktualisiert.

Optimieren Sie Ihre vorgestellten Bilder für die Suche

Als Website -Eigentümer achten Sie wahrscheinlich bereits auf die Suchmaschinenoptimierung (SEO). Aber wussten Sie, dass Ihr vorgestellter Bild zu Ihren Ranglisten beitragen kann?

Du bist nur n EED, um ein paar Änderungen vorzunehmen, um die Vorteile freizuschalten.

Stellen Sie zunächst sicher, dass Sie Ihren vorgestellten Bildern einen beschreibenden Alt -Text hinzufügen. Dies hilft Suchmaschinen und Bildschirmlesern, herauszufinden, was das Bild darstellt.

Fügen Sie beispielsweise so etwas wie “Orange -Weiß -Katze in einem Kürbisfleck” hinzu.

Um den maximalen SEO -Nutzen zu extrahieren, geben Sie das Schlüsselwort der Post in den ALT -Text auf. Auf diese Weise kann Google verstehen, worum es bei dem Beitrag geht, und es für verwandte Abfragen höher einstufen.

In ähnlicher Weise können Sie diese Ziel -Schlüsselwörter in den Titel, die Bildunterschrift und die Beschreibung für das vorgestellte Bild aufnehmen.

Stellen Sie einige Anstrengungen in soziale Post -Thumbnails ein

In den sozialen Medien werden viele Menschen Ihre Blog -Beiträge entdecken.

Um einen guten ersten Eindruck zu hinterlassen, lohnt es sich, sich die Zeit zu nehmen, Ihre vorgestellten Bilder für diese Plattformen zu optimieren.

Passen Sie Ihre Social -Media -Links einfach mit einem Plugin wie Yoast SEO an. Mit der Premium -Version können Sie Voransichten Ihrer X- und Facebook -Miniaturansichten sehen.

Um loszulegen, installieren Sie und aktivieren Sie die Yoast SEO Plugin.

Sobald es aktiviert ist, wählen Sie die aus Yoast SEO Symbol aus dem Menü Linkshänder und gehen Sie zu Einstellungen.

Klicken Sie dann Standortfunktionen unter “General”.

Dann scrollen Sie nach unten nach unten Soziales Teilen Um sicherzustellen, dass OpenGraph- und X -Kartendaten aktiviert sind.

Gehen zu Yoast SEO > Einstellungen > Standortdarstellung um Ihre Social -Media -Profile hinzuzufügen.

Dann direkt unter “Site -Darstellung” klicken Grundlagen So ein Standard -soziales Bild für Beiträge festlegen, die keine haben.

Von da an können Sie, wenn Sie im Post -Editor sind, auf das Yoast -Symbol in der Seitenleiste klicken, um die Posteinstellungen zu holen.

Öffnen die Sozialer Tab Anpassen der sozialen Vorschau, einschließlich Titel und Meta -Beschreibungen.

Diese Felder steuern, wie Ihr Beitrag bei der Freigabe erscheint. Sie geben Ihnen die volle Kontrolle über die Miniaturansicht, den Ausschnitt und die soziale Vorschau.

Sobald Sie den Beitrag in sozialen Medien veröffentlicht haben, wird ein Bild und ein Snippet vorhanden sein, das genau das vermittelt, worum es in dem Artikel geht.

Erstellen Sie großartige visuelle Inhalte für Ihr Blog

Möchten Sie Ihre eigenen Blog -Postbilder entwerfen und optimieren? Hier sind einige Experten -Tipps von unserem Designteam:

• Wählen Sie ein Farbschemaund bleiben Sie dabei: Konsistenz lässt Ihren Blog poliert aussehen.
• Stellen Sie sicher, dass Ihre Bilder in jeder Größe klar sind: Denken Sie daran, dass Ihr vorgestellter Bild auf mobilen Geräten und als Miniaturansicht auf sozialen Plattformen angezeigt wird.
• Verwenden Sie KI -Tools wie Midjourney: Eine einfache Textaufforderung ist möglicherweise alles, was Sie benötigen, um ein auffälliges Bild zu erzeugen.
• Wählen Sie Ihre Bildformate mit Bedacht aus: Das AVIF -Format bietet das beste Verhältnis der Dateigröße zur Bildqualität, ist jedoch nicht so weit verbreitet wie andere Formate.

Ausgewählte Bilder sind Ihre Geheimwaffe

Ausgewählte Bilder erhalten nicht immer die Aufmerksamkeit, die sie verdienen.

Sicher, das Headerfoto ist nicht der wichtigste Teil Ihres Blog -Beitrags – aber es könnte mehr Menschen anstreben, tatsächlich zu lesen, was unten ist.

Jedes Mal, wenn Sie einen neuen Beitrag veröffentlichen, stellen Sie sicher:

• Setzen Sie ein vorgestelltes Bild.
• Wählen Sie etwas, das Ihren Beitrag verkauft.
• Überprüfen Sie, ob Copyright -Informationen.
• Fügen Sie einen beschreibenden Alt -Titel hinzu.
• Optimieren Sie die Bildgrößen für eine bessere Leistung.
• Laden Sie eine Version für soziale Medien hoch.

Möchten Sie noch mehr aus Ihren Inhalten herausquetschen? Erwägen Sie das Upgrade auf DreamHost Shared Hosting.

Unsere Pläne umfassen unbegrenzten Verkehr und garantierte 100% ige Verfügbarkeit. Das sollte Ihre Besucher glücklich machen!

Pro -Services – Webdesign

DreamHost macht Webdesign einfach

Unsere Designer können eine wunderschöne Website von Grund auf neu erstellen, um perfekt zu Ihrer Marke und Vision passt – alle mit WordPress codiert, damit Sie Ihre Inhalte in Zukunft verwalten können.

Erfahren Sie mehr