Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
WPB Cup
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

Anzeige verwandter Beiträge in WordPress (Schritt für Schritt)

Hinweis der Redaktion: Wir erhalten eine Provision für Partnerlinks auf WPBeginner. Die Provisionen haben keinen Einfluss auf die Meinung oder Bewertung unserer Redakteure. Erfahre mehr über Redaktioneller Prozess.

Möchten Sie verwandte Artikel auf Ihrer WordPress-Website anzeigen?

Durch das Hinzufügen von verwandten Beiträgen in WordPress können Sie Ihren Besuchern helfen, neue Inhalte zu finden, sie bei der Stange zu halten, Ihre Absprungrate zu senken und die Seitenaufrufe zu erhöhen.

In diesem Artikel zeigen wir Ihnen, wie Sie verwandte Beiträge in WordPress anzeigen können.

How to display related posts in WordPress

Warum verwandte Beiträge in WordPress anzeigen?

Wenn Sie eine neue WordPress-Website starten, werden Ihre Leser keine Probleme haben, alle Ihre Inhalte leicht zu finden. Wenn Ihre Website jedoch wächst, nimmt auch die Anzahl der Artikel zu. Das macht es für die Besucher schwierig, Ihre wichtigsten Beiträge zu finden.

Eine einfache Möglichkeit, neue Inhalte auf Ihrer Website zu finden, ist die Anzeige von verwandten Beiträgen. So können Sie Ihre besten Inhalte präsentieren, Ihre Leser auf Ihrer Website halten und die Absprungrate senken.

Je mehr sich Ihre Leser mit Ihren Inhalten beschäftigen, desto wahrscheinlicher ist es, dass Sie Vertrauen aufbauen, was zum Aufbau Ihrer E-Mail-Liste oder zur Steigerung Ihrer Verkaufszahlen beitragen kann.

In diesem Artikel stellen wir Ihnen 2 Methoden vor, wie Sie verwandte Beiträge anzeigen können, so dass Sie die von Ihnen bevorzugte Methode wählen können.

Wir glauben, dass die Anzeige der beliebtesten Beiträge anstelle von verwandten Beiträgen zu mehr Klicks und Nutzerbindung führt. Aus diesem Grund zeigen viele beliebte Verlage jetzt beliebte Beiträge oder Trendbeiträge anstelle von verwandten Beiträgen an.

Der einfachste Weg, beliebte Beiträge in WordPress anzuzeigen, ist die Verwendung von MonsterInsights, dem besten WordPress Analytics Plugin. MonsterInsights macht es sehr einfach, Google Analytics zu nutzen und hilfreiche Berichte in Ihrem WordPress Dashboard zu erhalten.

MonsterInsights hilft Ihnen bei der Einrichtung von Google Analytics in WordPress, ohne dass Sie Code bearbeiten oder einen Entwickler beauftragen müssen. Es bietet erweiterte Tracking-Funktionen, einschließlich Anzeigen-Tracking, eCommerce-Tracking, Link-Click-Tracking und mehr.

Mit MonsterInsights können Sie Ihre besten Blogbeiträge überall auf Ihrer Webseite anzeigen, indem Sie die Funktion Beliebte Beiträge nutzen. Sie können mit der MonsterInsights Lite Version loslegen.

Wenn Sie jedoch das Addon für beliebte Beiträge, erweiterte Tracking-Funktionen, Dashboard-Berichte und weitere Optionen zur Anpassung Ihrer verwandten Beiträge freischalten möchten, können Sie die MonsterInsights Pro-Version verwenden.

Zunächst müssen Sie das MonsterInsights-Plugin installieren und aktivieren. Weitere Details finden Sie in unserer Anleitung zur Installation eines WordPress-Plugins.

Nach der Aktivierung werden Sie von Ihrem WordPress-Administrationsbereich zu Insights weitergeleitet. Klicken Sie einfach auf die Schaltfläche „Assistent starten“, um das Plugin auf Ihrer Website zu konfigurieren.

Launch setup wizard

Danach können Sie in Ihrem WordPress-Dashboard zu Einblicke “ Beliebte Beiträge wechseln. MonsterInsights gibt Ihnen mehrere Optionen, um verwandte Beiträge auf Ihrer Website anzuzeigen.

Sie können die Option „Inline Popular Posts“ wählen, um Artikel innerhalb Ihres Inhalts anzuzeigen, oder das „Popular Posts Widget“ verwenden, um verwandte Beiträge am Ende eines Blogbeitrags oder in der Seitenleiste anzuzeigen. Es gibt auch eine Option zur Anzeige beliebter Produkte für Ihren Online-Shop.

MonsterInsights popular posts

In diesem Tutorial verwenden wir die Option Widget für beliebte Beiträge und zeigen verwandte Beiträge am Ende eines Artikels an.

MonsterInsights bietet vorgefertigte Vorlagen, aus denen Sie für die Anzeige verwandter Beiträge wählen können. Wenn Sie auf die Pro-Version upgraden, können Sie weitere Themen und Designoptionen für die Anzeige Ihrer beliebten Beiträge freischalten.

Außerdem wird im Bereich „Themenvorschau“ eine Vorschau angezeigt, wie Ihre verwandten Beiträge auf der Website aussehen werden.

Theme preview in popular posts

Nachdem Sie ein Thema ausgewählt haben, blättern Sie weiter nach unten, um das Design anzupassen.

Sie können die Farbe und Größe des Titels und des Hintergrunds ändern, das Layout ändern und auswählen, wie viele Beiträge im Widget angezeigt werden sollen.

Customize the design

Als nächstes können Sie zum Abschnitt „Verhalten“ scrollen und das Widget-Styling ändern. Sie können das Standard-Styling verwenden oder benutzerdefinierte CSS hinzufügen, um das Aussehen Ihres Widgets für beliebte Beiträge zu bearbeiten.

Sobald Sie die Gestaltung des Widgets abgeschlossen haben, können Sie wählen, wie Sie bestimmen, welche verwandten Beiträge angezeigt werden sollen. MonsterInsights sortiert beliebte Beiträge basierend auf Kommentaren, der Anzahl der geteilten Beiträge oder zeigt eine benutzerdefinierte Liste von Beiträgen an.

Bei den Kommentaroptionen werden die am häufigsten kommentierten Beiträge der letzten 30 Tage nach dem Zufallsprinzip angezeigt. Alternativ können Sie Ihr SharedCount-Konto verbinden und die Beiträge mit den meisten Shares anzeigen.

Eine weitere Option ist die Auswahl bestimmter Beiträge, die im Widget angezeigt werden sollen, mit der Option Curated. Fügen Sie einfach die Beiträge und Seiten zur Liste hinzu, und das Plugin wird sie nach dem Zufallsprinzip im Widget rotieren lassen.

Choose popular post behavior

Wenn Sie die Pro-Version von MonsterInsights nutzen, erhalten Sie außerdem die Möglichkeit, sich automatisch die Top 5 Beiträge der letzten 30 Tage anzeigen zu lassen, basierend auf dem Traffic Ihrer Website.

Als nächstes haben Sie die Möglichkeit, den Titel des Widgets anzuzeigen, indem Sie die Option „Titel anzeigen“ aktivieren. Klicken Sie einfach auf den Kippschalter, um die Option zu aktivieren, und geben Sie einen Titel ein, der über Ihren verwandten Beiträgen angezeigt wird.

Danach können Sie „Beiträge“ als den Beitragstyp auswählen, der in das Widget aufgenommen werden soll. Es gibt auch eine Option, um bestimmte Beiträge von der Anzeige im Widget für verwandte Beiträge auszuschließen und Beiträge aus bestimmten Kategorien anzuzeigen.

Enable widget title

Jetzt können Sie wählen, wie Sie Ihr Widget für beliebte Beiträge in WordPress einbetten möchten. MonsterInsights bietet verschiedene Optionen, und Sie können die manuelle oder automatische Platzierung wählen.

Wenn Sie „Automatische Platzierung“ wählen, zeigt das Plugin Ihre verwandten Beiträge nach dem letzten Absatz Ihrer Blogbeiträge an.

Embed options

Eine weitere Option ist die manuelle Anzeige des Widgets für verwandte Beiträge in einem beliebigen Beitrag oder auf einer beliebigen Seite mithilfe eines Shortcodes oder eines Blocks für beliebte Beiträge.

Bearbeiten Sie dazu einen bestehenden Beitrag oder fügen Sie einen neuen hinzu. Sobald Sie sich im WordPress-Editor befinden, klicken Sie auf das „+“-Symbol und fügen Sie einen „Popular Posts“-Block an der Stelle ein, an der er in Ihrem Inhalt erscheinen soll.

Select popular posts block

Das Plugin fügt automatisch Ihre beliebtesten Artikel hinzu und zeigt sie als verwandte Beiträge an.

Sie können nun Ihre Website besuchen, um sie in Aktion zu sehen.

Related posts preview

Eine weitere Möglichkeit, verwandte Beiträge in WordPress anzuzeigen, ist die Verwendung des Yet Another Related Post Plugin (YARPP). Es ist eines der beliebtesten Plugins für WordPress und ermöglicht es Ihnen, Ihre Top-Blogbeiträge automatisch anzuzeigen.

YARPP plugin

Mithilfe eines anpassbaren Algorithmus, der Beitragstitel, Inhalt, Tags und Kategorien berücksichtigt, berechnet YARPP eine Punktzahl für jedes Paar von Beiträgen in Ihrem Blog.

Der Nachteil ist, dass YARPP Ihre Website verlangsamen kann, insbesondere wenn Sie viele Inhalte haben. Führen Sie vor und nach der Einrichtung einen Website-Geschwindigkeitstest durch und befolgen Sie die Best Practices für die WordPress-Leistung, damit Ihre Website schnell lädt.

Zunächst müssen Sie das YARP-Plugin auf Ihrer Website installieren und aktivieren. Weitere Details finden Sie in unserer Anleitung zur Installation eines WordPress-Plugins.

Sobald das Plugin aktiviert ist, können Sie in Ihrem WordPress-Dashboard zu Einstellungen “ YARPP gehen und die Plugin-Einstellungen konfigurieren.

Change YARPP settings

Unter dem Abschnitt „Der Pool“ können Sie auswählen, welche Beitragstypen in verwandte Beiträge aufgenommen werden sollen. Dazu gehören Beiträge, Seiten, Medien und Produkte.

Darüber hinaus gibt es Optionen, um Inhalte aus Kategorien und Tags zu verbieten, den Zeitraum für die Ermittlung verwandter Beiträge zu wählen und vieles mehr.

Danach blättern Sie einfach nach unten und bearbeiten die Algorithmuseinstellungen.

Change algorithm settings

Sie können festlegen, wie streng der Algorithmus bei der Auswahl von verwandten Beiträgen sein soll, indem Sie die Anzahl der „Übereinstimmungsschwellen“ ändern. Wenn Sie möchten, dass der Algorithmus streng ist, erhöhen Sie den Schwellenwert für die Übereinstimmung.

Standardmäßig ist der Schwellenwert für die Übereinstimmung auf 1 gesetzt, was bedeutet, dass der Algorithmus bei der Suche nach verwandten Beiträgen weniger streng ist. Wir empfehlen, zu Beginn die Standardeinstellungen zu verwenden und die Einstellungen dann anzupassen, wenn Ihre Website wächst.

Es gibt auch Einstellungen für den Abgleich von Titeln, Inhalten, Kategorien, Tags und mehr, um verwandte Beiträge zu finden.

Nun können Sie nach unten scrollen und die Anzeigeoptionen für Ihre verwandten Beiträge im Abschnitt „Automatische Anzeigeoptionen“ auswählen. Das Plugin bietet 3 Optionen, darunter Liste, Miniaturansichten oder das Hinzufügen eines benutzerdefinierten Themas.

Automatic display options

Sie können auch die maximale Anzahl von Beiträgen auswählen, die in den Abschnitt für verwandte Beiträge aufgenommen werden sollen, und festlegen, wo verwandte Inhalte automatisch angezeigt werden sollen.

Nachdem Sie Ihre Anzeigeeinstellungen angepasst haben, können Sie nach unten scrollen, um eine Vorschau der Anzeige Ihrer verwandten Beiträge zu sehen.

Preview related posts

Als letztes können Sie nun nach unten scrollen und die Optionen RSS-Feeds und REST API aktivieren.

Sobald Sie die Änderungen vorgenommen haben, klicken Sie einfach auf die Schaltfläche „Änderungen speichern“.

Save changes to your related posts

Sie können nun Ihre Website besuchen und die verwandten Beiträge in Aktion sehen.

Wir empfehlen zwar nicht, verwandte Beiträge manuell hinzuzufügen, aber Sie können es natürlich tun. Einige Plugins können Ihre Website aufblähen und ihre Leistung verlangsamen.

Durch das Hinzufügen des benutzerdefinierten Codes in WordPress haben Sie außerdem die vollständige Kontrolle über den Inhalt und das Aussehen des Abschnitts „Verwandte Beiträge“.

Um loszulegen, brauchen Sie nur das WPCode-Plugin. WPCode ist das beste Code-Snippets-Plugin, das von über 2 Millionen WordPress-Websites verwendet wird. Es erleichtert das Hinzufügen von Code-Snippets in WordPress, ohne dass Sie die Datei functions.php Ihres Themes bearbeiten müssen.

Wir empfehlen WPCode, weil Sie Ihre Website schon durch den kleinsten Fehler bei der Bearbeitung Ihres WordPress-Themes zerstören können.

wpcode-snippets-plugin-site

Zunächst müssen Sie das WPCode-Plugin installieren und aktivieren. Eine Anleitung dazu finden Sie in unserem Tutorial zur Installation eines WordPress-Plugins.

Nach der Aktivierung gehen Sie zu Code Snippets “ + Snippet hinzufügen. Fahren Sie dort mit dem Mauszeiger über „Add Your Custom Code“ und klicken Sie auf „Use Snippet“.

Add your custom code

Fügen Sie nun den folgenden Codeschnipsel hinzu.

<div class=”related-posts-after-content”>
<h3>You Might Also Like</h3>
<?php
$orig_post = $post;
global $post;
$tags = wp_get_post_tags($post->ID);
if ($tags) {
$tag_ids = array();
foreach($tags as $individual_tag) $tag_ids[] = $individual_tag->term_id;
$args=array(
‘tag__in’ => $tag_ids,
‘post__not_in’ => array($post->ID),
‘posts_per_page’=>4, // Number of related posts to display.
‘caller_get_posts’=>1
);
$my_query = new wp_query( $args );
while( $my_query->have_posts() ) {
$my_query->the_post();
?>
<div class=”related-thumb”>
<a rel=”external” href=”<? the_permalink()?>”><?php the_post_thumbnail(array(150,100)); ?><br />
<?php the_title(); ?>
</a>
</div>
<?php }
}
$post = $orig_post;
wp_reset_query();
?>
</div>

Fügen Sie ihn in den Code ein, und wählen Sie neben Codetyp die Option „PHP Snippet“.

Sie können dem benutzerdefinierten Snippet einen Namen geben, so dass Sie diesen Code jederzeit leicht bearbeiten oder deaktivieren können.

Related posts snippet

Als nächstes können Sie auf der Seite nach unten blättern. Wählen Sie dann neben „Position“ die Option „Nach Inhalt einfügen“.

Dadurch wird das Snippet des verwandten Beitrags am Ende des Beitragsinhalts eingefügt.

Insert after content

Scrollen Sie dann wieder nach oben, bis zum oberen rechten Rand der Seite.

Schalten Sie die Schaltfläche auf „Aktiv“ und klicken Sie auf „Snippet speichern“.

Save snippet

Jetzt haben Sie erfolgreich einen Code hinzugefügt, um verwandte Beiträge am Ende Ihres Inhalts hinzuzufügen.

Überprüfen Sie Ihre Blogbeiträge, um zu sehen, ob sie funktionieren.

Related Posts after content

Sie können auch unsere Tutorials durchgehen, wie man verwandte Beiträge mit Thumbnails in WordPress anzeigt und wie man die letzten Beiträge in WordPress anzeigt.

Wir hoffen, dass dieser Artikel Ihnen geholfen hat zu lernen, wie man verwandte Beiträge in WordPress anzeigt. Vielleicht möchten Sie auch unseren Leitfaden zur Auswahl der besten Blogging-Plattform und der besten WordPress-Plugins und -Tools lesen.

Wenn Ihnen dieser Artikel gefallen hat, dann abonnieren Sie bitte unseren YouTube-Kanal für WordPress-Videotutorials. Sie können uns auch auf Twitter und Facebook finden.

Offenlegung: Unsere Inhalte werden von unseren Lesern unterstützt. Das bedeutet, dass wir möglicherweise eine Provision verdienen, wenn Sie auf einige unserer Links klicken. Mehr dazu erfahren Sie unter Wie WPBeginner finanziert wird , warum das wichtig ist und wie Sie uns unterstützen können. Hier finden Sie unseren redaktionellen Prozess .

Das ultimative WordPress Toolkit

Erhalte KOSTENLOSEN Zugang zu unserem Toolkit - eine Sammlung von WordPress-bezogenen Produkten und Ressourcen, die jeder Profi haben sollte!

Reader Interactions

73 KommentareEine Antwort hinterlassen

  1. Syed Balkhi says

    Hey WPBeginner readers,
    Did you know you can win exciting prizes by commenting on WPBeginner?
    Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
    You can get more details about the contest from here.
    Start sharing your thoughts below to stand a chance to win!

  2. Jiří Vaněk says

    Thanks for the snippet. I don’t like to use external plugins for everything. I tried to create a similar snippet using a chatbot and it finally worked, but it wasn’t the same. And besides, it was quite a painful journey before it all started to at least basically work. I will replace the snippet :)

  3. Kanzool Khaliq says

    Hi,
    I need some help.
    I used the method of displaying related posts using MonsterInsights. However, after selecting the necessary options, the text of the related posts is not displaying. Only a black bar(s) is being displayed without any post text.

  4. Marcel says

    Very nice article but how can this be done with custom taxonomies? And can I add featured images of the related posts?

  5. Mohammed Khaled says

    Hey,
    Thank you for this useful post,
    but i need to know What is the -ID- in line below return to…
    $tags = wp_get_post_tags($post->ID);

    • Scortt says

      Mohammed, $post is a variable that is holding a WordPress object. The object contains many things, one of which is the id number of the post.

  6. Judy Hicks says

    I have set my posts to display recent posts from the post category. When I have a post with more than one category, I get 2 instances of recent posts. Is there a way to tell the plugin to limit to the first category instance? thanks!

  7. Aamir says

    Is there any way to show the related post in between the blog post, I mean somewhere middle of the post, as per choice.

  8. Mike G says

    What plugin allows to display related post/pages on pages by „manually“ selecting the pages that are related? Thank you

  9. Mike says

    Hi, thanks for your awesome website!

    I have a question and would be grateful if your answer it; I have problem with both ways in this post regarding displaying relatedpost in my blog, if I add the related posts to the end of each post manually, then is that ok in terms of seo (or anything else)?

    Kind regards,
    Mike

  10. Sumit Kumar Gogawat says

    Great Post!

    I want to know how to add Related post right after first paragraph or middle in post in wordpress. can you please update me.

  11. Ben Chung says

    Thanks for the great tip.
    One thing I noticed is that I got an error when running it:
    „WP_Query was called with an argument that is deprecated since version 3.1! „caller_get_posts“ is deprecated. Use „ignore_sticky_posts“ instead. “

    So replacing:

    ‚caller_get_posts‘ => 1

    with:

    ‚caller_get_posts‘ => 1

    fixed the problem.
    Thanks.

  12. Sam says

    Appreciate the tutorial! Very simple to implement.

    One question, does this only match articles by matching their first tag?

    Thanks

    • Chris Arter says

      This code can be put in your functions file depending on what location of the page you’d like. for instance..

      add_action(‚genesis_after_entry_content‘,’myRelatedPosts‘);

      if (is_singluar(‚post‘)) {

      // your related posts code here

      }

      The best place to put this is in your own plugin. Try not to edit your Functions file..

  13. Jornes says

    Hi! I did apply this code to my website sidebar. But, i am wondering why it doesn’t work after i have implemented a php code that calls this function to work when the page is single.php. Do you know what is going wrong?

  14. Clay Teller says

    Thanks for this useful bit of code! I think ordering the results randomly can be helpful for some sites to keep the related posts „fresh“. Can be done by adding ‚orderby’=>’rand‘ argument like so:

    $args=array(
    ‚tag__in‘ => array($first_tag),
    ‚post__not_in‘ => array($post->ID),
    ‚posts_per_page’=>5,
    ‚caller_get_posts’=>1,
    ‚orderby’=>’rand‘
    );

  15. Russ Edwards says

    Works great, but how would I split the results. I want to put an ad in between, so it would be, for example, 5 related posts -then ad- next five related posts, etc. i know there should be an „offset“ somewhere in the second query, just not sure how or where it insert. help?

  16. Tom Nguyen says

    Thanks for posting both ways of doing this. I prefer not to use another plugin. I’m going to try on my website since I have more than 20 blog posts.

  17. Sid says

    I’m using Genesis and you know, there’s no separate single.php file. So, where should I paste this? In functions file? Also, is there something to edit at stylesheet?

  18. Danny says

    Whoop! Whoop! Thanks so much for this code, I have been search for about a week, and this works just great once you style it.

    Thanks alot!

  19. Rodrigo Ghedin says

    I’m using and enjoying the manual solution. But I miss a conditional trigger for situations when there aren’t related posts. Right now it returns nothing. How could I fill that space with a „there’s no related posts“ when… well, when there’s no related posts?

    Thanks!

  20. Vincentb says

    Can you please add some more detail to your explanation? What do you mean by ‚tag version“? What file do I add the code above to (page.php?) and what do I change in that code to make it do what I described above?

    Thanks.

    Serg, your plugin only works on Posts, is there a way to make it work on Pages too?

  21. sara says

    I’m looking for something similar to this but based on categories. I would like to only display related articles from the current category.

    I have searched for a solution but can’t seem to find anything, any idea’s?

    Thanks

    • Taylor says

      Thank you for linking to this! I was looking for a way to show related posts based on all tags and not just the first one.

      Thanks!

  22. Vincent says

    (revised comment)
    I’ve been looking for a way of adding POSTS related to specific tags on the bottom of PAGES I have created. EG: POSTS that are related to the pyramid of Teti…
    http://www.talkingpyramids.com/tag/teti/

    …on the bottom of the Pyramid of Teti PAGE:
    http://www.talkingpyramids.com/saqqara/pyramid-of-teti/

    At the moment I’ve just added the tags at the bottom of the PAGE but would be much better to have exerpts of the related POSTS added.

    Is there a way I can adapt the code that you have given to do this?

    Thanks.

  23. palmamod says

    Hey, I implemented the non-plugin version of this and am 99% happy with it. I know it’s not you who have developed it but maybe you could help. If you check the posts on my blog, you will see that 5 posts are displayed (matching the first tag of the post) but „in line“. Do you know how can I tweak this so that a list occurs? Like, tweaking the php so that a and tags are created?
    Thanks a lot and keep up the good job!

  24. Vin says

    I’ve been looking for a way of adding posts related to specific tags on the bottom of pages I have created. EG: Posts that are related to the pyramid of Teti…
    http://www.pyramidofman.com/blog/tag/teti/

    …on the bottom of the Pyramid of Teti page:
    http://www.pyramidofman.com/blog/saqqara/pyramid-of-teti/

    At the moment I’ve just added the tags at the bottom of tghe page but would be much better to have exerpts of the related posts added.

    Is there a way i can adapt the code that you have given to do this?

    Thanks.

    @Sergej,
    Do you have a link?

Eine Antwort hinterlassen

Danke, dass du einen Kommentar hinterlassen möchtest. Bitte beachte, dass alle Kommentare nach unseren kommentarpolitik moderiert werden und deine E-Mail-Adresse NICHT veröffentlicht wird. Bitte verwende KEINE Schlüsselwörter im Namensfeld. Lass uns ein persönliches und sinnvolles Gespräch führen.