Vill du få dina pages eller posts rubriker att länka till externa links i WordPress?
Kanske vill du redirecta användare från din WordPress site till en extern webbplats eller page när de klickar på en post titel. Detta kan vara användbart om du använder din website som ett nav för att dirigera trafik till annat content.
Även om WordPress inte tillåter detta som standard, har några av våra WPBeginner läsare begärt en lösning, och vi har kommit med ett par åt dig.
I den här artikeln kommer vi att visa dig hur du länkar till externa links från titeln på posten eller page i WordPress.
När behöver du add to links i rubriken till WordPress inlägg?
Det finns flera situationer där det är praktiskt att länka din WordPress-inläggs-, page- eller custom post type-titel till en anpassad URL.
Låt oss säga att du erbjuder annonsutrymme på din WordPress site som liknar ett vanligt post. Rubriken kan länka till annonsörens website istället för ditt eget content, vilket skapar en clear path för användarna.
Eller så kanske you run a news aggregator website featuring both your own content and curated articles from other sources. Helst skulle din homepage’s news section automatiskt länka artikel rubrikerna till rätt destination, om det är på din egen site eller en extern.
Alternativt kanske din homepage visar produkter, men att clicka på dem leder till enskilda produkt pages. You might prefer to link the rubriker directly to the category’s product catalog page for a broader overview.
Med all detta i åtanke, låt oss gå igenom hur man länkar post rubriker i din WordPress webbplats till externa URL. Du kan använda dessa snabblänkar för att navigera genom tutorialen:
Metod 1: Använda tillägget Page Links To (Beginner-Friendly)
Den här metoden är perfekt för Beginnare eller alla som vill ha en enkel lösning för att länka sin post eller page title till en extern URL.
Dessutom är den här metoden ett bra alternativ om du vill att rubriken ska länka till customize URL:er på hela din website.
Först måste du installera pluginet Page Links To. Vi har en användbar guide om hur man installerar ett WordPress plugin om du behöver en steg-för-steg genomgång.
När pluginet är installerat och aktiverat, öppna upp ett nytt inlägg, sida eller custom post type eller edit en befintlig med hjälp av block editor. Du kommer nu att se en new tabs som anropas ”Page Links To” i sidebaren Post Settings.
Här ser du två alternativ: ”Its normal WordPress URL” (standard) och ”A custom URL.” Eftersom vi vill länka till en extern site väljer du ”A custom URL”.
Nu klistrar du bara in hela den externa URL:en (inklusive https://) i fältet ”Links To”. Om du till exempel skulle länka till WPForms website skulle du enter ”https://wpforms.com.
Det finns också en checkbox för ”Open in new tab” om du vill att besökare på den externa site ska hålla din page öppen i den ursprungliga tabben när de clickar på rubriken. Kryssa i den boxen om det behövs.
Slutligen klickar du på ”Update” eller ”Publicera” för att save your changes.
Om du går till din WordPress-bloggsida, homepage, archive-sida eller någon annanstans där din post eller page title visas som ett excerpt, kan du prova att hovera över titeln.
Du kommer att se att den nu länkar till den externa URL som du angav.
Metod 2: Använda Custom Code (mer kontroll)
Den här metoden är idealisk för användare som är bekväma med kod och personer som vill ha mer control över vilka pages deras post titlar länkar till en annan URL.
Du kanske till exempel vill att inläggets rubrik ska länka till en extern URL om den visas i templates för enskilda inlägg, men ej när den visas på homepage eller archive pages.
För att göra saker säkra kommer vi att använda WPCode istället för att editera theme-filer direkt. Detta plugin gör det säkert att infoga custom code i WordPress, eftersom det kan förhindra att you förstör din website om det finns error i koden.
Du kan kontrollera vår WPCode plugin review för att lära dig mer om det.
Step 1: Installera och konfigurera WPCode
Först måste du installera och aktivera WPCode plugin. Vi har en guide om hur du installerar ett plugin till WordPress om du behöver hjälp med det.
När du är aktiverad navigerar du till Code Snippets ” + Add Snippet. Här väljer du ”Add Your Custom Code (New Snippet)” och klickar på knappen ”Use snippet”.
Ändra sedan ”Code Type” från HTML Snippet till ”PHP Snippet”.
Ge ditt snippet ett clear namn, gillar ”External Links from Post Titles”, så att du enkelt kan identifiera det senare.
Välj nu ett av följande code snippets:
Alternativ 1: Gör alla rubriker i posten Link till externa URL: er
Detta code snippet ändrar URL:en för dina inläggstitlar på olika locations på din site, inklusive enskilda inlägg, homepage och archive pages.
Koden kontrollerar om det är en sida med ett enskilt inlägg, homepage, front page eller archive page. Om så är fallet, och du har ställt in en custom URL med hjälp av stegen som nämns senare, kommer koden att använda den URL:en istället för standard permalänken.
Vi kommer att add to ett custom field med namnet ’custom_url’ i block editor i nästa steg för att ange den externa URL:en för varje 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;
}
Låt oss säga att du bara vill att den här koden ska run på front page men ej på archive pages.
Sedan kan du bara ta bort koden som säger is_category()
, is_tag
() eller is_archive(
), gillar så här:
// 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;
}
Alternativ 2: Gör inläggstitlar i mallar för enskilda inlägg Link till externa URL: er
Den här koden är användbar om du bara vill att inläggets titel i templates för enskilda inlägg ska länka till externa URL:er, ej de som finns på andra pages som homepage, archive pages och så vidare.
På så sätt kan användaren fortfarande besöka blogginlägget och läsa det, men de kan också klicka på inläggets titel för att kontrollera en annan resurs.
Ett exempel på detta är en website för en podcast. You kanske använder din site för att publicera summary eller kopia, utskrift av avsnitten men serverar ljudet på Spotify. Med den här metoden kan du publicera dina podcastavsnitt på din site men hänvisa människor till Spotify när de klickar på postens titel.
Koden under kontrollerar om den aktuella requesten är för ett enskilt inlägg. Om så är fallet, och du har angett en anpassad URL med hjälp av customize-fältet, kommer den att använda den URL:en i postens titel:
// 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;
}
}
När du har klistrat in code snippet rullar du ner till ”Insertion” -sektionen. Se till att metoden för insert är inställd på ”Auto Insert” och att Location är inställd på ”Run Everywhere”.
Slutligen aktiverar du snippet med hjälp av Toggle och clickar på ”Save Snippet”.
Step-by-Step 2: Aktivera Link i rubriker (endast användare av Block Theme)
Om du använder ett block theme finns det ett extra steg du bör göra för att se till att koden fungerar.
Först går du till Appearance ” Editor för att öppna Full Site Editor.
Du kommer nu att se några alternativ för att editera your block theme.
Gå vidare och klicka på ”Templates”.
I detta skede lokaliserar du mallen ”Enskilda inlägg”.
När du har hittat den klickar du på den.
Klicka nu på ikonen ”Edit” med pennan.
Detta öppnar block editor.
När du är inne i editorn klickar du på blocket ”Rubrik”.
I sidebaren Block Settings aktiverar du alternativet ”Make title a link” och det valfria alternativet ”Open in new tab”. Lämna fältet ”Link Rel” tomt.
Efter det klickar du på ”Save”.
Step-by-Step 3: Add a New Custom Field
Nu ska vi add to custom-fältet ’custom_url ’ i block editor.
I editorn klickar du på menyn med tre punkter högst upp till höger i block editorn och väljer ”Alternativ”.
Gå vidare och navigera till tabben ”Allmänt”.
Därefter rullar du ner till ”Custom fields”. Aktivera det och uppdatera din page genom att clicka på ”Show & Reload Page”.
En new section för custom field kommer att visas.
Där måste du klicka på ”Enter New”.
I ”Add New Custom Fields” section, enter ”custom_url” eller det custom field you angav i koden tidigare i fältet Label.
I fältet ”Value” klistrar du in den externa URL som du vill länka till. När du är klar klickar du bara på ”Add Custom Field”.
Därefter klickar du bara på ”Update” eller ”Publicera” för att göra dina ändringar.
Slutligen kan du besöka din website för att se om koden fungerar. Du kan hovera över rubriken på ditt post eller använda verktyget Inspektera för att kontrollera.
Så här ska URL:en för rubriken till inlägget gilla att se ut om du använder koden från alternativ 2:
Påverkar det sökmotorsoptimering att lägga till externa länkar i rubriker på post?
Att lägga till externa links direkt i rubrikerna på dina post har minimalistisk inverkan på sökmotorsoptimering (SEO).
Det finns dock några saker att tänka på. När du länkar ut till en annan website berättar du i princip för search engines att den andra site kan vara en bra informationskälla. En del av din ”link juice” kan överföras till den externa webbplatsen, men det är allmänt en liten mängd.
Om dina rubriker innehåller många externa links kan de dock förvirra användarna eller få dem att tro att de lämnar din site direkt.
Om du fortfarande vill använda externa länkar i rubriker rekommenderar vi att du bara länkar ut när den externa webbplatsen verkligen adderar värde till ditt content och är av hög kvalitet och mycket relevant för din målgrupp.
You can also add the ”nofollow” attribute to your external links in the title code. Detta talar om för search engines att de ej ska följa dessa länkar för ranking.
Å andra sidan, om du läser den här tutorialen för att dirigera användare från din gamla webbplats till din new, kanske du vill överväga att använda redirects istället.
Redirects berättar för search engines (och användare) att en viss page permanently har flyttats till en new location. Detta kan vara fördelaktigt för sökmotorsoptimering i WordPress eftersom länkjuicen från din ursprungliga page kommer att överföras till den nya locationen.
All in One SEO (AIOSEO) är ett plugin för WordPress som kan hjälpa dig att göra just det. Dess användarvänliga gränssnitt gör det enkelt att ställa in redirects för specifika posts eller pages. Ingen kod är obligatorisk, vilket gör detta plugin Beginner-vänligt.
Du kan lära dig mer om ämnet i vår guide för nybörjare om hur du ställer in 301 redirect.
Vi hoppas att den här artikeln hjälpte dig att lära dig hur du länkar till externa links från postens Rubrik i WordPress. Du kanske också vill kontrollera vår ultimata guide till intern län kning och vårt expertval av WordPress tillägg som du måste ha för att få din website att växa.
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.
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!
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?
WPBeginner Support says
The plugin would do that for your featured image if that is what you mean.
Administratör
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
WPBeginner Support says
We do not have a recommended method for setting that up at the moment.
Administratör
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.
Administratör
Sing says
Is the above method and Content syndication are one and the same? Or both are different topic.
WPBeginner Support says
That is a different topic
Administratör
Maksym says
Amazing! This is what I was looking for. Thank you so much
WPBeginner Support says
Glad our article was helpful
Administratör
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.
WPBeginner Support says
You’re welcome
Administratör
Brandon H. says
You saved my website! Thank you so much!!
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?
martin says
Thanks for that, pretty helpful. Found a lot of help on this site already!
Best from Italy,
Martin
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”
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.
Mel says
Hi, how is this going to affect SEO? Can we add rel=”nofollow” to an external link?
Thanks
Ariel says
great post!
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.
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.