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 criar links para links externos a partir do título da postagem no WordPress

Nota editorial: Ganhamos uma comissão de links de parceiros no WPBeginner. As comissões não afetam as opiniões ou avaliações de nossos editores. Saiba mais sobre Processo editorial.

Deseja que os títulos de suas páginas ou postagens sejam vinculados a links externos no WordPress?

Talvez você queira redirecionar os usuários do seu site WordPress para um site ou página externa quando eles clicarem no título de uma postagem. Isso pode ser útil se você estiver usando seu site como um hub para direcionar o tráfego para outros conteúdos.

Embora o WordPress não permita isso por padrão, alguns de nossos leitores do WPBeginner solicitaram uma solução, e nós apresentamos algumas para você.

Neste artigo, mostraremos como criar links externos a partir do título do post ou da página no WordPress.

How to Link to External Links from the Post Title in WordPress

Quando você precisa adicionar links no título da postagem do WordPress?

Há várias situações em que é útil vincular o título do post, da página ou do tipo de post personalizado do WordPress a um URL personalizado.

Digamos que você ofereça espaço para anúncios em seu site WordPress que se assemelhe a uma postagem normal. O título pode ser vinculado ao site do anunciante em vez do seu próprio conteúdo, criando um caminho claro para os usuários.

Ou talvez você administre um site agregador de notícias que apresente seu próprio conteúdo e artigos selecionados de outras fontes. O ideal é que a seção de notícias da sua página inicial vincule automaticamente os títulos dos artigos ao destino certo, seja no seu próprio site ou em um site externo.

Como alternativa, talvez sua página inicial exiba produtos, mas clicar neles leva a páginas de produtos individuais. Talvez você prefira vincular os títulos diretamente à página do catálogo de produtos da categoria para obter uma visão geral mais ampla.

Com tudo isso em mente, vamos ver como vincular títulos de postagens em seu site do WordPress a URLs externas. Você pode usar esses links rápidos para navegar pelo tutorial:

Esse método é perfeito para iniciantes ou para qualquer pessoa que queira uma solução simples para vincular o título do post ou da página a um URL externo.

Além disso, esse método é uma ótima opção se você quiser que o título seja vinculado a URLs personalizados em todo o seu site.

Primeiro, você precisará instalar o plug-in Page Links To. Temos um guia útil sobre como instalar um plug-in do WordPress se você precisar de um passo a passo.

Depois que o plug-in estiver instalado e ativado, abra um novo post, página ou tipo de post personalizado ou edite um já existente usando o editor de blocos. Agora você verá uma nova guia chamada “Page Links To” na barra lateral Post Settings.

Aqui, você verá duas opções: “Seu URL normal do WordPress” (o padrão) e “Um URL personalizado”. Como queremos criar um link para um site externo, escolha “Um URL personalizado”.

Using the Page Links To plugin in the block editor

Agora, basta colar o URL externo completo (incluindo o https://) no campo “Links To”. Por exemplo, se você estivesse criando um link para o site do WPForms, digitaria “https://wpforms.com”.

Há também uma caixa de seleção para “Abrir em nova guia” se você quiser que os visitantes do site externo mantenham sua página aberta na guia original quando clicarem no título. Marque essa caixa, se necessário.

Por fim, clique em “Update” (Atualizar) ou “Publish” (Publicar) para salvar suas alterações.

Se você acessar a página do blog do WordPress, a página inicial, a página de arquivo ou qualquer outro lugar em que o título do post ou da página seja exibido como um trecho, tente passar o mouse sobre o título.

Você verá que agora ele está vinculado ao URL externo que você especificou.

Successfully adding an external link to a post title using the Page Links To plugin

Método 2: Usar código personalizado (mais controle)

Esse método é ideal para usuários que se sentem à vontade com códigos e pessoas que desejam ter mais controle sobre quais páginas os títulos de suas postagens vinculam a um URL diferente.

Por exemplo, você pode querer que o título da postagem seja vinculado a um URL externo se for visualizado no modelo de postagem única, mas não quando aparecer na página inicial ou nas páginas de arquivo.

Para tornar as coisas seguras, usaremos o WPCode em vez de editar diretamente os arquivos do tema. Esse plug-in torna segura a inserção de código personalizado no WordPress, pois pode evitar que você danifique seu site se houver erros no código.

Você pode conferir nossa análise do plugin WPCode para saber mais sobre ele.

Etapa 1: Instalar e configurar o WPCode

Primeiro, você precisa instalar e ativar o plug-in WPCode. Temos um guia sobre como instalar um plug-in do WordPress se você precisar de ajuda com isso.

Depois de ativado, navegue até Code Snippets+ Add Snippet. Aqui, escolha “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

Em seguida, altere o “Code Type” (Tipo de código) de HTML Snippet para “PHP Snippet”.

Dê ao seu snippet um nome claro, como “Links externos de títulos de posts”, para que você possa identificá-lo facilmente mais tarde.

Creating a new WPCode code snippet for linking to external links from post titles

Agora, escolha um dos seguintes trechos de código:

Opção 1: Fazer com que todos os títulos de posts sejam vinculados a URLs externos

Esse snippet de código modificará o URL dos títulos das postagens em vários locais do site, incluindo postagens individuais, a página inicial e as páginas de arquivo.

O código verifica se é uma página de postagem única, página inicial, página principal ou página de arquivo. Se for, e você tiver definido um URL personalizado usando as etapas mencionadas posteriormente, o código usará esse URL em vez do permalink padrão.

Adicionaremos um campo personalizado chamado “custom_url” no editor de blocos na próxima etapa para especificar o URL externo de cada post.

// Change post title URL for single post pages and homepage/front page
add_filter('post_link', 'check_for_custom_url', 10, 3);
function check_for_custom_url($permalink, $post, $leavename) {
$custom = false;
// Check if it's a single post page
if (is_single()) {
$custom = get_post_meta($post->ID, 'custom_url', true);
}
// Check if it's the homepage, front page, or archive pages
elseif (is_home() || is_front_page() || is_category() || is_tag() || is_archive()) {
$custom = get_post_meta($post->ID, 'custom_url', true);
}
// Return the custom URL if set, otherwise return the default permalink
return ($custom) ? esc_url($custom) : $permalink;
}

Digamos que você queira que esse código seja executado somente na página inicial, mas não nas páginas de arquivo.

Em seguida, basta remover o código que diz is_category(), is_tag() ou is_archive(), da seguinte forma:

// Change post title URL for single post pages and homepage/front page
add_filter('post_link', 'check_for_custom_url', 10, 3);
function check_for_custom_url($permalink, $post, $leavename) {
$custom = false;
// Check if it's a single post page
if (is_single()) {
$custom = get_post_meta($post->ID, 'custom_url', true);
}
// Check if it's the homepage, front page, or archive pages
elseif (is_home() || is_front_page()) {
$custom = get_post_meta($post->ID, 'custom_url', true);
}
// Return the custom URL if set, otherwise return the default permalink
return ($custom) ? esc_url($custom) : $permalink;
}

Opção 2: Fazer com que os títulos de postagem em modelos de postagem única sejam vinculados a URLs externos

Esse código é útil se você quiser que apenas o título da postagem no modelo de postagem única seja vinculado a URLs externos, e não aos de outras páginas, como a página inicial, as páginas de arquivo e assim por diante.

Dessa forma, o usuário ainda pode visitar a publicação do blog e lê-la, mas também pode clicar no título da publicação para verificar outro recurso.

Um exemplo disso é um site de podcast. Você pode usar seu site para publicar os resumos ou transcrições dos episódios, mas hospedar o áudio no Spotify. Com esse método, você pode publicar os episódios do podcast em seu site, mas direcionar as pessoas para o Spotify quando elas clicarem no título da postagem.

O código abaixo verifica se a solicitação atual é para um único post. Se for, e você tiver definido um URL personalizado usando o campo personalizado, ele usará esse URL no título do post:

// Hook into the 'post_link' filter to modify the permalink of a post.
add_filter('post_link', 'check_for_custom_url', 10, 3);
// Define the callback function for the 'post_link' filter.
function check_for_custom_url($permalink, $post, $leavename) {
// Check if the current request is for a single post.
if (is_single()) {
// Retrieve the value of the 'custom_url' custom field for the current post.
$custom = get_post_meta($post->ID, 'custom_url', true);
// If the custom field has a value, use it as the permalink. Otherwise, use the default permalink.
return ($custom) ? esc_url($custom) : $permalink;
} else {
// If the current request is not for a single post, return the default permalink.
return $permalink;
}
}

Depois de colar o trecho de código, role para baixo até a seção “Inserção”. Certifique-se de que o método de inserção esteja definido como “Auto Insert” e o local esteja definido como “Run Everywhere”.

Por fim, ative o snippet usando o botão de alternância e clique em “Save Snippet” (Salvar snippet).

Choosing the insertion method and location in WPCode

Etapa 2: Ativar links nos títulos (somente para usuários do tema Block)

Se você estiver usando um tema de bloco, há uma etapa extra que deve ser executada para garantir que o código funcione.

Primeiro, vá para AppearanceEditor para abrir o Full Site Editor.

Selecting the Full-Site Editor from the WordPress admin panel

Agora você verá algumas opções para editar o tema do bloco.

Vá em frente e clique em “Templates”.

Opening the Templates menu in full-site editor

Nessa etapa, localize o modelo “Single Posts”.

Depois de encontrá-lo, clique nele.

Opening the Single Posts template in the full-site editor

Agora, clique no ícone de lápis “Edit” (Editar).

Isso abrirá o editor de blocos.

Editing the Single Posts template in the full-site editor

Uma vez dentro do editor, clique no bloco “Title” (Título).

Na barra lateral Block Settings (Configurações do bloco), ative a opção “Make title a link” (Tornar o título um link) e a opção opcional “Open in new tab” (Abrir em nova guia). Deixe o campo “Link Rel” vazio.

Depois disso, clique em “Salvar”.

Enabling linking in post titles in the block editor

Etapa 3: Adicionar um novo campo personalizado

Agora, vamos adicionar o campo personalizado “custom_url” no editor de blocos.

Dentro do editor, clique no menu de três pontos no canto superior direito do editor de blocos e selecione “Preferences” (Preferências).

Opening the Preferences menu in the block editor

Vá em frente e navegue até a guia “General” (Geral).

Depois disso, role a tela para baixo até “Custom fields” (Campos personalizados). Habilite-o e atualize sua página clicando em “Show & Reload Page”.

Enabling custom fields in the block editor

Será exibida uma nova seção de campo personalizado.

Você precisa clicar em “Enter New” (Inserir novo).

Creating a new custom field in the block editor

Na seção “Add New Custom Fields” (Adicionar novos campos personalizados), digite “custom_url” ou qualquer campo personalizado especificado no código anteriormente no campo Label (Rótulo).

No campo “Value” (Valor), cole o URL externo para o qual você deseja criar o link. Depois disso, basta clicar em “Add Custom Field” (Adicionar campo personalizado).

Adding a new custom field in the block editor

Em seguida, basta clicar em “Update” (Atualizar) ou “Publish” (Publicar) para que suas alterações sejam efetivadas.

Por fim, visite seu site para ver se o código funciona. Você pode passar o mouse sobre o título da postagem ou usar a ferramenta Inspecionar para verificar.

Esta é a aparência do URL do título da postagem se você usar o código da opção 2:

An example of an external link successfully added to post titles with WPCode

A adição de links externos nos títulos dos posts afetará o SEO?

A adição de links externos diretamente nos títulos das postagens tem um impacto mínimo na otimização de mecanismos de busca (SEO).

Entretanto, há alguns aspectos a serem considerados. Ao criar um link para outro site, você está basicamente informando aos mecanismos de pesquisa que o outro site pode ser uma boa fonte de informações. Parte do seu “link juice” pode passar para o site externo, mas geralmente é uma quantidade pequena.

Dito isso, se os seus títulos contiverem muitos links externos, eles poderão confundir os usuários ou fazê-los pensar que estão saindo do seu site imediatamente.

Se você ainda quiser usar links externos nos títulos, recomendamos que os links externos sejam usados somente quando o site externo realmente agregar valor ao seu conteúdo e for de alta qualidade e altamente relevante para o seu público.

Você também pode adicionar o atributo “nofollow” aos seus links externos no código do título. Isso informa aos mecanismos de pesquisa que não devem seguir esses links para fins de classificação.

Por outro lado, se você estiver lendo este tutorial para direcionar os usuários do seu site antigo para o novo, talvez seja melhor considerar o uso de redirecionamentos.

Os redirecionamentos informam aos mecanismos de pesquisa (e aos usuários) que uma determinada página foi movida permanentemente para um novo local. Isso pode ser benéfico para o SEO do WordPress porque o link juice da sua página original será transferido para o novo local.

OAll in One SEO (AIOSEO) é um plug-in do WordPress que pode ajudá-lo a fazer exatamente isso. Sua interface amigável facilita a configuração de redirecionamentos para posts ou páginas específicas. Não é necessário nenhum código, o que torna esse plug-in amigável para iniciantes.

All in One SEO Redirects Tab

Você pode saber mais sobre o assunto em nosso guia para iniciantes sobre a configuração de redirecionamentos 301.

Esperamos que este artigo tenha ajudado você a aprender como criar links externos a partir do título da postagem no WordPress. Talvez você também queira conferir nosso guia definitivo sobre links internos e nossa seleção de especialistas de plug-ins obrigatórios do WordPress para expandir seu site.

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

22 ComentáriosDeixe uma resposta

  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. John says

    Will this work on images relating to the post titles as well? So clicking on either image or post title takes you to the page on the external site?

  3. Alessandro says

    is there a way to link post titles to custom links, but only if they are present in one page (so not for the whole site)?

    Example: search results page of plugins like search & filter or toolset

  4. Kam says

    Thank you. This is really helpful. Would this plugin work for automated RSS feeds? i.e. for aggregator sites? I’m assuming no, as the titles are constantly changing. I’m trying to take the user to the original source with one click on the title.

    • WPBeginner Support says

      You would want to reach out to the support for the aggregator tool you are using for the options you have available.

      Administrador

  5. mostafa says

    Thank you for this tutorial. It helped me a lot but how to use this for cpt (in my case a testimonial) and open the link in a new tab . Thank you.

  6. mehmet says

    Thank you for useful information.
    My English is a little bad.
    I want to use this kind of plugin on my site
    But the bold type in the text will be automatically linked to the text.
    Links to other posts within the site
    Is there such an extension?

  7. Tammy says

    Is there a way to require the external url to be unique? I’m using wp-directory and would love to be able to make this custom field “unique required”

  8. Melch Wanga says

    Its a good post indeed. In response to Toni, in my case I am developing a website for film production company and I have “Equipment Hire” as a services in ‘service’ custom post type. Equipment Hire is quite huge and I am using WooCommerce to add the various equipment hence I have Shop page that lists all the equipment available for hire. The trick is to ensure that whenever a user clicks on “Equipment Hire” service, they are directed to the Page set as the Shop page instead of the default Equipment Hire single post page.

  9. Palashtd says

    Recently I have started blogging.
    I could think how to add External Links from the Post Title. But finally I got an awesome tip from this post. I have tested by following this tutorial. I am happy to get these tips because it’s working for me.
    Thanks for sharing this information.

  10. Toni Weidman says

    I’m not sure why you would want to do this. Can you clarify what the purpose of this process is. Thank you.

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.