Pagination finns över hela webben. Men som praktiskt som det kan det ibland orsaka problem för sökmotorer. I den här artikeln lär du dig hur du löser dessa problem via HTML-länkelement.
Så mycket som vissa besökare blir irriterad av pagination, kan det ofta vara mycket användbart. Det kan vara ett verktyg för att hjälpa till att navigera på en webbplats och hitta vilken information som användaren letar efter lättare.
Pagination finns över hela webben och oftare än du tror. Sökmotorer delar till exempel sina sökresultat i flera sidor (vanligtvis med tio resultat per sida, men ibland endast sju). Forum använder pagination för att bryta tråden i mindre bitar. Produktrecensationswebbplatser, som TechRadar, använder det för att låta läsare snabbt hoppa till en viss del av deras artiklar.
Dessa exempel används till förbättra användarupplevelsen. I stället för att betjäna en lång sida med resultat presenterar de flera mindre bitar (och förmodligen den mest relevanta först) som är lättare att konsumera. En annan fördel är att kortare sidor laddas snabbare.
Men det finns en annan anledning till att webbplatser använder pagination: sidvisningar. Genom att skära en artikel i två eller tre sidor kan de dubbla eller tredubbla antalet sidvisningar. Varför? Eftersom det tillåter dem att visa extra annonser och maximera sina intäkter.
Det är inte alla regnbågar och fjärilar i paginationsvärlden. Det kan ibland orsaka några SEO-problem.
Ett av dessa problem är dubbletter. När paginering implementeras felaktigt kan det orsaka dubbla innehållsproblem (har redan talat om dubbletter i denna SEO-session, vi kommer inte att gå in i detalj).
Pagination kan också utspäda din SEO-insats eftersom du delar din länksaft mellan flera sidor istället för en enhet. På grund av detta är det också möjligt att fel sida rankas. Om en irrelevant sida får tillräckliga länkar kan det bli en målsida och "stjäla" organisk trafik från huvudsidan.
Tack och lov, även för detta problem finns det en lösning. Sedan 2011 erkänner Google HTML-länkelementen rel =”next”
och rel =”prev”
; Vi kan använda dessa element för att ange ett förhållande mellan flera webbadresser. Detta låter dig länka flera sidor tillsammans och identifiera dem som en del av en större uppsättning. Google behandlar sedan dessa sidor som en.
Låt oss illustrera detta med ett exempel. Vi har en lång artikel som är uppdelad i tre separata sidor med följande webbadresser:
Om vi vill berätta för Google och andra sökmotorer att dessa tre sidor tillhör varandra kan vi använda rel =”next”
och rel =”prev”
attribut. Vi lägger till följande kod till avsnitt av den första sidan (Lång artikel-del-1):
Om sökmotorer kryper på första sidan ser de att webbadressen som angavs i länkelementet är faktiskt relaterad till den här sidan. På den andra sidan vi måste också lägga till rel =”prev”
attribut:
På den tredje sidan vi behöver bara länka till den näst sista URL:
Eftersom det här är den sista sidan i serien behöver vi inte lägga till rel =”next”
märka.
Notera: vissa webbläsare förinstallerar automatiskt "nästa" sida. Lägga till det här länkelementet kan ibland minska den uppfattade laddningstiden.
Förutom rel = next / prev-attributet kan vi använda en alternativ lösning för att lösa paginationsproblem:
rel = canonical
Du kommer säkert ihåg det rel = canonical
tagg från vår dubbla innehållsartikel. För er som saknade det, här är en kort förklaring:
De rel = canonical
taggen säger sökmotorer att den aktuella sidan är en kopia av en annan sida. Via den här taggen överförs all länksjuice till den ursprungliga sidan.
Så hur kan vi använda den här taggen för att hjälpa sökmotorer med pagination? Enkelt: Vi skapar en vy hela sidan, det vill säga en sida med allt innehåll i kombination. Vi kan då använda rel = canonical
tagg för att länka de separata sidorna till den här sidan.
Om du redan har en vy över hela sidan kan Google ha gjort det automatiskt:
När vi upptäcker att en paginerad serie också innehåller en vy-all version, gör vi nu en större insats för att återvända visnings-hela sidan i sökresultat när det är lämpligt. - Benjia Li (indexeringsingenjör på Google)
Så chansen är att du inte ens behöver oroa dig för det här. Men om du verkligen vill se till att det här är gjort korrekt, lägg till rel = canonical
länk.
Glöm inte att använda rel = canonical
taggen säger att sökmotorer bara indexerar innehållet från den kanoniska URL-adressen (i det här fallet visar hela sidan). Så använd inte det kanoniska elementet för att länka sidan 2, 3, 4 ... till första sidan.
Pagination kan orsaka dubbla innehållsproblem och orsaka irrelevanta sidor att dyka upp i sökresultaten. Vi kan använda rel = next / prev-elementet för att lösa dessa problem. De informerar sökmotorer om att de paginerade sidorna är en del av en större enhet. Alternativt kan vi skapa en allsidig sida och använda rel = canonical taggen för att länka till den här sidan.