{"id":57515,"date":"2022-12-14T10:28:19","date_gmt":"2022-12-14T18:28:19","guid":{"rendered":"https:\/\/dhblog.dream.press\/blog\/?p=57515"},"modified":"2025-01-16T11:31:13","modified_gmt":"2025-01-16T19:31:13","slug":"erstellen-eines-wordpress-featured-images","status":"publish","type":"post","link":"https:\/\/www-dev.dreamhost.com\/blog\/de\/erstellen-eines-wordpress-featured-images\/","title":{"rendered":"Wie man das perfekte WordPress-Beitragsbild erstellt (Gr\u00f6\u00dfen- &#038; Designanleitung)"},"content":{"rendered":"\n<p>Um neue Besucher auf Ihre Website zu ziehen, k\u00f6nnen Sie in Erw\u00e4gung ziehen, regelm\u00e4\u00dfig <a href=\"https:\/\/www.dreamhost.com\/blog\/de\/wie-man-einen-blogbeitrag-schreibt\/\" target=\"_blank\" rel=\"noopener\">Blog-Beitr\u00e4ge<\/a> zu ver\u00f6ffentlichen. Ohne Titelbilder wirken Ihre Beitr\u00e4ge jedoch wahrscheinlich nicht einladend genug, um Klicks zu erhalten.<\/p>\n\n\n\n<p>Zum Gl\u00fcck k\u00f6nnen Sie ganz einfach gut gestaltete hervorgehobene Bilder f\u00fcr Ihre Artikel erstellen. Sobald Sie wissen, wie Sie die richtigen Fotos finden, sie korrekt dimensionieren und f\u00fcr Suchmaschinen optimieren, k\u00f6nnen Sie Ihre <a href=\"https:\/\/www.dreamhost.com\/blog\/de\/leitfaden-zu-wp-beitragen\/\" target=\"_blank\" rel=\"noopener\">WordPress-Beitr\u00e4ge<\/a> sofort beleben.<\/p>\n\n\n\n<p>In diesem Beitrag erkl\u00e4ren wir, was ein hervorgehobenes Bild ist. Anschlie\u00dfend geben wir einige Tipps zur Verwendung. Jetzt starten!<\/p>\n\n\n\n<h2 id=\"h-what-is-a-featured-image\" class=\"wp-block-heading\"><b>Was ist ein hervorgehobenes Bild?<\/b><\/h2>\n\n\n\n<p>In WordPress ist das hervorgehobene Bild die visuelle Darstellung eines bestimmten Beitrags, einer Seite oder eines benutzerdefinierten Beitragstyps. Wenn jemand Ihre Website besucht, erscheinen diese Bilder normalerweise oben in den Beitr\u00e4gen oder in Ihrem Blog-Feed:<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"1999\" height=\"1713\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/12\/blog-post-grid-with-featured-images.jpg\" alt=\"WordPress hervorgehobene Bilder\" class=\"wp-image-38372 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/blog-post-grid-with-featured-images.jpg.webp 1999w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/12\/blog-post-grid-with-featured-images-300x257.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/12\/blog-post-grid-with-featured-images-1024x877.jpg 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/12\/blog-post-grid-with-featured-images-768x658.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/12\/blog-post-grid-with-featured-images-1536x1316.jpg 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/blog-post-grid-with-featured-images-600x514.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/blog-post-grid-with-featured-images-1200x1028.jpg.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/blog-post-grid-with-featured-images-730x626.jpg.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/blog-post-grid-with-featured-images-1460x1251.jpg.webp 1460w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/blog-post-grid-with-featured-images-784x672.jpg.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/blog-post-grid-with-featured-images-1568x1344.jpg.webp 1568w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/blog-post-grid-with-featured-images-877x752.jpg.webp 877w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/blog-post-grid-with-featured-images-1754x1503.jpg.webp 1754w\" data-sizes=\"(max-width: 1999px) 100vw, 1999px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1999px; --smush-placeholder-aspect-ratio: 1999\/1713;\" \/><\/figure><\/div>\n\n\n<p>Im Wesentlichen ist das hervorgehobene Bild das Standardvorschaubild Ihres Beitrags. Wenn jemand den Beitrag in sozialen Medien teilt, erscheint dieses Bild mit dem Link:<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"1908\" height=\"1780\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/12\/twitter-preview-open-graph-images.jpg\" alt=\"Social Media Titelbild\" class=\"wp-image-38384 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/twitter-preview-open-graph-images.jpg.webp 1908w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/12\/twitter-preview-open-graph-images-300x280.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/12\/twitter-preview-open-graph-images-1024x955.jpg 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/12\/twitter-preview-open-graph-images-768x716.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/12\/twitter-preview-open-graph-images-1536x1433.jpg 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/twitter-preview-open-graph-images-600x560.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/twitter-preview-open-graph-images-1200x1119.jpg.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/twitter-preview-open-graph-images-730x681.jpg.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/twitter-preview-open-graph-images-1460x1362.jpg.webp 1460w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/twitter-preview-open-graph-images-784x731.jpg.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/twitter-preview-open-graph-images-1568x1463.jpg.webp 1568w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/twitter-preview-open-graph-images-877x818.jpg.webp 877w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/twitter-preview-open-graph-images-1754x1636.jpg.webp 1754w\" data-sizes=\"(max-width: 1908px) 100vw, 1908px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1908px; --smush-placeholder-aspect-ratio: 1908\/1780;\" \/><\/figure><\/div>\n\n\n<p>In WordPress werden die Einstellungen f\u00fcr das hervorgehobene Bild durch Ihr Thema bestimmt. Dies umfasst den Standort und die Gr\u00f6\u00dfe Ihrer Bilder.<\/p>\n\n\n\n<p>\u00dcblicherweise werden hervorgehobene Bilder an folgenden Stellen angezeigt:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Der obere Bereich von Beitr\u00e4gen oder Seiten<\/li>\n\n\n\n<li>Seiten auf Ihrer Website, die auf Blogbeitr\u00e4ge verlinken, wie <a href=\"https:\/\/www.dreamhost.com\/blog\/de\/leitfaden-zur-wp-startseite\/\" target=\"_blank\" rel=\"noopener\">Ihre WordPress-Startseite<\/a>, empfohlener Beitragsbereich oder Suchergebnisse<\/li>\n\n\n\n<li>Miniaturansichten f\u00fcr Social-Media-Links<\/li>\n\n\n<\/ul>\n\n\n\n<p>Manchmal k\u00f6nnen Titelbilder in <a href=\"https:\/\/www.dreamhost.com\/blog\/monetize-your-wordpress-image-gallery\/\" target=\"_blank\" rel=\"noopener\">Bildergalerien<\/a> oder Slidern enthalten sein. Sie k\u00f6nnen sie auch als Hintergrundbilder sehen.<\/p>\n\n\n\n<h2 id=\"h-the-advantages-of-using-featured-images\" class=\"wp-block-heading\"><b>Die Vorteile der Verwendung von hervorgehobenen Bildern<\/b><\/h2>\n\n\n\n<p>Wenn Sie neu bei WordPress sind, fragen Sie sich vielleicht, warum Sie f\u00fcr jeden Beitrag auf Ihrer Website ein Titelbild ben\u00f6tigen. Diese k\u00f6nnen jedoch der Schl\u00fcssel sein, um bei neuen Besuchern einen guten ersten Eindruck zu hinterlassen.<\/p>\n\n\n\n<p>Nachdem Benutzer auf einen Link zu einem Ihrer Beitr\u00e4ge geklickt haben, sind die hervorgehobenen Bilder oft das Erste, was sie sehen, und dies kann sie ausreichend fesseln, um mit dem Lesen des Artikels fortzufahren:<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"1999\" height=\"1619\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/12\/featured-image-example.jpg\" alt=\"Beitragsbild\" class=\"wp-image-38376 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/featured-image-example.jpg.webp 1999w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/12\/featured-image-example-300x243.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/12\/featured-image-example-1024x829.jpg 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/12\/featured-image-example-768x622.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/12\/featured-image-example-1536x1244.jpg 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/featured-image-example-600x486.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/featured-image-example-1200x972.jpg.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/featured-image-example-730x591.jpg.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/featured-image-example-1460x1182.jpg.webp 1460w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/featured-image-example-784x635.jpg.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/featured-image-example-1568x1270.jpg.webp 1568w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/featured-image-example-877x710.jpg.webp 877w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/featured-image-example-1754x1421.jpg.webp 1754w\" data-sizes=\"(max-width: 1999px) 100vw, 1999px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1999px; --smush-placeholder-aspect-ratio: 1999\/1619;\" \/><\/figure><\/div>\n\n\n<p>Sie werden wahrscheinlich eine Liste Ihrer ver\u00f6ffentlichten Beitr\u00e4ge auf Ihrer Homepage haben. Sie k\u00f6nnen Besucher dazu motivieren, Ihre Inhalte zu lesen, indem Sie gut gestaltete hervorgehobene Bilder einbeziehen.<\/p>\n\n\n\n<p>Au\u00dferdem kann ein Titelbild f\u00fcr jeden Beitrag dazu beitragen, eine visuelle Konsistenz auf Ihrer Website zu etablieren:<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"1999\" height=\"1475\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/12\/blog-all-articles.jpg\" alt=\"Titelbilder der Startseite\" class=\"wp-image-38371 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/blog-all-articles.jpg.webp 1999w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/12\/blog-all-articles-300x221.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/12\/blog-all-articles-1024x756.jpg 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/12\/blog-all-articles-768x567.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/12\/blog-all-articles-1536x1133.jpg 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/blog-all-articles-600x443.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/blog-all-articles-1200x885.jpg.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/blog-all-articles-730x539.jpg.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/blog-all-articles-1460x1077.jpg.webp 1460w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/blog-all-articles-784x578.jpg.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/blog-all-articles-1568x1157.jpg.webp 1568w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/blog-all-articles-877x647.jpg.webp 877w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/blog-all-articles-1754x1294.jpg.webp 1754w\" data-sizes=\"(max-width: 1999px) 100vw, 1999px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1999px; --smush-placeholder-aspect-ratio: 1999\/1475;\" \/><\/figure><\/div>\n\n\n<p>Wenn Sie Ihre Beitr\u00e4ge in sozialen Medien teilen, k\u00f6nnen hervorgehobene Bilder helfen, Ihre Inhalte den Nutzern zu bewerben, die durch ihre Feeds bl\u00e4ttern. Ein gut gestaltetes Bild kann <a href=\"https:\/\/www.dreamhost.com\/blog\/de\/werkzeuge-zur-steigerung-des-sozialen-medienengagements\/\" target=\"_blank\" rel=\"noopener\">die Beteiligung erh\u00f6hen<\/a> und mehr Klicks auf Ihre Website generieren.<\/p>\n\n\n\n<h2 id=\"h-what-is-the-ideal-wordpress-featured-image-size\" class=\"wp-block-heading\"><b>Was ist die ideale Gr\u00f6\u00dfe f\u00fcr das WordPress Featured Image?<\/b><\/h2>\n\n\n\n<p>Wie wir bereits erw\u00e4hnt haben, k\u00f6nnen verschiedene WordPress-Themes unterschiedliche Gr\u00f6\u00dfen f\u00fcr hervorgehobene Bilder haben. Die allgemeine Gr\u00f6\u00dfe betr\u00e4gt jedoch 1200 x 628 Pixel.<\/p>\n\n\n\n<p>Hier ist, wie es mit dem Standard-Twenty Twenty-Two Theme aussehen w\u00fcrde:<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"1999\" height=\"1706\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/12\/large-featured-image-at-top-of-post.jpg\" alt=\"Hervorgehobene Bildgr\u00f6\u00dfe\" class=\"wp-image-38379 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/large-featured-image-at-top-of-post.jpg.webp 1999w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/12\/large-featured-image-at-top-of-post-300x256.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/12\/large-featured-image-at-top-of-post-1024x874.jpg 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/12\/large-featured-image-at-top-of-post-768x655.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/12\/large-featured-image-at-top-of-post-1536x1311.jpg 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/large-featured-image-at-top-of-post-600x512.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/large-featured-image-at-top-of-post-1200x1024.jpg.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/large-featured-image-at-top-of-post-730x623.jpg.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/large-featured-image-at-top-of-post-1460x1246.jpg.webp 1460w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/large-featured-image-at-top-of-post-784x669.jpg.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/large-featured-image-at-top-of-post-1568x1338.jpg.webp 1568w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/large-featured-image-at-top-of-post-877x748.jpg.webp 877w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/large-featured-image-at-top-of-post-1754x1497.jpg.webp 1754w\" data-sizes=\"(max-width: 1999px) 100vw, 1999px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1999px; --smush-placeholder-aspect-ratio: 1999\/1706;\" \/><\/figure><\/div>\n\n\n<p>Diese Gr\u00f6\u00dfe funktioniert effektiv mit vielen WordPress-Themes. Ihre Gr\u00f6\u00dfe f\u00fcr hervorgehobene Bilder kann jedoch je nach pers\u00f6nlicher Vorliebe und dem Layout Ihres Themes variieren.<\/p>\n\n\n\n<p>Es ist wichtig zu beachten, dass WordPress Ihre Bilder auf seine Standardeinstellungen \u00e4ndert. Immer wenn Sie ein Bild hochladen, erstellt es drei verschiedene Versionen:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><b>Miniaturansicht<\/b>: 150 x 150 px<\/li>\n\n\n\n<li><b>Mittel<\/b>: 300 x 300 px<\/li>\n\n\n\n<li><b>Gro\u00df<\/b>: 1024 x 1024 px<\/li>\n\n\n<\/ul>\n\n\n\n<p>Wenn Sie die Originalgr\u00f6\u00dfe des hervorgehobenen Bildes beibehalten m\u00f6chten, wird dies als &#8216;Full Size&#8217; bezeichnet. Um eine dieser Gr\u00f6\u00dfenoptionen zu bearbeiten, k\u00f6nnen Sie zu <i>Einstellungen &gt; Medien<\/i> navigieren:<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"1886\" height=\"1514\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/12\/wordpress-media-settings-thumbnail-size.jpg\" alt=\"WordPress-Medieneinstellungen\" class=\"wp-image-38387 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/wordpress-media-settings-thumbnail-size.jpg.webp 1886w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/12\/wordpress-media-settings-thumbnail-size-300x241.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/12\/wordpress-media-settings-thumbnail-size-1024x822.jpg 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/12\/wordpress-media-settings-thumbnail-size-768x617.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/12\/wordpress-media-settings-thumbnail-size-1536x1233.jpg 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/wordpress-media-settings-thumbnail-size-600x482.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/wordpress-media-settings-thumbnail-size-1200x963.jpg.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/wordpress-media-settings-thumbnail-size-730x586.jpg.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/wordpress-media-settings-thumbnail-size-1460x1172.jpg.webp 1460w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/wordpress-media-settings-thumbnail-size-784x629.jpg.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/wordpress-media-settings-thumbnail-size-1568x1259.jpg.webp 1568w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/wordpress-media-settings-thumbnail-size-877x704.jpg.webp 877w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/wordpress-media-settings-thumbnail-size-1754x1408.jpg.webp 1754w\" data-sizes=\"(max-width: 1886px) 100vw, 1886px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1886px; --smush-placeholder-aspect-ratio: 1886\/1514;\" \/><\/figure><\/div>\n\n\n<p>Hier k\u00f6nnen Sie die Breite und H\u00f6he mit neuen Werten aktualisieren. Sobald Sie Ihre \u00c4nderungen speichern, werden hochgeladene Bilder auf diese Abmessungen ge\u00e4ndert.<\/p>\n\n\n\n<p>Sie k\u00f6nnen auch eine benutzerdefinierte Bildgr\u00f6\u00dfe f\u00fcr hervorgehobene Bilder hinzuf\u00fcgen. Bevor Sie dies tun, ist es eine gute Idee, Ihre <a href=\"https:\/\/www.dreamhost.com\/blog\/de\/tutorial-wie-man-wordpress-sichert\/\" target=\"_blank\" rel=\"noopener\">Website zu sichern<\/a>. Nach diesem Schritt k\u00f6nnen Sie <a href=\"https:\/\/developer.wordpress.org\/reference\/functions\/add_image_size\/\" target=\"_blank\" rel=\"noopener\">den folgenden Code<\/a> zu Ihrer <a href=\"https:\/\/www.dreamhost.com\/blog\/de\/leitfaden-zu-wp-funktionen\/\" target=\"_blank\" rel=\"noopener\"><i>functions.php<\/i> Datei<\/a> hinzuf\u00fcgen:<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">add_image_size( string $name, int $width, int $height, bool|array $crop = false )<\/pre>\n\n\n\n<p>Stellen Sie sicher, dass Sie diese Werte mit Ihren neuen Gr\u00f6\u00dfen f\u00fcr das hervorgehobene Bild aktualisieren. Hier ist ein Beispiel, wie dies aussehen k\u00f6nnte:<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">add_image_size( 'post-thumbnail size', 800, 1500 );<\/pre>\n\n\n\n<p>Als N\u00e4chstes m\u00fcssen Sie die neue Gr\u00f6\u00dfe in Ihrem Theme anzeigen. In Ihrer Theme-Vorlagendatei aktualisieren Sie die Funktion <a href=\"https:\/\/developer.wordpress.org\/reference\/functions\/get_the_post_thumbnail\/\" target=\"_blank\" rel=\"noopener\">the_post_thumbnail()<\/a>:<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">if ( has_post_thumbnail() ) {\nthe_post_thumbnail( 'your-custom-size' );\n}<\/pre>\n\n\n\n<p>Sobald Sie die Datei speichern, haben Sie ein neues benutzerdefiniertes Titelbild!<\/p>\n\n\n\n<div class=\"article-newsletter article-newsletter--gradient\">\n\n\n<h2>Get Content Delivered Straight to Your Inbox<\/h2><p>Subscribe now to receive all the latest updates, delivered directly to your inbox.<\/p><form class=\"nwsl-form\" id=\"newsletter_block_\" novalidate><div class=\"messages\"><\/div><div class=\"form-group\"><label for=\"input_newsletter_block_\"><input type=\"email\"name=\"email\"id=\"input_newsletter_block_\"placeholder=\"Enter your email address\"novalidatedisabled=\"disabled\"\/><\/label><button type=\"submit\"class=\"btn btn--brand\"disabled=\"disabled\"><span>Sign Me Up!<\/span><svg width=\"21\" height=\"14\" viewBox=\"0 0 21 14\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n<path d=\"M13.8523 0.42524L12.9323 1.34521C12.7095 1.56801 12.7132 1.9304 12.9404 2.14865L16.7241 5.7823H0.5625C0.251859 5.7823 0 6.03416 0 6.3448V7.6573C0 7.96794 0.251859 8.2198 0.5625 8.2198H16.7241L12.9405 11.8535C12.7132 12.0717 12.7095 12.4341 12.9323 12.6569L13.8523 13.5769C14.072 13.7965 14.4281 13.7965 14.6478 13.5769L20.8259 7.39879C21.0456 7.17913 21.0456 6.82298 20.8259 6.60327L14.6477 0.42524C14.4281 0.205584 14.0719 0.205584 13.8523 0.42524Z\" fill=\"white\"\/>\n<\/svg>\n<\/button><\/div><\/form><\/div>\n\n\n<h2 id=\"h-how-to-set-a-featured-image-in-wordpress\" class=\"wp-block-heading\"><b>Wie man ein hervorgehobenes Bild in WordPress einstellt<\/b><\/h2>\n\n\n\n<p>Um ein hervorgehobenes Bild festzulegen, \u00f6ffnen Sie Ihr WordPress-Armaturenbrett und erstellen Sie einen neuen Beitrag. Dann suchen Sie in der Seitenleiste rechts nach dem Abschnitt <i>Featured Image<\/i>:<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"1999\" height=\"1104\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/12\/add-featured-image-in-wordpress.jpg\" alt=\"WordPress-Beitragsbild hinzuf\u00fcgen\" class=\"wp-image-38369 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/add-featured-image-in-wordpress.jpg.webp 1999w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/12\/add-featured-image-in-wordpress-300x166.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/12\/add-featured-image-in-wordpress-1024x566.jpg 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/12\/add-featured-image-in-wordpress-768x424.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/12\/add-featured-image-in-wordpress-1536x848.jpg 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/add-featured-image-in-wordpress-600x331.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/add-featured-image-in-wordpress-1200x663.jpg.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/add-featured-image-in-wordpress-730x403.jpg.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/add-featured-image-in-wordpress-1460x806.jpg.webp 1460w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/add-featured-image-in-wordpress-784x433.jpg.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/add-featured-image-in-wordpress-1568x866.jpg.webp 1568w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/add-featured-image-in-wordpress-877x484.jpg.webp 877w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/add-featured-image-in-wordpress-1754x969.jpg.webp 1754w\" data-sizes=\"(max-width: 1999px) 100vw, 1999px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1999px; --smush-placeholder-aspect-ratio: 1999\/1104;\" \/><\/figure><\/div>\n\n\n<p>Hier, klicken Sie auf <i>Set Featured Image<\/i>. Dadurch wird ein Pop-up ge\u00f6ffnet, in dem Sie Ihre Mediendatei hochladen k\u00f6nnen. Alternativ k\u00f6nnen Sie ein Bild aus Ihrer <a href=\"https:\/\/www.dreamhost.com\/blog\/de\/wordpress-medienbibliothek\/\" target=\"_blank\" rel=\"noopener\">Medienbibliothek<\/a> ausw\u00e4hlen:<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"1999\" height=\"1403\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/12\/wordpress-media-library.jpg\" alt=\"Ausgew\u00e4hltes Titelbild ausw\u00e4hlen\" class=\"wp-image-38386 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/wordpress-media-library.jpg.webp 1999w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/12\/wordpress-media-library-300x211.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/12\/wordpress-media-library-1024x719.jpg 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/12\/wordpress-media-library-768x539.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/12\/wordpress-media-library-1536x1078.jpg 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/wordpress-media-library-600x421.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/wordpress-media-library-1200x842.jpg.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/wordpress-media-library-730x512.jpg.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/wordpress-media-library-1460x1025.jpg.webp 1460w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/wordpress-media-library-784x550.jpg.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/wordpress-media-library-1568x1101.jpg.webp 1568w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/wordpress-media-library-877x616.jpg.webp 877w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/wordpress-media-library-1754x1231.jpg.webp 1754w\" data-sizes=\"(max-width: 1999px) 100vw, 1999px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1999px; --smush-placeholder-aspect-ratio: 1999\/1403;\" \/><\/figure><\/div>\n\n\n<p>Wenn Sie die Gr\u00f6\u00dfe anpassen m\u00fcssen, finden Sie die Schaltfl\u00e4che <i>Bild bearbeiten<\/i>. Verwenden Sie dann die verschiedenen Bearbeitungsoptionen, um das Bild nach Bedarf zu skalieren, zuzuschneiden, zu drehen oder zu spiegeln:<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"1999\" height=\"1472\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/12\/edit-image-in-wordpress.jpg\" alt=\"Hervorgehobenes Bild bearbeiten\" class=\"wp-image-38375 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/edit-image-in-wordpress.jpg.webp 1999w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/12\/edit-image-in-wordpress-300x221.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/12\/edit-image-in-wordpress-1024x754.jpg 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/12\/edit-image-in-wordpress-768x566.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/12\/edit-image-in-wordpress-1536x1131.jpg 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/edit-image-in-wordpress-600x442.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/edit-image-in-wordpress-1200x884.jpg.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/edit-image-in-wordpress-730x538.jpg.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/edit-image-in-wordpress-1460x1075.jpg.webp 1460w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/edit-image-in-wordpress-784x577.jpg.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/edit-image-in-wordpress-1568x1155.jpg.webp 1568w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/edit-image-in-wordpress-877x646.jpg.webp 877w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/edit-image-in-wordpress-1754x1292.jpg.webp 1754w\" data-sizes=\"(max-width: 1999px) 100vw, 1999px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1999px; --smush-placeholder-aspect-ratio: 1999\/1472;\" \/><\/figure><\/div>\n\n\n<p>Wenn Sie fertig sind, klicken Sie auf <i>Set featured image<\/i>. Sie sehen nun eine Vorschau des Bildes, w\u00e4hrend Sie den Beitrag erstellen:<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"1999\" height=\"1283\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/12\/replace-wordpress-featured-image.jpg\" alt=\"Neues WordPress Hauptbild\" class=\"wp-image-38382 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/replace-wordpress-featured-image.jpg.webp 1999w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/12\/replace-wordpress-featured-image-300x193.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/12\/replace-wordpress-featured-image-1024x657.jpg 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/12\/replace-wordpress-featured-image-768x493.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/12\/replace-wordpress-featured-image-1536x986.jpg 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/replace-wordpress-featured-image-600x385.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/replace-wordpress-featured-image-1200x770.jpg.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/replace-wordpress-featured-image-730x469.jpg.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/replace-wordpress-featured-image-1460x937.jpg.webp 1460w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/replace-wordpress-featured-image-784x503.jpg.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/replace-wordpress-featured-image-1568x1006.jpg.webp 1568w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/replace-wordpress-featured-image-877x563.jpg.webp 877w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/replace-wordpress-featured-image-1754x1126.jpg.webp 1754w\" data-sizes=\"(max-width: 1999px) 100vw, 1999px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1999px; --smush-placeholder-aspect-ratio: 1999\/1283;\" \/><\/figure><\/div>\n\n\n<p>Bevor Sie den Beitrag ver\u00f6ffentlichen, sollten Sie eine Vorschau durchf\u00fchren, um sicherzustellen, dass das Titelbild angezeigt wird. Denken Sie daran, dass Ihr Theme m\u00f6glicherweise spezifischere Abmessungen ben\u00f6tigt, um korrekt zu funktionieren. Sie k\u00f6nnen auf die Dokumentation Ihres Themes verweisen, wenn Sie w\u00e4hrend dieses Prozesses auf Schwierigkeiten sto\u00dfen.<\/p>\n\n\n\n<p>Zus\u00e4tzlich k\u00f6nnen Sie einige Plugins installieren, um diesen Prozess zu vereinfachen. Zum Beispiel wird <a href=\"https:\/\/wordpress.org\/plugins\/auto-post-thumbnail\/\" target=\"_blank\" rel=\"noopener\">Auto Featured Image<\/a> automatisch das erste Foto in Ihrem Beitrag als hervorgehobenes Bild verwenden. Sie k\u00f6nnen auch <a href=\"https:\/\/wordpress.org\/plugins\/default-featured-image\/\" target=\"_blank\" rel=\"noopener\">Default featured image<\/a> verwenden, um ein Bild auszuw\u00e4hlen, das als hervorgehobenes Bild verwendet wird, falls Sie vergessen, eines zu einem Beitrag hinzuzuf\u00fcgen.<\/p>\n\n\n\n<h2 id=\"h-how-to-create-the-perfect-wordpress-featured-image-6-tips\" class=\"wp-block-heading\"><b>Wie Sie das perfekte WordPress-Featured-Bild erstellen (6 Tipps)<\/b><\/h2>\n\n\n\n<p>Hervorgehobene Bilder k\u00f6nnen Ihre Website in ein ansprechendes, medienreiches Erlebnis verwandeln. Lassen Sie uns einige Best Practices f\u00fcr deren Erstellung besprechen!<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-1-be-relevant-and-consistent\">1. Seien Sie relevant und konsistent<\/h3>\n\n\n\n<p>Wenn sie richtig verwendet werden, k\u00f6nnen hervorgehobene Bilder Ihre Blogbeitr\u00e4ge verbessern und sie f\u00fcr Besucher attraktiver machen, aber es gibt einige Dinge, die Sie beachten m\u00fcssen.<\/p>\n\n\n\n<p>Zuerst sollten Sie vermeiden, zuf\u00e4llige Bilder zu verwenden. Ein hervorgehobenes Bild sollte als Einf\u00fchrung in einen Beitrag dienen, daher muss es relevant f\u00fcr den Inhalt sein.<\/p>\n\n\n\n<p>Zum Beispiel, wenn Sie einen Food-Blog betreiben, ver\u00f6ffentlichen Sie wahrscheinlich Beitr\u00e4ge mit neuen Rezepten. In diesem Fall kann Ihr hervorgehobenes Bild ein Foto des fertigen Gerichts sein:<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"1999\" height=\"1701\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/12\/recipe-websote-featured-image.jpg\" alt=\"Relevantes Titelbild\" class=\"wp-image-38380 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/recipe-websote-featured-image.jpg.webp 1999w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/12\/recipe-websote-featured-image-300x255.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/12\/recipe-websote-featured-image-1024x871.jpg 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/12\/recipe-websote-featured-image-768x654.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/12\/recipe-websote-featured-image-1536x1307.jpg 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/recipe-websote-featured-image-600x511.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/recipe-websote-featured-image-1200x1021.jpg.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/recipe-websote-featured-image-730x621.jpg.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/recipe-websote-featured-image-1460x1242.jpg.webp 1460w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/recipe-websote-featured-image-784x667.jpg.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/recipe-websote-featured-image-1568x1334.jpg.webp 1568w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/recipe-websote-featured-image-877x746.jpg.webp 877w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/recipe-websote-featured-image-1754x1493.jpg.webp 1754w\" data-sizes=\"(max-width: 1999px) 100vw, 1999px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1999px; --smush-placeholder-aspect-ratio: 1999\/1701;\" \/><\/figure><\/div>\n\n\n<p>Es ist auch eine gute Praxis, Ihre hervorgehobenen Bilder auf Ihrer gesamten Website konsistent zu halten. Da diese auf Ihrer Startseite, im Archiv und im Blog angezeigt werden, m\u00f6chten Sie Fotos, die mit Ihrem <a href=\"https:\/\/www.dreamhost.com\/blog\/de\/elemente-des-webdesigns\/\" target=\"_blank\" rel=\"noopener\">Webdesign<\/a> \u00fcbereinstimmen:<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"1999\" height=\"1592\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/12\/gallery-homepage.jpg\" alt=\"Einheitliche Hauptbilder\" class=\"wp-image-38377 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/gallery-homepage.jpg.webp 1999w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/12\/gallery-homepage-300x239.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/12\/gallery-homepage-1024x816.jpg 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/12\/gallery-homepage-768x612.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/12\/gallery-homepage-1536x1223.jpg 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/gallery-homepage-600x478.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/gallery-homepage-1200x956.jpg.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/gallery-homepage-730x581.jpg.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/gallery-homepage-1460x1163.jpg.webp 1460w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/gallery-homepage-784x624.jpg.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/gallery-homepage-1568x1249.jpg.webp 1568w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/gallery-homepage-877x698.jpg.webp 877w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/gallery-homepage-1754x1397.jpg.webp 1754w\" data-sizes=\"(max-width: 1999px) 100vw, 1999px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1999px; --smush-placeholder-aspect-ratio: 1999\/1592;\" \/><\/figure><\/div>\n\n\n<p>Um das richtige hervorgehobene Bild zu finden, ber\u00fccksichtigen Sie Ihr aktuelles WordPress-Theme und Layout. W\u00e4hlen Sie dann ein hochaufl\u00f6sendes Bild, das leicht verkleinert werden kann. Nachdem Sie den Beitrag erstellt haben, stellen Sie sicher, dass Sie eine Vorschau ansehen, um zu bewerten, wie gut das Bild in Ihre Website passt.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-2-avoid-using-copyrighted-images\">2. Vermeiden Sie die Verwendung urheberrechtlich gesch\u00fctzter Bilder<\/h3>\n\n\n\n<p>Beim Durchsuchen von Bildern im Internet sto\u00dfen Sie m\u00f6glicherweise auf ein Foto, das sich hervorragend als Hauptbild eignen w\u00fcrde. Bevor Sie es jedoch auf Ihre WordPress-Site hochladen, m\u00fcssen Sie sicherstellen, dass es nicht urheberrechtlich gesch\u00fctzt ist, um <a href=\"https:\/\/www.dreamhost.com\/blog\/10-legal-questions-online-content-answered\/\" target=\"_blank\" rel=\"noopener\">rechtliche Probleme zu vermeiden<\/a>.<\/p>\n\n\n\n<p>Bei der Beschaffung von Bildern k\u00f6nnen Sie in der Regel alles unter einer <a href=\"https:\/\/creativecommons.org\/licenses\/\" target=\"_blank\" rel=\"noopener\">Creative Commons-Lizenz<\/a> verwenden. Diese k\u00f6nnen kostenlos heruntergeladen und auf Ihrer Website verwendet werden, au\u00dfer wenn sie f\u00fcr kommerzielle Zwecke bestimmt sind.<\/p>\n\n\n\n<p>Um Creative Commons Bilder zu finden, \u00f6ffnen Sie Google Images. Dann klicken Sie auf <i>Tools &gt; Nutzungsrechte &gt; Creative Commons-Lizenzen<\/i>. Sobald Sie Ihre Suche verfeinern, erhalten Sie eine F\u00fclle von kostenlosen Bildern zur Auswahl:<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"1718\" height=\"980\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/12\/google-image-search-license-filter.jpg\" alt=\"Creative Commons Bilder\" class=\"wp-image-38378 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/google-image-search-license-filter.jpg.webp 1718w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/12\/google-image-search-license-filter-300x171.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/12\/google-image-search-license-filter-1024x584.jpg 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/12\/google-image-search-license-filter-768x438.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/12\/google-image-search-license-filter-1536x876.jpg 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/google-image-search-license-filter-600x342.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/google-image-search-license-filter-1200x685.jpg.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/google-image-search-license-filter-730x416.jpg.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/google-image-search-license-filter-1460x833.jpg.webp 1460w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/google-image-search-license-filter-784x447.jpg.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/google-image-search-license-filter-1568x894.jpg.webp 1568w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/google-image-search-license-filter-877x500.jpg.webp 877w\" data-sizes=\"(max-width: 1718px) 100vw, 1718px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1718px; --smush-placeholder-aspect-ratio: 1718\/980;\" \/><\/figure><\/div>\n\n\n<p>Es gibt auch ganze Websites mit diesen Stockbildern. Auf einer Plattform wie <a href=\"https:\/\/unsplash.com\/\" target=\"_blank\" rel=\"noopener\">Unsplash<\/a> k\u00f6nnen Sie hochaufl\u00f6sende Fotos herunterladen, die frei von Urheberrechtsanspr\u00fcchen sind:<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"1999\" height=\"1005\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/12\/unsplash.jpg\" alt=\"Unsplash-Website\" class=\"wp-image-38385 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/unsplash.jpg.webp 1999w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/12\/unsplash-300x151.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/12\/unsplash-1024x515.jpg 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/12\/unsplash-768x386.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/12\/unsplash-1536x772.jpg 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/unsplash-600x302.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/unsplash-1200x603.jpg.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/unsplash-730x367.jpg.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/unsplash-1460x734.jpg.webp 1460w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/unsplash-784x394.jpg.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/unsplash-1568x788.jpg.webp 1568w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/unsplash-877x441.jpg.webp 877w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/unsplash-1754x882.jpg.webp 1754w\" data-sizes=\"(max-width: 1999px) 100vw, 1999px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1999px; --smush-placeholder-aspect-ratio: 1999\/1005;\" \/><\/figure><\/div>\n\n\n<p>Eine weitere Alternative ist, Ihre eigenen hervorgehobenen Bilder zu erstellen. Indem Sie selbst Fotos machen oder Grafiken in <a href=\"https:\/\/www.canva.com\/\" target=\"_blank\" rel=\"noopener\">Canva<\/a> erstellen, k\u00f6nnen Sie sicherstellen, dass Sie Urheberrechtsverletzungen vermeiden. Au\u00dferdem werden diese vollst\u00e4ndig originell sein!<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-3-optimize-featured-images-to-reduce-file-size\">3. Optimieren Sie hervorgehobene Bilder, um die Dateigr\u00f6\u00dfe zu reduzieren<\/h3>\n\n\n\n<p>Wenn Sie regelm\u00e4\u00dfig Beitr\u00e4ge ver\u00f6ffentlichen, werden hervorgehobene Bilder viel Platz in Ihrer Medienbibliothek einnehmen. Wenn diese Fotos nicht ordnungsgem\u00e4\u00df optimiert sind, k\u00f6nnten sie die Leistung Ihrer Website negativ beeinflussen.<\/p>\n\n\n\n<p>Im Wesentlichen beinhaltet das <a href=\"https:\/\/www.dreamhost.com\/blog\/de\/bilder-fur-das-web-optimieren\/\" target=\"_blank\" rel=\"noopener\">Optimieren Ihrer Bilder<\/a> die Reduzierung ihrer Dateigr\u00f6\u00dfen. Durch das Komprimieren Ihrer hervorgehobenen Bilder k\u00f6nnen Sie Ihre Ladezeit minimieren.<\/p>\n\n\n\n<p>Wenn Sie dies nicht tun, k\u00f6nnten Sie am Ende eine schlechte <a href=\"https:\/\/www.dreamhost.com\/blog\/de\/verbessern-sie-die-core-web-vitals\/\" target=\"_blank\" rel=\"noopener\">Core Web Vitals<\/a>-Bewertung erhalten. Bilder k\u00f6nnten zu lange zum Rendern brauchen, und Sie werden Leistungsprobleme in Ihren <a href=\"https:\/\/pagespeed.web.dev\/\" target=\"_blank\" rel=\"noopener\">PageSpeed Insights<\/a>-Berichten feststellen:<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"1999\" height=\"1056\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/12\/core-web-vitals-test.jpg\" alt=\"Gescheiterter Core Web Vitals-Bericht\" class=\"wp-image-38373 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/core-web-vitals-test.jpg.webp 1999w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/12\/core-web-vitals-test-300x158.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/12\/core-web-vitals-test-1024x541.jpg 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/12\/core-web-vitals-test-768x406.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/12\/core-web-vitals-test-1536x811.jpg 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/core-web-vitals-test-600x317.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/core-web-vitals-test-1200x634.jpg.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/core-web-vitals-test-730x386.jpg.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/core-web-vitals-test-1460x771.jpg.webp 1460w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/core-web-vitals-test-784x414.jpg.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/core-web-vitals-test-1568x828.jpg.webp 1568w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/core-web-vitals-test-877x463.jpg.webp 877w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/core-web-vitals-test-1754x927.jpg.webp 1754w\" data-sizes=\"(max-width: 1999px) 100vw, 1999px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1999px; --smush-placeholder-aspect-ratio: 1999\/1056;\" \/><\/figure><\/div>\n\n\n<p><style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }<\/style><\/p>\n\n\n\n<div class=\"embed-container\"><iframe data-src=\"https:\/\/www.youtube.com\/embed\/-UQZp4p_TgQ\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" class=\"lazyload\" data-load-mode=\"1\"><\/iframe><\/div>\n\n\n\n<p>Zum Gl\u00fcck gibt es eine einfache L\u00f6sung f\u00fcr dieses <a href=\"https:\/\/www.dreamhost.com\/blog\/de\/wie-man-haufige-bildprobleme-in-wordpress-behebt\/\" target=\"_blank\" rel=\"noopener\">h\u00e4ufige Bildproblem<\/a>. Ein Plugin wie <a href=\"https:\/\/wordpress.org\/plugins\/tiny-compress-images\/\" target=\"_blank\" rel=\"noopener\">TinyPNG<\/a> kann Bilder beim Hochladen automatisch komprimieren:<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"1866\" height=\"596\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/12\/tinypng-wordpress-pugin.jpg\" alt=\"TinyPNG plugin\" class=\"wp-image-38383 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/tinypng-wordpress-pugin.jpg.webp 1866w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/12\/tinypng-wordpress-pugin-300x96.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/12\/tinypng-wordpress-pugin-1024x327.jpg 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/12\/tinypng-wordpress-pugin-768x245.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/12\/tinypng-wordpress-pugin-1536x491.jpg 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/tinypng-wordpress-pugin-600x192.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/tinypng-wordpress-pugin-1200x383.jpg.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/tinypng-wordpress-pugin-730x233.jpg.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/tinypng-wordpress-pugin-1460x466.jpg.webp 1460w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/tinypng-wordpress-pugin-784x250.jpg.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/tinypng-wordpress-pugin-1568x501.jpg.webp 1568w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/tinypng-wordpress-pugin-877x280.jpg.webp 877w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/tinypng-wordpress-pugin-1754x560.jpg.webp 1754w\" data-sizes=\"(max-width: 1866px) 100vw, 1866px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1866px; --smush-placeholder-aspect-ratio: 1866\/596;\" \/><\/figure><\/div>\n\n\n<p>Au\u00dferdem k\u00f6nnen Sie alle Bilder, die Sie bereits auf Ihre Website hochgeladen haben, komprimieren. TinyPNG erm\u00f6glicht es Ihnen, alle JPEG-, PNG- oder WebP-Bilder in Ihrer Medienbibliothek in gro\u00dfen Mengen zu optimieren.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-4-regenerate-old-thumbnails\">4. Alte Thumbnails neu generieren<\/h3>\n\n\n\n<p>Wenn Sie Bilder zu WordPress hochladen, werden diese entsprechend den Pixelvorgaben in Ihren Einstellungen angepasst. Wenn Sie neue Standardgr\u00f6\u00dfen festlegen, haben Ihre zuvor hochgeladenen Bilder immer noch die veralteten Abmessungen.<\/p>\n\n\n\n<p>Wenn Sie Ihre hervorgehobenen Bilder \u00e4ndern m\u00f6chten, k\u00f6nnen Sie sie manuell neu hochladen. Dies wird jedoch einige Zeit in Anspruch nehmen.<\/p>\n\n\n\n<p>Um dieses Problem zu l\u00f6sen, k\u00f6nnen Sie ein WordPress-Plugin wie <a href=\"https:\/\/wordpress.org\/plugins\/regenerate-thumbnails-advanced\/\" target=\"_blank\" rel=\"noopener\">reGenerate Thumbnails Advanced<\/a> installieren. Dieses Tool kann die Thumbnails f\u00fcr jedes der Bilder in Ihrer Medienbibliothek regenerieren:<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"1860\" height=\"590\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/12\/automatically-regenerate-thumbnails-wordpress-plugin.jpg\" alt=\"Regenerate Thumbnails Advanced Plugin\" class=\"wp-image-38370 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/automatically-regenerate-thumbnails-wordpress-plugin.jpg.webp 1860w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/12\/automatically-regenerate-thumbnails-wordpress-plugin-300x95.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/12\/automatically-regenerate-thumbnails-wordpress-plugin-1024x325.jpg 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/12\/automatically-regenerate-thumbnails-wordpress-plugin-768x244.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/12\/automatically-regenerate-thumbnails-wordpress-plugin-1536x487.jpg 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/automatically-regenerate-thumbnails-wordpress-plugin-600x190.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/automatically-regenerate-thumbnails-wordpress-plugin-1200x381.jpg.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/automatically-regenerate-thumbnails-wordpress-plugin-730x232.jpg.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/automatically-regenerate-thumbnails-wordpress-plugin-1460x463.jpg.webp 1460w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/automatically-regenerate-thumbnails-wordpress-plugin-784x249.jpg.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/automatically-regenerate-thumbnails-wordpress-plugin-1568x497.jpg.webp 1568w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/automatically-regenerate-thumbnails-wordpress-plugin-877x278.jpg.webp 877w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/automatically-regenerate-thumbnails-wordpress-plugin-1754x556.jpg.webp 1754w\" data-sizes=\"(max-width: 1860px) 100vw, 1860px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1860px; --smush-placeholder-aspect-ratio: 1860\/590;\" \/><\/figure><\/div>\n\n\n<p>Nachdem Sie das Plugin installiert und aktiviert haben, gehen Sie zu <i>Tools &gt; Regenerate Thumbnails<\/i>. Unter <i>Regenerate Options<\/i> w\u00e4hlen Sie das K\u00e4stchen neben <i>Regenerate only Featured Images<\/i>:<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"1999\" height=\"1279\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/12\/regenerate-thumbnails-wordpress-plugin-settings.jpg\" alt=\"Vorschaubilder neu generieren\" class=\"wp-image-38381 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/regenerate-thumbnails-wordpress-plugin-settings.jpg.webp 1999w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/12\/regenerate-thumbnails-wordpress-plugin-settings-300x192.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/12\/regenerate-thumbnails-wordpress-plugin-settings-1024x655.jpg 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/12\/regenerate-thumbnails-wordpress-plugin-settings-768x491.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/12\/regenerate-thumbnails-wordpress-plugin-settings-1536x983.jpg 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/regenerate-thumbnails-wordpress-plugin-settings-600x384.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/regenerate-thumbnails-wordpress-plugin-settings-1200x768.jpg.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/regenerate-thumbnails-wordpress-plugin-settings-730x467.jpg.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/regenerate-thumbnails-wordpress-plugin-settings-1460x934.jpg.webp 1460w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/regenerate-thumbnails-wordpress-plugin-settings-784x502.jpg.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/regenerate-thumbnails-wordpress-plugin-settings-1568x1003.jpg.webp 1568w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/regenerate-thumbnails-wordpress-plugin-settings-877x561.jpg.webp 877w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/regenerate-thumbnails-wordpress-plugin-settings-1754x1122.jpg.webp 1754w\" data-sizes=\"(max-width: 1999px) 100vw, 1999px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1999px; --smush-placeholder-aspect-ratio: 1999\/1279;\" \/><\/figure><\/div>\n\n\n<p>Schlie\u00dflich klicken Sie auf <i>Regenerate<\/i>. Dadurch werden alle Ihre hervorgehobenen Bilder automatisch mit der richtigen Gr\u00f6\u00dfe aktualisiert.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-5-optimize-images-for-search-engines\">5. Bilder f\u00fcr Suchmaschinen optimieren<\/h3>\n\n\n\n<p>Als Website-Betreiber wissen Sie wahrscheinlich bereits, wie wichtig die <a href=\"https:\/\/www.dreamhost.com\/blog\/5-no-brainer-seo-tips-total-beginners\/\" target=\"_blank\" rel=\"noopener\">Suchmaschinenoptimierung (SEO)<\/a> ist. Wenn Sie teure <a href=\"https:\/\/www.dreamhost.com\/blog\/de\/ppc-leitfaden\/\" target=\"_blank\" rel=\"noopener\">Werbemethoden<\/a> vermeiden m\u00f6chten, sollten Sie an der Spitze der Suchergebnisse stehen, indem Sie Ihre Inhalte optimieren. Dies kann Ihnen helfen, mehr organischen Traffic zu generieren.<\/p>\n\n\n\n<p>Das Verwenden von hervorgehobenen Bildern kann Ihnen helfen, die SEO Ihrer Website zu verbessern. Indem Sie einfach ein paar Elemente anpassen, k\u00f6nnen Sie Ihre Bilder attraktiver f\u00fcr Suchmaschinen <i>und <\/i>Benutzer machen.<\/p>\n\n\n\n<p>Zuerst sollten Sie sicherstellen, Alt-Text hinzuzuf\u00fcgen. Dieser beschreibt das hervorgehobene Bild f\u00fcr Suchmaschinen und Bildschirmleser. Zum Beispiel k\u00f6nnten Sie schreiben \u201eOrange-wei\u00dfe Katze steht in einem K\u00fcrbisfeld\u201c:<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"1999\" height=\"1821\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/12\/edit-image-alt-text-in-wordpress.jpg\" alt=\"Hervorgehobener Bild-Alt-Text\" class=\"wp-image-38374 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/edit-image-alt-text-in-wordpress.jpg.webp 1999w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/12\/edit-image-alt-text-in-wordpress-300x273.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/12\/edit-image-alt-text-in-wordpress-1024x933.jpg 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/12\/edit-image-alt-text-in-wordpress-768x700.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/12\/edit-image-alt-text-in-wordpress-1536x1399.jpg 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/edit-image-alt-text-in-wordpress-600x547.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/edit-image-alt-text-in-wordpress-1200x1093.jpg.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/edit-image-alt-text-in-wordpress-730x665.jpg.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/edit-image-alt-text-in-wordpress-1460x1330.jpg.webp 1460w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/edit-image-alt-text-in-wordpress-784x714.jpg.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/edit-image-alt-text-in-wordpress-1568x1428.jpg.webp 1568w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/edit-image-alt-text-in-wordpress-877x799.jpg.webp 877w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/edit-image-alt-text-in-wordpress-1754x1598.jpg.webp 1754w\" data-sizes=\"(max-width: 1999px) 100vw, 1999px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1999px; --smush-placeholder-aspect-ratio: 1999\/1821;\" \/><\/figure><\/div>\n\n\n<p>Vergessen Sie nicht, das Schl\u00fcsselwort des Beitrags im Alt-Text zu inkludieren. Auf diese Weise kann Google verstehen, worum es in dem Beitrag geht und ihn f\u00fcr verwandte Anfragen h\u00f6her einstufen. Ebenso k\u00f6nnen Sie diese <a href=\"https:\/\/www.dreamhost.com\/blog\/how-to-do-keyword-research-wordpress-blog\/\" target=\"_blank\" rel=\"noopener\">Ziel-Schl\u00fcsselw\u00f6rter<\/a> im Titel, der Bildunterschrift und der Beschreibung des Hauptbildes einbeziehen.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-6-enhance-social-post-thumbnails\">6. Verbessern Sie Social Post Thumbnails<\/h3>\n\n\n\n<p>Social Media kann die perfekte Plattform sein, um <a href=\"https:\/\/www.dreamhost.com\/blog\/de\/wie-sie-ihren-blog-in-sozialen-medien-bewerben\/\" target=\"_blank\" rel=\"noopener\">Ihre Blog-Beitr\u00e4ge zu bewerben<\/a>. Bevor Sie das Teilen in sozialen Netzwerken f\u00f6rdern, ist es entscheidend, Ihre hervorgehobenen Bilder f\u00fcr diese Plattformen zu optimieren.<\/p>\n\n\n\n<p>Sie k\u00f6nnen Ihre Social-Media-Links problemlos mit einem Plugin wie Yoast SEO anpassen. Zum Beispiel erm\u00f6glicht Ihnen die Premium-Version, Vorschauen Ihrer Twitter- und <a href=\"https:\/\/www.dreamhost.com\/blog\/how-to-fix-facebook-incorrect-thumbnail-wordpress\/\" target=\"_blank\" rel=\"noopener\">Facebook-Miniaturansichten<\/a> zu sehen.<\/p>\n\n\n\n<p>Um anzufangen, installieren und aktivieren Sie Yoast SEO. Anschlie\u00dfend finden Sie <i>Yoast SEO &gt; Social<\/i>. Auf dieser Seite geben Sie die URLs Ihrer verschiedenen Social-Media-Seiten ein:<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"1876\" height=\"1332\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/12\/yoast-seo-settings.jpg\" alt=\"Soziale Medien-Konten hinzuf\u00fcgen\" class=\"wp-image-38389 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/yoast-seo-settings.jpg.webp 1876w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/12\/yoast-seo-settings-300x213.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/12\/yoast-seo-settings-1024x727.jpg 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/12\/yoast-seo-settings-768x545.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/12\/yoast-seo-settings-1536x1091.jpg 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/yoast-seo-settings-600x426.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/yoast-seo-settings-1200x852.jpg.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/yoast-seo-settings-730x518.jpg.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/yoast-seo-settings-1460x1037.jpg.webp 1460w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/yoast-seo-settings-784x557.jpg.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/yoast-seo-settings-1568x1113.jpg.webp 1568w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/yoast-seo-settings-877x623.jpg.webp 877w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/yoast-seo-settings-1754x1245.jpg.webp 1754w\" data-sizes=\"(max-width: 1876px) 100vw, 1876px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1876px; --smush-placeholder-aspect-ratio: 1876\/1332;\" \/><\/figure><\/div>\n\n\n<p>Dann \u00f6ffnen Sie einen neuen Beitrag und scrollen Sie nach unten zu den Yoast SEO-Einstellungen. Im <i>Social<\/i>-Tab k\u00f6nnen Sie auf <i>Bild ausw\u00e4hlen<\/i> klicken, um Ihr Hauptbild hochzuladen.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"1632\" height=\"1814\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/12\/yoast-seo-plugin-add-open-graph-social-images.jpg\" alt=\"Titelbild f\u00fcr soziale Beitr\u00e4ge\" class=\"wp-image-38388 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/yoast-seo-plugin-add-open-graph-social-images.jpg.webp 1632w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/12\/yoast-seo-plugin-add-open-graph-social-images-270x300.jpg 270w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/12\/yoast-seo-plugin-add-open-graph-social-images-921x1024.jpg 921w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/12\/yoast-seo-plugin-add-open-graph-social-images-768x854.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/12\/yoast-seo-plugin-add-open-graph-social-images-1382x1536.jpg 1382w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/yoast-seo-plugin-add-open-graph-social-images-600x667.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/yoast-seo-plugin-add-open-graph-social-images-1200x1334.jpg.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/yoast-seo-plugin-add-open-graph-social-images-730x811.jpg.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/yoast-seo-plugin-add-open-graph-social-images-1460x1623.jpg.webp 1460w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/yoast-seo-plugin-add-open-graph-social-images-784x871.jpg.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/yoast-seo-plugin-add-open-graph-social-images-1568x1743.jpg.webp 1568w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/12\/yoast-seo-plugin-add-open-graph-social-images-877x975.jpg.webp 877w\" data-sizes=\"(max-width: 1632px) 100vw, 1632px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1632px; --smush-placeholder-aspect-ratio: 1632\/1814;\" \/><\/figure><\/div>\n\n\n<p>Sie k\u00f6nnen auch einen Titel und eine Beschreibung f\u00fcr jede soziale Medienplattform hinzuf\u00fcgen. Dies gibt Besuchern einen Vorgeschmack auf Ihren Inhalt. Sobald Sie den Beitrag in sozialen Medien ver\u00f6ffentlichen, wird er ein hervorgehobenes Bild und einen Ausschnitt haben, der genau vermittelt, worum es in dem Artikel geht.<\/p>\n\n\n\n<h2 id=\"h-use-featured-images-effectively\" class=\"wp-block-heading\"><b>Verwenden Sie hervorgehobene Bilder effektiv<\/b><\/h2>\n\n\n\n<p>Ausgew\u00e4hlte Bilder k\u00f6nnen dazu beitragen, dass Ihre Beitr\u00e4ge hervorstechen. Ob die Leute Ihre Inhalte in sozialen Medien oder auf Ihrer Website durchsuchen, sie k\u00f6nnen das hervorgehobene Bild ansehen, um zu sehen, worum es in dem Beitrag geht, bevor sie anfangen, ihn zu lesen.<\/p>\n\n\n\n<p>Um zu \u00fcberpr\u00fcfen, hier ist, wie Sie das perfekte WordPress-Beitragsbild erstellen k\u00f6nnen:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Seien Sie relevant und konsistent.<\/li>\n\n\n\n<li>Finden Sie urheberrechtsfreie Bilder auf Plattformen wie <a href=\"https:\/\/unsplash.com\/\" target=\"_blank\" rel=\"noopener\">Unsplash<\/a>.<\/li>\n\n\n\n<li>Komprimieren Sie Hauptbilder mit <a href=\"https:\/\/wordpress.org\/plugins\/tiny-compress-images\/\" target=\"_blank\" rel=\"noopener\">TinyPNG<\/a>.<\/li>\n\n\n\n<li>Regenerieren Sie alte Thumbnails mit <a href=\"https:\/\/wordpress.org\/plugins\/regenerate-thumbnails-advanced\/\" target=\"_blank\" rel=\"noopener\">reGenerate Thumbnails Advanced<\/a>.<\/li>\n\n\n\n<li>Optimieren Sie Bilder f\u00fcr Suchmaschinen mit auf Schl\u00fcsselw\u00f6rtern fokussiertem Alt-Text.<\/li>\n\n\n\n<li>Verbessern Sie Thumbnails f\u00fcr soziale Beitr\u00e4ge mit den sozialen Einstellungen von <a href=\"https:\/\/wordpress.org\/plugins\/wordpress-seo\/\" target=\"_blank\" rel=\"noopener\">Yoast SEO<\/a>.<\/li>\n\n\n<\/ol>\n\n\n\n<p>Wenn Sie Ihre eigenen hervorgehobenen Bilder erstellen, k\u00f6nnen Sie eine originale Website aufbauen, ohne Urheberrechtsprobleme zu riskieren. Bei DreamHost k\u00f6nnen unsere <a href=\"https:\/\/www.dreamhost.com\/de\/professionelle-dienste\/design\/individuelles-webdesign\/\" target=\"_blank\" rel=\"noopener\">individuellen Webdesign-Dienste<\/a> Ihnen helfen, die richtigen Bilder auf Ihrer Webseite zu verwenden.<\/p>\n\n\n\n\n<div\n\tclass=\"article-cta-shared article-cta-small\"\n>\n    <div class=\"tr-img-wrap-outer jsLoading\"><img decoding=\"async\" class=\"js-img-lazy \" src=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/themes\/blog2018\/assets\/img\/lazy-loading-transparent.webp\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/themes\/blog2018\/assets\/img\/article-small-ad-cta-placeholder.webp 1x, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/themes\/blog2018\/assets\/img\/article-small-ad-cta-placeholder-x2.webp 2x\"  alt=\"Ad background image\" \/><\/div>\n\n\n\n\n  <div class=\"content-btm\">\n    <h2\n      class=\"h2--md\"\n    >\n      DreamHost macht Webdesign einfach\n    <\/h2>\n    <p\n      class=\"p--md\"\n    >\n      Unsere Designer k\u00f6nnen eine atemberaubende Website von GRUND auf erstellen, die perfekt zu Ihrer Marke und Vision passt \u2013 alles programmiert mit WordPress, sodass Sie Ihre Inhalte zuk\u00fcnftig selbst verwalten k\u00f6nnen.\n    <\/p>\n\n            <a\n            href=\"https:\/\/www.dreamhost.com\/de\/professionelle-dienste\/design\/\"\n                        class=\"btn btn--white-outline btn--sm btn--round\"\n                                    target=\"_blank\"\n            rel=\"noopener noreferrer\"\n            >\n                            Mehr erfahren                    <\/a>\n\n  <\/div>\n<\/div>\n\n","protected":false},"excerpt":{"rendered":"<p>Um neue Besucher auf Ihre Website zu ziehen, k\u00f6nnten Sie in Erw\u00e4gung ziehen, regelm\u00e4\u00dfig Blogbeitr\u00e4ge zu ver\u00f6ffentlichen. Allerdings werden Ihre Beitr\u00e4ge ohne hervorgehobene Bilder wahrscheinlich nicht einladend genug aussehen, um Klicks zu erzielen. Gl\u00fccklicherweise k\u00f6nnen Sie ganz einfach gut gestaltete hervorgehobene Bilder f\u00fcr Ihre Artikel erstellen. Sobald Sie wissen, wie Sie die richtigen Fotos finden, diese korrekt dimensionieren und f\u00fcr [\u2026] optimieren.<\/p>\n","protected":false},"author":1058,"featured_media":38366,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_yoast_wpseo_metadesc":"","toc_headlines":"[[\"h-what-is-a-featured-image\",\"Was ist ein hervorgehobenes Bild?\"],[\"h-the-advantages-of-using-featured-images\",\"Die Vorteile der Verwendung von hervorgehobenen Bildern\"],[\"h-what-is-the-ideal-wordpress-featured-image-size\",\"Was ist die ideale Gr\u00f6\u00dfe f\u00fcr das WordPress Featured Image?\"],[\"h-how-to-set-a-featured-image-in-wordpress\",\"Wie man ein hervorgehobenes Bild in WordPress einstellt\"],[\"h-how-to-create-the-perfect-wordpress-featured-image-6-tips\",\"Wie Sie das perfekte WordPress-Featured-Bild erstellen (6 Tipps)\"],[\"h-use-featured-images-effectively\",\"Verwenden Sie hervorgehobene Bilder effektiv\"]]","hide_toc":false,"footnotes":""},"categories":[14513,14495,14511],"tags":[],"class_list":["post-57515","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-entschluesselung-von-wordpress-de","category-tutorials-de","category-wordpress-de"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v26.3 (Yoast SEO v27.4) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Wie man das perfekte WordPress-Beitragsbild erstellt (Gr\u00f6\u00dfen- &amp; Designanleitung) - DreamHost Blog<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www-dev.dreamhost.com\/blog\/de\/erstellen-eines-wordpress-featured-images\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Wie man das perfekte WordPress-Beitragsbild erstellt (Gr\u00f6\u00dfen- &amp; Designanleitung)\" \/>\n<meta property=\"og:description\" content=\"Um neue Besucher auf Ihre Website zu ziehen, k\u00f6nnten Sie in Erw\u00e4gung ziehen, regelm\u00e4\u00dfig Blogbeitr\u00e4ge zu ver\u00f6ffentlichen. Allerdings werden Ihre Beitr\u00e4ge ohne hervorgehobene Bilder wahrscheinlich nicht einladend genug aussehen, um Klicks zu erzielen. Gl\u00fccklicherweise k\u00f6nnen Sie ganz einfach gut gestaltete hervorgehobene Bilder f\u00fcr Ihre Artikel erstellen. Sobald Sie wissen, wie Sie die richtigen Fotos finden, diese korrekt dimensionieren und f\u00fcr [\u2026] optimieren.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www-dev.dreamhost.com\/blog\/de\/erstellen-eines-wordpress-featured-images\/\" \/>\n<meta property=\"og:site_name\" content=\"DreamHost Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/DreamHost\/\" \/>\n<meta property=\"article:published_time\" content=\"2022-12-14T18:28:19+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-01-16T19:31:13+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/12\/WordPress-Featured-Image-Feature.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"900\" \/>\n\t<meta property=\"og:image:height\" content=\"598\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Ian Hernandez\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@dreamhost\" \/>\n<meta name=\"twitter:site\" content=\"@dreamhost\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Ian Hernandez\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"11 minutes\" \/>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Wie man das perfekte WordPress-Beitragsbild erstellt (Gr\u00f6\u00dfen- & Designanleitung) - DreamHost Blog","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www-dev.dreamhost.com\/blog\/de\/erstellen-eines-wordpress-featured-images\/","og_locale":"en_US","og_type":"article","og_title":"Wie man das perfekte WordPress-Beitragsbild erstellt (Gr\u00f6\u00dfen- & Designanleitung)","og_description":"Um neue Besucher auf Ihre Website zu ziehen, k\u00f6nnten Sie in Erw\u00e4gung ziehen, regelm\u00e4\u00dfig Blogbeitr\u00e4ge zu ver\u00f6ffentlichen. Allerdings werden Ihre Beitr\u00e4ge ohne hervorgehobene Bilder wahrscheinlich nicht einladend genug aussehen, um Klicks zu erzielen. Gl\u00fccklicherweise k\u00f6nnen Sie ganz einfach gut gestaltete hervorgehobene Bilder f\u00fcr Ihre Artikel erstellen. Sobald Sie wissen, wie Sie die richtigen Fotos finden, diese korrekt dimensionieren und f\u00fcr [\u2026] optimieren.","og_url":"https:\/\/www-dev.dreamhost.com\/blog\/de\/erstellen-eines-wordpress-featured-images\/","og_site_name":"DreamHost Blog","article_publisher":"https:\/\/www.facebook.com\/DreamHost\/","article_published_time":"2022-12-14T18:28:19+00:00","article_modified_time":"2025-01-16T19:31:13+00:00","og_image":[{"width":900,"height":598,"url":"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/12\/WordPress-Featured-Image-Feature.jpg","type":"image\/jpeg"}],"author":"Ian Hernandez","twitter_card":"summary_large_image","twitter_creator":"@dreamhost","twitter_site":"@dreamhost","twitter_misc":{"Written by":"Ian Hernandez","Est. reading time":"11 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www-dev.dreamhost.com\/blog\/de\/erstellen-eines-wordpress-featured-images\/#article","isPartOf":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/de\/erstellen-eines-wordpress-featured-images\/"},"author":{"name":"Ian Hernandez","@id":"https:\/\/www-dev.dreamhost.com\/blog\/#\/schema\/person\/220faf2464d5ae08e41cf5f3b28fdc96"},"headline":"Wie man das perfekte WordPress-Beitragsbild erstellt (Gr\u00f6\u00dfen- &#038; Designanleitung)","datePublished":"2022-12-14T18:28:19+00:00","dateModified":"2025-01-16T19:31:13+00:00","mainEntityOfPage":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/de\/erstellen-eines-wordpress-featured-images\/"},"wordCount":2125,"publisher":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/#organization"},"image":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/de\/erstellen-eines-wordpress-featured-images\/#primaryimage"},"thumbnailUrl":"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/12\/WordPress-Featured-Image-Feature.jpg","articleSection":["Entschl\u00fcsselung von WordPress","Tutorials","WordPress"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/www-dev.dreamhost.com\/blog\/de\/erstellen-eines-wordpress-featured-images\/","url":"https:\/\/www-dev.dreamhost.com\/blog\/de\/erstellen-eines-wordpress-featured-images\/","name":"Wie man das perfekte WordPress-Beitragsbild erstellt (Gr\u00f6\u00dfen- & Designanleitung) - DreamHost Blog","isPartOf":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/de\/erstellen-eines-wordpress-featured-images\/#primaryimage"},"image":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/de\/erstellen-eines-wordpress-featured-images\/#primaryimage"},"thumbnailUrl":"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/12\/WordPress-Featured-Image-Feature.jpg","datePublished":"2022-12-14T18:28:19+00:00","dateModified":"2025-01-16T19:31:13+00:00","breadcrumb":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/de\/erstellen-eines-wordpress-featured-images\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www-dev.dreamhost.com\/blog\/de\/erstellen-eines-wordpress-featured-images\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www-dev.dreamhost.com\/blog\/de\/erstellen-eines-wordpress-featured-images\/#primaryimage","url":"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/12\/WordPress-Featured-Image-Feature.jpg","contentUrl":"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/12\/WordPress-Featured-Image-Feature.jpg","width":900,"height":598,"caption":"How to Create the Perfect WordPress Featured Image"},{"@type":"BreadcrumbList","@id":"https:\/\/www-dev.dreamhost.com\/blog\/de\/erstellen-eines-wordpress-featured-images\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/dhblog.dream.press\/blog\/"},{"@type":"ListItem","position":2,"name":"Wie man das perfekte WordPress-Beitragsbild erstellt (Gr\u00f6\u00dfen- &#038; Designanleitung)"}]},{"@type":"WebSite","@id":"https:\/\/www-dev.dreamhost.com\/blog\/#website","url":"https:\/\/www-dev.dreamhost.com\/blog\/","name":"DreamHost Blog","description":"","publisher":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www-dev.dreamhost.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www-dev.dreamhost.com\/blog\/#organization","name":"DreamHost","url":"https:\/\/www-dev.dreamhost.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www-dev.dreamhost.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/dhblog.dream.press\/blog\/wp-content\/uploads\/2019\/01\/dh_logo-blue-2.png","contentUrl":"https:\/\/dhblog.dream.press\/blog\/wp-content\/uploads\/2019\/01\/dh_logo-blue-2.png","width":1200,"height":168,"caption":"DreamHost"},"image":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/DreamHost\/","https:\/\/x.com\/dreamhost","https:\/\/www.instagram.com\/dreamhost\/","https:\/\/www.linkedin.com\/company\/dreamhost\/","https:\/\/www.youtube.com\/user\/dreamhostusa"]},{"@type":"Person","@id":"https:\/\/www-dev.dreamhost.com\/blog\/#\/schema\/person\/220faf2464d5ae08e41cf5f3b28fdc96","name":"Ian Hernandez","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/ian-hernandez-dreamhost-150x150.png","url":"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/ian-hernandez-dreamhost-150x150.png","contentUrl":"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/ian-hernandez-dreamhost-150x150.png","caption":"Ian Hernandez"},"description":"Ian is a Product Designer based in Los Angeles, California. He is responsible for driving brand and product design at DreamHost, developing and maintaining our internal design system, and writing frontend code when he can. In his free time, he enjoys walking his dog, learning history, and discovering new music online and irl. Connect with him on LinkedIn: https:\/\/www.linkedin.com\/in\/ianhernandez23\/","url":"https:\/\/www-dev.dreamhost.com\/blog\/author\/ianh\/"}]}},"lang":"de","translations":{"de":57515,"es":38391,"en":38362,"pt":52785,"ru":57518,"pl":57521,"uk":57524,"it":68999,"fr":71575,"nl":71609},"pll_sync_post":[],"_links":{"self":[{"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/posts\/57515","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/users\/1058"}],"replies":[{"embeddable":true,"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/comments?post=57515"}],"version-history":[{"count":4,"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/posts\/57515\/revisions"}],"predecessor-version":[{"id":62816,"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/posts\/57515\/revisions\/62816"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/media\/38366"}],"wp:attachment":[{"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/media?parent=57515"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/categories?post=57515"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/tags?post=57515"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}