Como criar links para links externos a partir do título da postagem no WordPress

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.

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:

Método 1: Usando o plug-in Page Links To (amigável para iniciantes)

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”.

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.

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).

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.

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).

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 Appearance ” Editor para abrir o Full Site Editor.

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

Vá em frente e clique em “Templates”.

Nessa etapa, localize o modelo “Single Posts”.

Depois de encontrá-lo, clique nele.

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

Isso abrirá o editor de blocos.

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”.

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).

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”.

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

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

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).

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:

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.

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.