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

Como mostrar páginas relacionadas no WordPress (2 métodos)

A exibição de páginas relacionadas no WordPress melhora o envolvimento do usuário e mantém os visitantes no seu site por mais tempo. Pode ser difícil manter os usuários interessados, mas mostrar a eles postagens relacionadas é uma excelente maneira de guiá-los para conteúdo adicional que eles podem achar valioso.

No WPBeginner, regularmente criamos links para artigos relevantes do mesmo grupo de tópicos de SEO para ajudar nossos leitores a encontrar mais ajuda sobre o mesmo assunto. Mas isso pode dar muito trabalho, e você pode preferir mostrar páginas relacionadas automaticamente com um plug-in ou usando código.

Neste artigo, mostraremos como mostrar facilmente páginas relacionadas no WordPress para que você possa melhorar a experiência do usuário e conectá-lo a mais conteúdo.

How to Show Related Pages in WordPress

Por que mostrar páginas relacionadas no WordPress?

Exibir conteúdo relacionado é uma ótima maneira de manter os visitantes em seu site WordPress. Você pode mostrar as principais páginas do seu conteúdo para impulsionar o envolvimento do usuário e aumentar as visualizações de página.

Ele também ajuda a melhorar a visibilidade de suas páginas mais importantes. Quando seu website começa a crescer e tem muitas páginas de destino, pode ser difícil para os usuários encontrarem novos conteúdos.

Usando páginas relacionadas, você pode resolver esse problema e exibir seu melhor conteúdo onde as pessoas possam encontrá-lo facilmente. Dessa forma, você pode reter os usuários e aumentar o tempo que eles passam no seu site.

Outra vantagem de mostrar posts relacionados é que isso permite que você crie links internos para páginas importantes. Isso permite que os mecanismos de pesquisa encontrem novos conteúdos e impulsionem o SEO do WordPress.

Dito isso, vamos dar uma olhada em como você pode exibir posts relacionados no WordPress.

Exibição de páginas relacionadas no WordPress usando um plug-in

A maneira mais fácil de exibir páginas relacionadas em seu site é usar o plug-in Yet Another Related Posts Plugin (YARPP). É um plug-in gratuito de postagens relacionadas do WordPress que exibe automaticamente as principais páginas usando um algoritmo.

Primeiro, você precisará instalar e ativar o plug-in Yet Another Related Posts Plugin (YARPP). Se precisar de ajuda, consulte nosso guia sobre como instalar um plug-in do WordPress.

Após a ativação, você pode ir para Settings ” YARPP na área de administração do WordPress para configurar o plug-in.

Change YARPP pool settings

O plug-in permite que você escolha se deseja mostrar posts, páginas e mídia nos posts relacionados do seu site. Você pode ir em frente e marcar a caixa de seleção “Páginas”.

Há mais opções para proibir o conteúdo de determinadas categorias e tags, exibir conteúdo protegido por senha, selecionar um período de tempo para determinar publicações relacionadas e muito mais.

Depois disso, você pode alterar as configurações do algoritmo no YARPP na seção “The Algorithm” (O algoritmo).

Algorithm settings in YARPP

A configuração mais importante é o “Limite de correspondência”, que informa ao plug-in o quão rigoroso o algoritmo deve ser ao encontrar conteúdo relacionado. Quanto maior o número, mais rigoroso será o algoritmo.

Por padrão, o limite de correspondência será definido como 1, o que significa que o algoritmo será menos rigoroso na determinação de páginas relacionadas. No entanto, você pode aumentá-lo para um limite máximo de 5.

Recomendamos que você comece com a configuração padrão. Quando começar a adicionar mais páginas ao seu site, você poderá ajustar o limite.

Outras configurações que podem ser ajustadas no algoritmo incluem títulos, corpos, categorias e tags ao encontrar páginas relacionadas.

Em seguida, você pode alterar a forma como as páginas relacionadas serão exibidas no site, rolando para baixo até a seção “Opções de exibição automática”.

Automatic display options

O plug-in permite mostrar automaticamente o conteúdo relacionado em posts, páginas e mídia. Você pode definir o número máximo de posts a serem exibidos no widget de páginas relacionadas e escolher um tema.

Há três opções de tema disponíveis no plug-in YARPP. Você pode selecionar uma lista, miniaturas ou adicionar um tema personalizado para suas páginas relacionadas. Para cada tema, você também tem diferentes opções de personalização.

Você também pode escolher a ordem dos resultados da página relacionada no menu suspenso “Ordenar resultados”. O YARPP mostra as páginas relacionadas com base na pontuação de limite, na data ou no título.

O plug-in também mostrará uma visualização de suas páginas relacionadas que serão exibidas no site. Você pode alterar o modo de visualização para celular, tablet ou desktop.

Preview of related pages

Em seguida, você pode rolar para baixo e ativar a opção de feeds RSS e as opções de API REST.

Depois de editar as configurações, clique no botão “Save Changes” (Salvar alterações).

Change RSS options and save changes

O plug-in do WordPress agora exibirá automaticamente as páginas relacionadas em seu site.

Você pode visitar qualquer post ou página para ver as páginas relacionadas em ação.

Related pages in WordPress

Observe que o YARPP, juntamente com alguns outros plug-ins do WordPress, é bloqueado por vários provedores de hospedagem gerenciada do WordPress devido ao uso intenso do banco de dados.

Se você se deparar com esse problema, poderá mostrar as páginas relacionadas sem usar um plug-in.

Exibição de páginas relacionadas no WordPress usando código

A maneira mais eficiente de exibir posts relacionados é procurar por tags ou categorias. Como as páginas do WordPress não têm tags ou categorias, você precisará adicioná-las usando um plug-in do WordPress.

Primeiro, você precisará instalar e ativar o plug-in Páginas com categoria e tag em seu site. Para obter mais detalhes, consulte nosso guia sobre como instalar um plug-in do WordPress.

Em seguida, você precisará adicionar tags às suas páginas do WordPress para criar relacionamentos contextuais.

Você pode ir em frente e editar qualquer página do seu site e inserir tags na caixa de configurações “Tags” no editor do WordPress.

Add tags in WordPress

Depois disso, você pode adicionar tags para todas as páginas que deseja relacionar umas às outras. Por exemplo, se você tiver várias páginas sobre a sua empresa, como uma página de política de privacidade e uma página de contato, poderá adicionar uma tag “empresa”.

Depois de adicionar tags a algumas páginas, a próxima coisa a fazer é adicionar algum código ao seu tema.

Muitas vezes, os tutoriais lhe dirão para editar o arquivo functions.php do seu tema. No entanto, se você cometer algum erro, poderá causar erros no WordPress ou quebrar completamente o site.

Por isso, recomendamos o uso do plug-in gratuito WPCode. Você pode seguir as instruções em nosso guia sobre como adicionar facilmente códigos personalizados no WordPress.

A primeira coisa que você precisa fazer é instalar e ativar o WPCode Free Plugin. Para obter instruções detalhadas, consulte nosso guia para iniciantes sobre como instalar um plug-in do WordPress.

Em seguida, vá até a página Code Snippets ” + Add Snippet em sua área de administração. Aponte o cursor do mouse para a opção “Add Your Custom Code (New Snippet)” (Adicionar seu código personalizado (novo snippet)) e clique no botão “Use snippet” (Usar snippet).

Adding Custom Code in WPCode

Isso abrirá uma página na qual você poderá adicionar um snippet personalizado.

Primeiro, dê ao snippet um título que descreva o que ele faz, como “Mostrar páginas relacionadas no WordPress”. Depois disso, você deve colar o seguinte código PHP na área de Visualização de código.

function wpb_related_pages() {
$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(
'post_type' => 'page',
'tag__in' => $tag_ids,
'post__not_in' => array($post->ID),
'posts_per_page'=>5
);
$my_query = new WP_Query( $args );
if( $my_query->have_posts() ) {
echo '<div id="relatedpages"><h3>Related Pages</h3><ul>';
while( $my_query->have_posts() ) {
$my_query->the_post(); ?>
<li><div class="relatedthumb"><a href="<? the_permalink()?>" rel="bookmark" title="<?php the_title(); ?>"><?php the_post_thumbnail('thumb'); ?></a></div>
<div class="relatedcontent">
<h3><a href="<? the_permalink()?>" rel="bookmark" title="<?php the_title(); ?>"><?php the_title(); ?></a></h3>
<?php the_time('M j, Y') ?>
</div>
</li>
<? }
echo '</ul></div>';
} else {
echo "No Related Pages Found:";
}
}
$post = $orig_post;
wp_reset_query();
}
Showing Related Pages Using WPCode

Feito isso, você precisa selecionar “PHP Snippet” no menu suspenso Code Type (Tipo de código) e, em seguida, clicar na configuração “Active” (Ativo) para que a alternância seja ativada.

Certifique-se de clicar no botão “Save Snippet” para armazenar o código.

Showing Related Pages Using WPCode

Esse código procura as tags associadas a uma página e, em seguida, executa uma consulta ao banco de dados para buscar páginas com tags semelhantes.

Para exibir a lista de páginas, você precisará editar o modelo da página. Mais comumente, é o arquivo page.php. Basta adicionar esta linha de código onde você deseja que as páginas relacionadas apareçam:

<?php wpb_related_pages(); ?>

Isso exibirá as páginas relacionadas em qualquer página do WordPress. Se quiser alterar o estilo e a aparência das páginas relacionadas, você precisará adicionar CSS personalizado para corresponder ao seu tema.

Em seguida, você pode visitar seu site para ver as páginas relacionadas em ação.

Related pages without plugin preview

Guias especializados sobre a exibição de posts e páginas importantes no WordPress

Esperamos que este artigo tenha ajudado você a aprender como exibir páginas relacionadas no WordPress. Talvez você também queira ver alguns outros guias relacionados à exibição de posts e páginas importantes:

Se você gostou deste artigo, inscreva-se em nosso canal do YouTube para receber tutoriais em vídeo sobre o WordPress. Você também pode nos encontrar no Twitter e no Facebook.

Divulgação: Nosso conteúdo é apoiado pelo leitor. Isso significa que, se você clicar em alguns de nossos links, poderemos receber uma comissão. Veja como o WPBeginner é financiado, por que isso é importante e como você pode nos apoiar. Aqui está nosso processo editorial.

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

O kit de ferramentas definitivo WordPress

Obtenha acesso GRATUITO ao nosso kit de ferramentas - uma coleção de produtos e recursos relacionados ao WordPress que todo profissional deve ter!

Reader Interactions

13 ComentáriosDeixe uma resposta

  1. Riccardo

    Your code does not work.
    You wrote line 26: <?
    instead of: <?php

  2. Alperen

    Hi, thanks i just wanna ask something. İ dont wanna use a plugin to add tags or category on pages. İ just have a custom taxonomy for some pages and some post. And i wanna display related pages is by looking for custom taxonomy. İs there a solution ?

  3. panos gew

    hey there. completely new, so i havea question, where should i put this line of code ->
    Do i have to put this line in functions.php as well?And if yes, i dont want related pages to show up in ANY SINGLE page…

    • WPBeginner Support

      No you need to put it in the template where you want to display related posts. Like single.php, category.php, etc.

      Administrador

  4. WPBeginner Fan

    My question is what is the code for conditional statement? Something like function_exists ?

  5. Marcelo Luiz

    Would it be possible to get a list of pages sisters in a certain hierarchy of pages parents?

  6. Ayebal John Bob

    My major question is how do I put in that div that I will need to style in the css

  7. Rich

    To reiterate Al Harji’s comment, this tutorial was very timely as this was something I was starting on today with my site. However, when I went to install both YARPP and CRP, WP showed “not available” for both. I’m using GoDaddy’s Managed WP with 2014 theme. This is the first time I’ve received this message for any plugin. Checked the WP support forum but no luck. Any ideas?

  8. Gerald

    I was using YARPP for quite a while. The template part is really awesome but so far I didn’t thought about related PAGES. Great idea for an upcoming project. Thanks for the tip!

    • Al Harji

      Great tutorial as always, this one is so timely – thank you!

      Ajay, your plugin looks amazing. I am looking forward to trying it and also impressed with so many positive reviews. I use your Top 10 plugin which I love as well.

Deixe uma resposta

Obrigado por deixar um comentário. Lembre-se de que todos os comentários são moderados de acordo com nossos política de comentários, e seu endereço de e-mail NÃO será publicado. NÃO use palavras-chave no campo do nome. Vamos ter uma conversa pessoal e significativa.