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

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

¿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:

Método 1: Usar el plugin de enlazar páginas (para principiantes)

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.

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

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

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.

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

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 Apariencia ” Editor para abrir el Editor de sitio completo.

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

Sigue adelante y haz clic en “Plantillas”.

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

Cuando lo hayas encontrado, haz clic en él.

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

Se abrirá el editor de bloques.

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

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

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

Aparecerá una nueva sección de campos personalizados.

Allí debe hacer clic en “Introducir nuevo”.

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

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:

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

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.