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

Cómo enlazar enlaces externos desde el título de la entrada en WordPress

Nota editorial: Ganamos una comisión de los enlaces de socios en WPBeginner. Las comisiones no afectan a las opiniones o evaluaciones de nuestros editores. Más información sobre Proceso editorial.

¿Quieres hacer que los títulos de tus páginas o entradas enlacen con enlaces externos en WordPress?

Tal vez desee redirigir a los usuarios de su sitio WordPress a un sitio web o página externa cuando hagan clic en el título de una entrada. Esto podría ser útil si está utilizando su sitio web como un centro para dirigir el tráfico a otros contenidos.

Aunque WordPress no lo permite por defecto, algunos de nuestros lectores de WPBeginner nos han pedido una solución, y hemos encontrado un par para ti.

En este artículo, le mostraremos cómo enlazar enlaces externos desde el título de la entrada o página en WordPress.

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

¿Cuándo hay que añadir enlaces en el título de las entradas de WordPress?

Hay varias situaciones en las que enlazar el título de su entrada, página o tipo de contenido personalizado de WordPress a una URL personalizada resulta muy útil.

Supongamos que ofrece un espacio publicitario en su sitio de WordPress que se asemeja a una entrada normal. El título puede enlazar al sitio web del anunciante en lugar de a su propio contenido, creando una ruta vaciada para los usuarios.

O tal vez dirija un sitio web agregador de noticias con contenido propio y artículos seleccionados de otras fuentes. Lo ideal sería que la sección de noticias de su página de inicio enlazara automáticamente los títulos de los artículos con el destino correcto, ya sea en su propio sitio o en uno externo.

Otra posibilidad es que en su página de inicio se muestren productos, pero al hacer clic en ellos se accede a páginas de productos individuales. Quizá prefiera enlazar los títulos directamente a la página del catálogo de productos de la categoría para obtener una visión más amplia.

Con todo esto en mente, vamos a repasar cómo enlazar títulos de entradas en tu sitio web WordPress a URLs externas. Puede utilizar estos enlaces rápidos para navegar por el tutorial:

Este método es perfecto para principiantes o para cualquiera que desee una solución sencilla para enlazar el título de su entrada o página a una URL externa.

Además, este método es una gran opción si desea que el título enlace a URL personalizadas en todo su sitio web.

En primer lugar, tendrás que instalar el plugin Page Links To. Tenemos una guía útil sobre cómo instalar un plugin de WordPress si necesita una guía paso a paso.

Una vez instalado y activado el plugin, abre una nueva entrada, página o tipo de contenido personalizado o edita una existente utilizando el editor de bloques. Ahora verás una nueva pestaña llamada ‘Page Links To’ en la barra lateral de ajustes de entradas.

Aquí, verá dos opciones: Su URL normal de WordPress (por defecto) y Una URL personalizada. Como queremos enlazar a un sitio externo, elija Una URL personalizada.

Using the Page Links To plugin in the block editor

Ahora, simplemente pegue la URL externa completa (incluyendo https://) en el campo ‘Enlaces a’. Por ejemplo, si quiere enlazar con el sitio web de WPForms, introduzca “https://wpforms.com”.

También hay una casilla de verificación para “Abrir en una pestaña nueva” si desea que los visitantes del sitio externo mantengan su página abierta en la pestaña original al hacer clic en el título. Marque esa casilla si es necesario.

Por último, haga clic en “Actualizar” o “Publicar” para guardar los cambios.

Si va a la página de inicio de su blog de WordPress, a la página de archivo o a cualquier otro lugar en el que el título de su entrada o página se muestre como extracto, puede intentar pasar el cursor sobre el título.

Verá que ahora enlaza con la URL externa que especificó.

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

Método 2: Uso de código personalizado (más control)

Este método es ideal para los usuarios que se sienten cómodos con el código y las personas que desean tener más control sobre las páginas cuyos títulos de entradas enlazan a una URL diferente.

Por ejemplo, puede que desee que el título de la entrada enlace a una URL externa si se ve en la plantilla de entradas individuales, pero no cuando aparece en la página de inicio o en las páginas de archivo.

Para hacer las cosas seguras, usaremos WPCode en lugar de editar directamente los archivos del tema. Este plugin hace que sea seguro para insertar código personalizado en WordPress, ya que puede evitar que se rompa su sitio web si hay errores en el código.

Puedes comprobar nuestra reseña del plugin WPCode para saber más acerca de él.

Paso 1: Instalar y configurar WPCode

Primero, necesitas instalar y activar el plugin WPCode. Tenemos una guía sobre cómo instalar un plugin de WordPress si necesitas ayuda con eso.

Una vez activado, vaya a Fragmentos de código+ Añadir fragmento. Aquí, elija “Añadir su código personalizado (nuevo fragmento)” y haga clic en el botón “Usar fragmento”.

Adding custom code in WPCode

A continuación, cambie el “Tipo de código” de Fragmento HTML a Fragmento PHP.

Dé a su fragmento de código un nombre claro, como “Enlaces externos desde los títulos de las entradas”, para poder identificarlo fácilmente más adelante.

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

Ahora, elija uno de los siguientes fragmentos de código:

Opción 1: Enlazar todos los títulos de entradas a URL externas

Este fragmento de código modificará la URL de los títulos de sus entradas en varias ubicaciones de su sitio, incluidas las entradas individuales, la página de inicio y las páginas de archivo.

El código comprueba si se trata de una página de entradas, página de inicio, página de portada o página de archivo. Si es así, y ha establecido una URL personalizada siguiendo los pasos que se mencionan más adelante, el código utilizará esa URL en lugar del enlace permanente por defecto.

En el siguiente paso añadiremos un campo personalizado llamado ‘custom_url’ en el editor de bloques para especificar la URL externa de cada entrada.

// 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 solo quieres que este código se ejecute en la página de inicio pero no en las páginas de archivo.

A continuación, sólo tiene que quitar el código que dice is_category(), is_tag(), o is_archive(), así:

// 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;
}

Opción 2: Hacer que los títulos de las entradas de las plantillas de entradas únicas enlacen con URL externas.

Este código es útil si quieres que solo el título de la entrada en la plantilla de entradas enlace con URLs externas, no las de otras páginas como la página de inicio, páginas de archivo, etc.

De esta forma, el usuario puede seguir visitando la entrada del blog y leerla, pero también puede hacer clic en el título de la entrada para comprobar otro recurso.

Un ejemplo es un sitio web de podcasts. Puedes utilizar tu sitio para publicar los resúmenes o transcripciones de los episodios, pero alojar el audio en Spotify. Con este método, puedes publicar tus episodios de podcast en tu sitio pero dirigir a la gente a Spotify cuando hagan clic en el título de la entrada.

El siguiente código comprueba si la solicitud actual es para una sola entrada. Si lo es, y ha establecido una URL personalizada utilizando el campo personalizado, utilizará esa URL en el título de la entrada:

// 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;
}
}

Una vez que haya pegado el fragmento de código, desplácese hasta la sección “Inserción”. Asegúrate de que el método de inserción está establecido en “Inserción automática” y la ubicación en “Ejecutar en todas partes”.

Por último, active el fragmento de código con el conmutador y haga clic en “Guardar fragmento”.

Choosing the insertion method and location in WPCode

Paso 2: Activar el enlace en los títulos (solo para usuarios de temas en bloque)

Si utilizas un tema de bloques, debes realizar un paso adicional para asegurarte de que el código funciona.

En primer lugar, vaya a AparienciaEditor para abrir el Editor de sitio completo.

Selecting the Full-Site Editor from the WordPress admin panel

Ahora verás algunas opciones para editar el tema de tu bloque.

Sigue adelante y haz clic en “Plantillas”.

Opening the Templates menu in full-site editor

En este punto, localice la plantilla ‘Entradas individuales’.

Cuando lo hayas encontrado, haz clic en él.

Opening the Single Posts template in the full-site editor

Ahora, haga clic en el icono del lápiz “Editar”.

Se abrirá el editor de bloques.

Editing the Single Posts template in the full-site editor

Una vez dentro del editor, haz clic en el bloque “Título”.

En la barra lateral de ajustes del bloque, active la opción “Convertir el título en un enlace” y la opción opcional “Abrir en una pestaña nueva”. Deje vacío el campo “Enlace”.

Después, haz clic en “Guardar”.

Enabling linking in post titles in the block editor

Paso 3: Añadir un nuevo campo personalizado

Ahora, vamos a añadir el campo personalizado ‘custom_url’ en el editor de bloques.

Dentro del editor, haz clic en el menú de tres puntos situado en la esquina superior derecha del editor de bloques y selecciona “Preferencias”.

Opening the Preferences menu in the block editor

Vaya a la pestaña “General”.

A continuación, desplácese hasta “Campos personalizados”. Actívelos y actualice la página haciendo clic en “Mostrar y recargar página”.

Enabling custom fields in the block editor

Aparecerá una nueva sección de campos personalizados.

Allí debe hacer clic en “Introducir nuevo”.

Creating a new custom field in the block editor

En la sección “Añadir nuevos campos personalizados”, introduzca “custom_url” o el campo personalizado que haya especificado antes en el código en el campo Etiqueta.

En el campo “Valor”, pegue la URL externa a la que desea enlazar. Una vez hecho esto, sólo tienes que hacer clic en “Añadir campo personalizado”.

Adding a new custom field in the block editor

A continuación, basta con hacer clic en “Actualizar” o “Publicar” para aplicar los cambios.

Por último, visite su sitio web para comprobar si el código funciona. Puede marcarlo / comprobarlo al pasar el cursor por encima del título de la entrada o con la herramienta Inspeccionar.

Este es el aspecto que debería tener la URL del título de la entrada si utiliza el código de la opción 2:

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

¿Afectará al SEO la inclusión de enlaces externos en los títulos de las entradas?

En efecto, enlazar directamente los títulos de las entradas tiene un impacto mínimo en la optimización para motores de búsqueda (SEO).

Sin embargo, hay que tener en cuenta algunas cosas. Cuando enlaza con otro sitio web, está indicando a los motores de búsqueda que el otro sitio puede ser una buena fuente de información. Es posible que parte de su “jugo de enlace” pase al sitio externo, pero en general es una cantidad pequeña.

Dicho esto, si sus títulos contienen muchos enlaces externos, podrían confundir a los usuarios o hacerles pensar que abandonan su sitio inmediatamente.

Si aún así desea utilizar enlaces externos en los títulos, le recomendamos que solo los enlace cuando el sitio externo realmente añada valor a su contenido y sea de alta calidad y muy relevante para su audiencia.

También puede añadir el atributo “nofollow” a sus enlaces externos en el código del título. Esto indica a los motores de búsqueda que no sigan esos enlaces a efectos de clasificación.

Por otro lado, si está leyendo este tutorial para dirigir a los usuarios de su antiguo sitio web al nuevo, puede que desee considerar el uso de redirecciones en su lugar.

Las redirecciones indican a los motores de búsqueda (y a los usuarios) que una determinada página se ha trasladado permanentemente a una nueva ubicación. Esto puede ser beneficioso para el SEO de WordPress porque el link juice de tu página original se transferirá a la nueva ubicación.

All in One SEO (AIOSEO) es un plugin para WordPress que puede ayudarte a conseguirlo. Su interfaz fácil de usar hace que sea fácil de establecer redirecciones para entradas o páginas específicas. No se requiere código, por lo que este plugin es fácil de usar para principiantes.

All in One SEO Redirects Tab

Puede obtener más información acerca de este debate en nuestra guía para principiantes sobre cómo establecer redireccionamientos 301.

Esperamos que este artículo te haya ayudado a aprender cómo enlazar enlaces externos desde el título de la entrada en WordPress. También puedes marcar / comprobar nuestra guía definitiva para enlazar internamente y nuestra selección de plugins de WordPress imprescindibles para hacer crecer tu sitio web.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

Descargo: Nuestro contenido está apoyado por los lectores. Esto significa que si hace clic en algunos de nuestros enlaces, podemos ganar una comisión. Vea cómo se financia WPBeginner , por qué es importante, y cómo puede apoyarnos. Aquí está nuestro proceso 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.

El último kit de herramientas de WordPress

Obtenga acceso GRATUITO a nuestro kit de herramientas - una colección de productos y recursos relacionados con WordPress que todo profesional debería tener!

Reader Interactions

22 comentariosDeja una respuesta

  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.

Deja tu comentario

Gracias por elegir dejar un comentario. Tenga en cuenta que todos los comentarios son moderados de acuerdo con nuestros política de comentarios, y su dirección de correo electrónico NO será publicada. Por favor, NO utilice palabras clave en el campo de nombre. Tengamos una conversación personal y significativa.