På webben hittas information via en mångfald av olika kanaler som exempelvis sökmotorer eller olika sociala nätverk. När man via någon av alla kanaler hittat in till en specifik landningssida på en sajt så kan det vara bra att få information om var någonstans i sajtens hierarki man befinner sig. Det är vanligt att man kan utläsa denna information i breadcrumbs eller i en url.

Sajtstrukturen i URL, breadcrumb eller båda

Det finns ju olika åsikter om hur URL-strukturen på en väloptimerad sida bör vara utformad. Vissa menar att url:en bör reflektera strukuturella innehållshierarkier. Själv tycker jag att en platt url-struktur är att föredra även om det troligtvis inte har någon större betydelse. Främst för att jag tycker att breadcrumbs är bättre lämpat för uppgiften men också för att man får bättre kontroll på nyckelorden i url:en på en specifik landningssida. Det blir också lättare för en användare att komma ihåg en url ju enklare dess utformning är. Precis som Matt Cutts förklarar i videon här:

Man kan ju tycka att det bättre att man visar hierarkier i både url och breadcrumbs för att vara på den säkra sidan, och det skadar ju inte att vara tydlig mot användare.

http://polisen.se/Lagar-och-regler/Tillstand-for-lotteri-och-loppmarknad/

Jag skulle nog säga att det är en trade-off mellan att ha en lättmemorerad url med bättre kontroll över nyckelord i url, mot att ha extra tydlig sajtstruktur.  Numer visar ju dessutom Google breadcrumbs i sina sökresultat istället för urlar. Tyvärr än så länge inte i någon större utsträckning.

Google breadcrumbs

Det verkar vara en vanlig undran, hur man ska koda sina breadcrumbs för att Google ska visa dem istället för url:en i SERP:en. Matt Cutts svarar i den här video ganska uttömmande.

Det handlar alltså om att koda rätt och att sajten i fråga måste ha uppnått någon nivå av tillförlitlighet i Google’s ögon.

Hur ser då koden vanligtvis ut på sajter som fått breadcrumbs i Google-SERP:en?

Jag har spanat efter sajter som fått breadcrumbs i sökresultaten och hittat följande:

• De ligger i en <div> eller en <p> som har id eller class “breadcrumbs” eller “bread-crumbs”
• Den vanligaste avskiljaren är > (&gt;)

<p class="breadcrumb">
<a href="http://davidwickstrom.net/">Hem</a> &gt;
<a href="/landa</a>">Undersida</a> &gt;
<strong>Aktuell sida</strong>
</p>

Anpassade breadcrumbs

På tal om att ha kontroll över nyckelord i sin url, så gäller ju samma sak med breadcrumbs.

En som sysslar med sökmotoroptimering har en rad olika element att laborera med:

• title
• h1
• h2
• textinnehåll

Varför inte lägga till breadcrumbs till listan?

Om vi utgår från att man med en landningssida försöker täcka in ett par huvudnyckelfraser och ett knippe av de mest trafikerade long-tail-varianterna, så är det mycket tacksamt att kunna fiffla lite även med breadcrumbs. Titlar, rubriker och text går ju att ändra hursomhelst, och samma flexibilitet är inte så dumt att ha även för breadcrumbs.

Märk väl att jag vill rekommendera att man behåller en viss konformitet, att man inte spejsar ut alltför mycket när man väljer vad sin breadcrumb ska döpas till. Det kan räcka med att använda en annan grammatisk form på sitt nyckelord, specifik longtail-variant av detsamma eller för oss svenskar kanske en särskriven variant.

Tips: Kika efter lämplig variant i Google Suggest!

Så här fixar man anpassningsbara breadcrumbs i WordPress

Här finns det såklart tusen olika lösningar varav många förmodligen skulle vara tjusigare än min variant. Strykan med min variant är att den kräver minimalt med kodning och ger samtidigt en mycket smidig och effektiv lösning.

Förutsättningar:

1. Installera WordPress-pluginet Headspace2.
2. Lägg till följande kod i functions.php:

function david_breadcrumbs() {

 $delimiter = '>';
 $name = 'Hem'; //text for the 'Home' link
 $currentBefore = '<strong>';
 $currentAfter = '</strong>';
 $current = MetaData::get_custom ('Breadcrumbs');

 if ( !is_home() && !is_front_page() || is_paged() ) {

 echo '<div id="breadcrumbs">';

 global $post;
 $home = get_bloginfo('url');
 $hometitle = get_bloginfo('name');
 echo '<a title="'. $hometitle . '" href="' . $home . '">' . $name . '</a> ' . $delimiter . ' ';

 if ( is_category() ) {
 global $wp_query;
 $cat_obj = $wp_query->get_queried_object();
 $thisCat = $cat_obj->term_id;
 $thisCat = get_category($thisCat);
 $parentCat = get_category($thisCat->parent);
 if ($thisCat->parent != 0) echo(get_category_parents($parentCat, TRUE, ' ' . $delimiter . ' '));
 echo $currentBefore;
 if (!empty($current)) {
 echo $current;} else {
 single_cat_title();}
 echo $currentAfter;

 } elseif ( is_day() ) {
 echo '<a href="' . get_year_link(get_the_time('Y')) . '">' . get_the_time('Y') . '</a> ' . $delimiter . ' ';
 echo '<a href="' . get_month_link(get_the_time('Y'),get_the_time('m')) . '">' . get_the_time('F') . '</a> ' . $delimiter . ' ';
 echo $currentBefore . get_the_time('d') . $currentAfter;

 } elseif ( is_month() ) {
 echo '<a href="' . get_year_link(get_the_time('Y')) . '">' . get_the_time('Y') . '</a> ' . $delimiter . ' ';
 echo $currentBefore . get_the_time('F') . $currentAfter;

 } elseif ( is_year() ) {
 echo $currentBefore . get_the_time('Y') . $currentAfter;

 } elseif ( is_single() ) {
 $cat = get_the_category(); $cat = $cat[0];
 echo get_category_parents($cat, TRUE, ' ' . $delimiter . ' ');
 echo $currentBefore;
 if (!empty($current)) {
 echo $current;} else {
 the_title();}
 echo $currentAfter;

 } elseif ( is_page() && !$post->post_parent ) {
 echo $currentBefore;
 if (!empty($current)) {
 echo $current;} else {
 the_title();}
 echo $currentAfter;

 } elseif ( is_page() && $post->post_parent ) {
 $parent_id  = $post->post_parent;
 $breadcrumbs = array();
 while ($parent_id) {
 $page = get_page($parent_id);
 $breadcrumbs[] = '<a href="' . get_permalink($page->ID) . '">' . get_the_title($page->ID) . '</a>';
 $parent_id  = $page->post_parent;
 }
 $breadcrumbs = array_reverse($breadcrumbs);
 foreach ($breadcrumbs as $crumb) echo $crumb . ' ' . $delimiter . ' ';
 echo $currentBefore;
 if (!empty($current)) {
 echo $current;} else {
 the_title();}
 echo $currentAfter;

 } elseif ( is_search() ) {
 echo $currentBefore . 'Sökresultat för' . get_search_query() . $currentAfter;

 } elseif ( is_tag() ) {
 echo $currentBefore . 'Poster taggade med &#39;';
 single_tag_title();
 echo '&#39;' . $currentAfter;

 } elseif ( is_author() ) {
 global $author;
 $userdata = get_userdata($author);
 echo $currentBefore . 'Inlägg skrivna av ' . $userdata->display_name . $currentAfter;

 } elseif ( is_404() ) {
 echo $currentBefore . '404' . $currentAfter;
 }

 if ( get_query_var('paged') ) {
 if ( is_category() || is_day() || is_month() || is_year() || is_search() || is_tag() || is_author() ) echo ' (';
 echo __('Page') . ' ' . get_query_var('paged');
 if ( is_category() || is_day() || is_month() || is_year() || is_search() || is_tag() || is_author() ) echo ')';
 }

 echo '</div>';

 }
}

Den här koden är en modifierad variant av utmärkta dimox breadcrumbs!

Genom att följa instruktionerna i videon så lägger du till ett specialfält i editorn i WordPress så att du kan specifiera hur din breadcrumb ska se ut.

För att visa breadcrumbs på sin sajt behöver du inkludera en liten kodsnutt som anropar breadcrumb-funktionen som vi klistrat in i funtions.php, i de templates där du vill ha dem:

<?php david_breadcrumbs(); ?>

Vanligt är att man lägger till den i header.php för då får man breadcrumbs på hela sajten i ett svep. En del vill inte ha breadcrumbs i sidhuvudet av designskäl och då kan man ju såklart lägga till breadcrumbs i alla templates var för sig; single.php, page.php, archive.php etc.

Jag vill uppmärksamma en ny funktionalitet i CS5-versionen av Adobe Photoshop: Det som tidigare var uppgifter för riktigt duktiga PS-proffs är nu allmängods i och med ny fantastisk teknologi. Med en enkel knapptryckning städar du bort hela objekt ur bilder eller foton. Detta innebär nya möjligheter för de som inte är superavancerade användare, samt enorma tidsbesparingar för riktiga Photoshop-proffs. Ta en titt på videon så förstår du vad jag menar.

För dig som vill ha fullständig kontroll på dina utgående länkar följer här en kort guide till hur man på olika sätt kan sätta upp tracking på utgående länkar.

Den här artikeln förutsätter att du

1. sysslar med eller har intresse av affiliatemarknadsföring.
2. har installerat Google Analytics på din blogg/hemsida. För dig som inte kommit så långt rekommenderar jag att du börjar med att installera Google Analytics.

Cloakade länkar

Till att börja med är det en god idé att försöka tänka igenom hur man vill att utlänkarna ska se ut med hänsyn till URL. De allra flesta som jobbar med affiliate marketing är kloka nog att inte länka “rent” till de olika landningssidorna. Det vore ju ganska dumt att som affiliate promota det företag som man försöker agera mellanhand till, eller hur?

Olika metoder för att “cloaka” länkar:

• Bädda in i Javascript
• Olika sorters redirects: 301, 302 via PHP script, .htaccess eller motsvarande

JavaScript

<script type="text/javascript">
<!--
window.location = "http://www.landa.com/"
//-->
</script>

PHP

<?php

   header( 'Location: http://www.hemligsida.nu/exempel.html' ) ;

?>

.htaccess

Redirect 302 /produkt.html http://www.exempel.se/annansida.html

I kombination med att dölja länkens destination på olika sätt så brukar man också instruera sökmotorerna att inte följa länken genom att tagga länken med rel=”nofollow” och/eller blockera med robots.txt.

User-agent: *

Disallow: /mapp/

Själv anser jag att det är bättre att använda sig av robots.txt än nofollow-taggen. Anledning är kanske en smula grumlig, men syftet med nofollow-taggen är i grunden någonting annat än att kunna blockera sökmotorer. För det sistnämnda är robots.txt som klippt och skuret.

Link Hopper

För den som använder sig av WordPress som publiceringsverktyg kan jag rekommendera ett litet plugin som heter Link Hopper, som ger dig ett litet gränssnitt där du kan lägga in ompekningar av dina trackerlänkar. Du får också möjlighet att välja en egen url för varje länk. Pluginet sköter sedan ompekningen via en så kallad 302 HTTP header.  Det som är bra med en 302 ompekning är att den så gott som aldrig vidarebefordrar ankartext, PageRank flow eller något annat dyrbart.

Med Link Hopper kan din cloakade länk se ut så här:

http://www.dindomän.se/mapp/landningssida

Här är “landningssida” är lika med landningssidan hos den sajt som du förmedlar trafiken till. En fördel här är att man får en snygg custom url, snarare än de vanliga affiliatelänkarna som till exempel:

http://clk.tradedoubler.com/ad?12345&blaha=123123&köpsälj=949494

Med den övre varianten är det nog inte speciellt långsökt att anta att det i många fall ökar konverteringsgraden jämfört med att ha en vanlig affiliatelänk. Eller vad tror du?

Tracking i Google Analytics

Hur du nu än har cloakat dina affiliatelänkar så vill du ju naturligtvis ha full kontroll på klickstatistiken på dem. Billigaste sättet är att använda sig av Google Analytics. Följ dessa enkla steg för att sätta upp tracking på dina utgående länkar.

Till att börja med så kan jag säga att om du har valt att inte cloaka dina länkar på något vis utan nöjt dig med att sätta en nofollow-tag på dem och dessutom råkar ha WordPress som CMS för din sajt, så finns det ett litet fiffigt plugin som hjälper dig att automatiskt tagga upp dina utgående länkar. Pluginet heter Ultimate Google Analytics.

Om man nogsamt cloakat sina länkar enligt konstens alla regler så pekar ju länken inte direkt på en extern domän och då får man manuellt lägga till en javascript-tagg till varje utgående länk. Detta kan ju lösas på många sätt med lite fiffig programmering men här kikar vi alltså på en manuell lösning.

Lägg till följande tagg till dina länkar:

onclick="javascript:pageTracker._trackPageview('$valfriurl');"

Låt oss titta lite närmare på $valfriurl. Variabeln representerar alltså en virtuell url som du själv väljer hjälper dig att sortera statistiken för utklick i Google Analytics. Om man har många sidor med affiliatelänkar och på varje sida fler utlänkar så är det ju så klart intressant att kunna ta reda på vilka länkar som faktiskt konverterar. Ett bra sätt att strukturera sin virtuella url är som följer:

/utgående/landningssida/externlandningssida/länktyp

Ett mer verklighetstroget exempel skulle kunna se ut så här:

<a title="Tveka inte, handla redan idag!" href="http://www.dindomain.com/information/produkt" onclick="javascript:pageTracker._trackPageview('/outgoing/index/leksaksaffärn/textlänk');">Köp den redan idag!</a>

Ungefär så här kan det se ut när man exporterat sina data från Google Analytics till Excel:

Som synes är det överskådligt och mycket lätt att sortera och strukturera informationen.

Kul att du läst så här långt! Är tacksam om du vill hjälpa till och förbättra inlägget med dina synpunkter genom att lämna en kommentar nedan.