Hur man lägger Schema Markup till WordPress och WooCommerce-webbplatser (SEO-plugins vs Manuellt)

Schema markup ger ytterligare data till sökmotorer och främjar användningen av andra verktyg som sociala medieplattformar och Google’s kunskapspaneler. Om det nyttjas på rätt sätt kan det ge din SEO ett uppsving. Dina sidor kan nämligen bli kvalificerade att visas för speciella SERP-funktioner, vilket ger dig en extra synlighet i sökresultaten.

Det finns flera sätt att lägga till denna markup på din webbplats. Du kan antingen installera ett plugin eller lägga till rätt kod manuellt.

I det här inlägget ska vi förklara begreppet Schema Markup, visa dig några av fördelarna, och ge dig några exempel. Du får även lära dig hur du lägger till Schema Markup på din WordPress-webbplats.

Och kom ihåg att ditt slutmål är att öka din butiks intäkter. Så se till att ladda ner vår kostnadsfria e-bok, 10 sätt att boosta konverteringarna på din produktsida på WooCommerce.

Vad är Schema Markup?

Schema Markup är en sorts metadata(Benämns mikrodata) som läggs till på din webbplats för att ge sökmotorerna mer information om vad som händer. Vi har tidigare använt HTML-taggar för att ge denna typ av information till sökmotorer.

Titeltaggar, metabeskrivningar och metanyckelord  (inte längre relevanta) har alla varit användbara för att berätta för sökmotorerna vad en webbplats handlar om.

Men detta ger inte sökmotorer all information de behöver för att helt kunna förstå vad din webbplats handlar om och vem den kan tilltala. Och det är där Schema Markup kommer in i bilden.

Schema Markup läggs till i HTML-koden för sidorna på webbplatsen. Det ger enskilda element extra egenskaper, exempelvis vilken typ av information de inkluderar och vad sammanhanget är.

Du kan exempelvis se följande kod på en sida:

<div itemscope itemtype ="http://schema.org/Movie">
  <h1 itemprop="name">Avatar</h1>
  <span>Director: <span itemprop="director">James Cameron</span> (born August 16, 1954)</span>
  <span itemprop="genre">Science fiction</span>
  <a href="../movies/avatar-theatrical-trailer.html" itemprop="trailer">Trailer</a>
</div>

Schema Markup lägger till ett extra lager data till ditt innehåll. Det berättar för sökmotorer om detta handlar om en organisation, en person, en plats, eller kanske rent av en film.

Detta innebär att när människor söker efter dessa saker, är sannolikheten större att de får ett korrekt resultat. Det gör det mer troligt att dina sidor kommer att hittas i sökresultaten. Sannolikheten är också större att du får korrekta kunskaps-paneler i Google och att dina sociala medie-konton kommer att länka effektivt till din webbplats och öka din sökranking.

För att ge en bättre förklaring ska vi strax visa dig några exempel på hur Schema Markup kan användas och vilken typ av information som det ger.

Fördelarna med att lägga till Schema Markup på WordPress-webbplatser

Innan vi börjar titta på hur du lägger till Schema Markup till din WordPress-webbplats, ska vi identifiera fördelarna.

Den stora fördelen är SEO. Genom att tillhandahålla kontextuella data till sökmotorer, blir det mer sannolikt att din WordPress-webbplats kommer att rankas högre i SERPS. Det innebär att de mer finkorniga detaljerna som krävs av sökmotorer år 2020 mer sannolikt kommer att vara korrekta och återspegla vad din webbplats egentligen handlar om.

Så om du driver en personlig webbplats med din egen blogg, kan du berätta för sökmotorerna att din webbplats representerar en person och vem den personen är. Tack vare Schema Markup kan du även länka din webbplats till dina individuella konton på sociala medier.

Kolla in vår videoguide om hur man lägger till markup för sociala medier

Om din webbplats representerar en organisation, kan du istället berätta detta för sökmotorerna.

Det finns även fördelar för platsberoende SEO. Du kan använda Schema Markup för att tala om för sökmotorer var din webbplats är baserad eller var organisationen den representerar är baserad. Om människor letar efter en viss företagstyp i ditt område får du högre rankning av sökmotorerna.

Schema Markup hjälper dig även med kunskapspanelerna i Google. Kunskapspaneler är informationsområden som visas till höger om sökresultaten. De relaterar till söktermer och kommer att ge informationsrika tabeller från en mängd olika källor.

Så om jag exempelvis söker efter Matt Mullenweg, ser jag en kunskapspanel som berättar lite mer om honom.

Om du lägger till Schema Markup på din WordPress-webbplats får Google veta om din webbplats representerar en individ eller organisation, och vilka sorters innehåll det finns på dina sidor. Google kan använda detta för att fylla i din kunskapspanel och se till att den innehåller mer (och mer exakt) information från olika källor, som dina konton på sociala medier.

Schema Markup hjälper även till med innehållsrika utdrag och webbplatslänkar. Detta innebär att din sökmotor-notering inte bara inkluderar din hemsida, utan även extra information såsom innehåll från din webbplats eller en lista över undersidor inom din webbplats. Schema Markup ger information som hjälper sökmotorer att ta den informationen och lägga till den i dess SERPS. Dessa rika sökresultat har visat sig öka den genomsnittliga klickfrekvensen.

Schema Markup kan även hjälpa dig att länka din webbplats till dina sociala medie-konton. En typ av mikrodata som du kan inkludera i din webbplats är en länk till olika sociala medie-konton inklusive Facebook och Twitter. Detta kommer att hjälpa sökmotorerna att använda dessa två informationskällor för att ge människor de resultat de behöver när de söker efter något om dig.

Exempel på Schema Markup

Nu vet du varför du borde lägga till Schema Markup till din WordPress-webbplats. Men innan du kan göra detta måste du veta vilken typ av Markup som du kan lägga till och vilka datatyper som stöds.

Det finns en fullständig lista över dessa datatyper på schema.org och de vanligaste är:

• Creative works: CreativeWork, Book, Movie, MusicRecording, Recipe, TVSeries etc.
• Embedded non-text objects: AudioObject, ImageObject, VideoObject.
• Event.
• Organization.
• Person.
• Place, LocalBusiness, Restaurant, and more.
• Product, Offer, AggregateOffer.
• Review, AggregateRating.
• FAQ
• HowTo
• Podcast.

Detta är endast en liten delmängd av de datatyper som finns: det finns dussintals, om inte hundratals av dem. Google har satt ihop en praktisk sida för att visa vilka SERP-funktioner som du kan förvänta dig att se när du lägger till strukturerad data på dina sidor.

Faktum är att det läggs till fler hela tiden. Schema version 6.0 har exempelvis lagt till nya datatyper inklusive MediaGallery, SportsEvent, FloorPlan och extra egenskaper för JobPosting.

Och med den senaste tidens händelser som är relaterade till Coronaviruset, inkluderar Schema.org nu även scheman för särskilda meddelanden, Testplatser för Covid-19 Testing, och mycket mer.

Fördelarna med att flagga Podcasts med Schema Markup

Nu när fler och fler av oss förlitar oss på röstassistenter som Amazon’s Echo eller Google Assistant, blir det allt viktigare att flagga att ditt innehåll är en podcast.  Faktum är att Google nu inkluderar ljudkällor i sökresultaten och börjar prioritera ljudformat i sökresultaten på enheter som använder Android, dess appar och dess hemsida, vilket ger din podcast mer synlighet.

Att använda datatyperna

Tänk dig att din webbplats representerar en restaurang. För att berätta detta för sökmotorerna bör du använda Schema Markup, särskilt datatyperna Organization och Restaurant, för att lägga till denna information på dina sidor.

Utöver dessa datatyper kanske du även vill ha en platssida och sidor för event på din restaurang. Då ska du använda datatypen Event för att ge sökmotorer mer information om detta.

Detta var endast ett litet exempel, men det låter dig se hur flera datatyper kan relatera till en viss webbplats eller sida.

Senare i det här inlägget ska vi visa hur du använder ett plugin för att lägga till mikrodata som tillhandahålls av schema.org till de olika sidorna på din WordPress-webbplats.

Först ska vi dock ta en titt på några verkliga exempel på Schema Markup.

Exempel på Schema Markup: Kinsta.com

Kinsta-webbplatsen är ett bra ställe att börja på.

Om vi gör en sökning efter Kinsta får vi ett resultat som inte bara innehåller länken till webbplatsen utan som även innehåller andra söktermer. Det handlar om ord som personer har använt för att hitta Kinsta och några av de mest sökta undersidorna på webbplatsen.

Om du kopplar ihop kinsta-webbplatsen med Googles verktyg för testning av strukturerad data kommer du se att ännu mer mikrodata ingår i vår webbplats.

(Det finns även ett ganska häftigt påskägg där logotypen och annan grafisk information återges som kod!)

När vi inspekterar resultaten av datatestverktyget kan vi se de datatyper för Schema Markup som används, varav några är:

• @type: WebPage.
• Publisher @type: Organization.
• Publisher sameAs: https://www.facebook.com/kinstahosting (Det finns även data för Instagram, Twitter, och andra plattformar för sociala medier).
• isPartOf name: Kinsta Managed WordPress Hosting.

Detta är endast ett smakprov på den mikrodata som tillhandahålls om Kinsta. Resten hittar du på testverktyget för Google´s Strukturerade data.

Exempel på Schema Markup: Yoast.com

Låt oss ta en titt på ett annat exempel på Schema Markups som används på en webbplats. Jag har valt Yoast eftersom deras SEO-plugin inkluderar Schema Markups.

Om du googlar Yoast, kommer du att hitta några webbplatslänkar (precis som när du googlar Kinsta), men du får även en kunskapspanel som innehåller information om Yoast och om deras sociala medie-konton.

Om du kör yoast-webbplatsen via verktyget för testning av strukturerad data, kommer du upptäcka att de använder Schema Markups för att tillhandahålla den här informationen (som förväntat).

Schema Markup används huvudsakligen av organisationer och av teknikorganisationer. Detta beror på att det historiskt sett inte har varit så enkelt att lägga till Schema Markup på en webbplats. Webbplatsägare på WordPress har dock den fördelen att de kan använda ett plugin för att lägga till ett sådant.

Låt oss se hur man gör.

Hur du lägger till schema Markup på din WordPress-webbplats

Det finns olika sätt att lägga till schema.org Markup. Låt oss ta en titt på dem!

Lägga till schema Markup via ditt tema

Ett sätt att lägga till Schema Markup till din WordPress-webbplats är att installera ett tema som inkluderar Schema Markup. Om du söker efter schema i WordPress temakatalog får du ett antal resultat.

Låt oss ta en titt på några av dessa teman.

The Schema

Det kostnadsfria temat The Schema är utformat för att öka din SEO. Det inkluderar schema som en del av koden och hävdar att det kommer att bidra till att förbättra din sökmotor-ranking. Det har även inbyggda prestandaförbättringar.

Schema Lite

Temat Schema Lite är den kostnadsfria versionen av premium-temat Schema. Det inkluderar inte lika många funktioner som premium-temat, men är bra att pröva för att se om du gillar temat.

Schema

Premium-temat Schema har en liknande design som Schema Lite, men inkluderar fler funktioner för att förbättra SEO. Det inkluderar en alternativsida där du kan lägga till information om din webbplats som sedan kommer att läggas till som Schema Markup.

Lägga till Schema Markup via ett dedikerat WordPress-plugin

De flesta webbplatser har redan ett tema installerat, så du kanske inte vill ändra ditt tema bara för att få Schema Markup. Den goda nyheten är att det finns plugins som du kan använda för att lägga till Schema Markup på din WordPress webbplats.

Låt oss ta en titt på några av alternativen.

Pluginet Schema

Med pluginet Schema är det enkelt att lägga till Schema Markup i WordPress. Det har några användbara funktioner som exempelvis aktivering av olika schematyper beroende på kategori eller inläggstyp, och är kompatibelt med anpassade inläggstyper. Det kommer även att fungera med andra installerade plugins, inklusive  SEO-plugins för att dra nytta av Markup som du redan använder.

Detta plugin använder JSON-LD (ett lättviktigt länkat data-format), vilket är vad som rekommenderas av Google och även stöds av Bing. Observera att review markup inte ingår i kärn-pluginet. Det finns dock ett kostnadsfritt Schema Review-plugin som kommer att lägga till denna förmåga.

Låt oss ta en titt på hur du ställer in pluginet Schema.

Installera det som vanligt genom att gå till Plugins > Lägg till nytt och söka efter  Schema. Klicka på Installera och sedan Aktivera.

När pluginet är installerat och aktiverat, ska du gå till Schema>Inställningar för att lägga till Schema Markup på din webbplats. Fyll i den grundläggande informationen, som platsen för dina Om- och Kontaktsidor, och lägg även till en logotyp.

Klicka sedan på knappen för Snabbkonfigurationsguiden för att börja göra dina inställningar.

Ta dig igenom guiden och ge information om din webbplats och dina sociala medie-profiler. Klicka sedan på knappen i slutet för att redigera dina anpassade inläggstyper.

Lägg till eventuella extra anpassade inläggstyper på din webbplats i listan genom att klicka på knappen Lägg till nytt och fylla i uppgifterna. Du kan även använda den här skärmen för att lägga till Schema Markup i kategorier. Kolla in plugin-dokumentationen för lite mer avancerade användningsmöjligheter.

Om du vill justera dina inställningar ytterligare går du till fliken Inställningar. Du kan även lägga till tillägg genom att gå till Schema>Tillägg. Här kan du lägga till ytterligare plugins för bland annat WooCommerce. Du kan även installera premiumversionen av Schema-pluginet som innehåller följande extra funktioner:

• Välj var du ska mata ut schema.org-skriptets Markup.
• Minifiera skripten.
• Lägg till en länk i administratörsfältet för att testa schema.org Markup.
• Aktivera instruktioner för Egenskaper.
• Lägg till schema.org Markup till arkiven för inläggstyper och taggar.

För ännu ett snabbt och enkelt sätt att minifiera skript och öka din övergripande optimering, överväg att även minifiera din kod. Kinsta har byggt in en kodminifierings-funktion direkt i MyKinsta-instrumentpanelen. Den gör att våra kunder kan aktivera automatisk CSS- och JavaScript-minifiering med ett enkelt klick

Om du behöver avancerad Schema Markup på din webbplats kanske du tycker att det är värt att betala lite extra.

Pluginet Schema Pro

Pluginet Schema Pro är ett alternativt premium-plugin som kommer att lägga till avancerad Schema Markup på din WordPress-webbplats.

Dess funktioner inkluderar:

1. Stöd för ett brett spektrum av datatyper.
2. Fullständig automatisering så att schemadata läggs till nya och befintliga inlägg och sidor.
3. Stöd för anpassade inläggstyper, taxonomier och arkiv.
4. Anpassat fältstöd.
5. Möjligheten att utöka och lägga till mer Markup.

Alternativa plugins

Schema och Schema Pro är inte de enda plugins som kommer att lägga till schema.org Markup på din webbplats. Här är lite exempel på andra plugins:

• WordLift AI powered SEO
• WP SEO Structured Data Schema
• All In One Schema Rich Snippets
• Schema and Structured Data for WP & AMP
• WPSSO Schema JSON-LD Markup
• Markup (JSON-LD) structured in schema.org
• Schema App Structured Data
• SEOPress
• WP Review (Lägger till Schema Markup specifikt för recensioner).

Lägga till Schema Markup via Yoast SEO-Plugin

Om du redan använder Yoast SEO-plugin på din WordPress-webbplats, kan du använda detta plugin för att lägga till Schema Markup. Det lägger inte till så mycket Markup som några av de premium-plugins som anges ovan, och är inte tillägnat Schema Markup. Men om du nyttjar detta behöver du inte installera och konfigurera ännu ett plugin.

Låt oss ta en titt på hur det här fungerar.

När du först installerar Yoast kommer du att bli tillfrågad om exempelvis vilken enhet som webbplatsen representerar, samt om sociala medie-länkar. Allt detta är en del av tillägget av Schema Markup på din WordPress-webbplats.

Du kommer allra först att få frågan vilken typ av organisation som webbplatsen representerar.

Sen blir du tillfrågad om namnet på personen eller organisationen. Om det är en organisation måste du även ladda upp en logotyp. I skärmbilden nedan har jag valt en användare som representant för webbplatsen. Om du behöver ändra detaljer om personen, gör du det via deras profilsida.

Om webbplatsen representerar en person som inte har ett användarkonto har du två alternativ. Du kan antingen välja alternativet Organisation och fylla i uppgifterna som om personen är en organisation. Du kan även konfigurera ett användarkonto med en e-postadress som är ett eget alias, så att din klient inte börjar ta emot e-postmeddelanden från systemet.

Om du behöver uppdatera den typ av enhet som din webbplats representerar, kan du gå till SEO > Sök utseende och välja fliken Allmänt. Bläddra ner till sektionen Kunskapsgraf & Schema.org och fyll i rätt detaljer där.

Om din webbplats representerar en individ kan du välja en användare från listrutan så kommer pluginet att ta information om den användaren från användarprofilen. Om denna personen är du, ska du fylla i din användarprofil med information om ditt namn och dina sociala medie-konton.

Om webbplatsen representerar en organisation eller en person som inte har ett användarkonto kan du helt enkelt mata in information om den personen eller organisationen i stället för att välja en användare. För att göra detta, gå till SEO > Social.

När du har ställt in webbplatstypen kommer Yoast att automatiskt lägga till datatyper och Schema Markup på din WordPress-webbplats.

Här är lite exempel på hur Yoast lägger till Schema Markup på din WordPress-webbplats:

• Fullständiga entitetsgrafer, baserat på innehållstyperna på webbplatsen och inställningarna för webbplatstypen. Det här är listan över entiteter och innehållstyper på webbplatsen, som de visas när du kör ett test i Googles verktyg för testning av strukturerad data.
• Markup av enstaka inlägg och sidor med datatyperna Article och Author.
• Mark up av arkivsidor med lämplig datatyp, exempelvis CollectionPage för taxonomi- och datumarkiv och ProfilePage för författararkiv.
• Markup av sökresultat som SearchResultsPage.

En annan intressant funktion är Yoast Structured Data Blocks. Du kan använda dessa för att lägga till FAQs, förklaringar till dina inlägg eller sidor, så kommer relevant Schema markup att användas för att berätta för sökmotorer vad de är.

Du kan även lägga till extra Schema Markup med Yoast-tillägg, exempelvis platsdatatyper med tillägget Local SEO och nyheter med tillägget News SEO.

Hur man lägger till schema Markup i en WooCommerce-butik

Om du driver en WooCommerce-butik finns det ännu fler fördelar med att implementera Schema Markup. Om sökmotorerna förstår vad din butik säljer och var dess viktigaste marknader är, är de mer benägna att visa din butik för din målgrupp. Så det är smart att lägga till Schema Markup i din WooCommerce-butik för att förbättra SEO.

Varför ska du lägga till Schema Markup i din butik?

Om du lägger till Schema Markup i din butik berättar du två viktiga saker för besökare.

Den första är varumärket: Organisationens typ och dess undertyper kommer att berätta för sökmotorer vilken butik som denna webbplats till för och vilken typ av återförsäljare det gäller. Du kan även använda datatyper för lokala företag för att locka till dig lokala kunder.

Du kan även använda Schema Markup för att märka upp dina inläggstyper. På så sätt vet sökmotorer att du säljer produkter. Detta maximerar dina chanser att komma in på sökresultaten för shopping.

Lägga till Schema Markup i WooCommerce-butiker via ett dedicerat WordPress- plugin

Det finns några plugins som låter dig lägga till Schema Markup i din WooCommerce-butik:

• Yoast WooCommerce SEO är ett premium-plugin som låter dig lägga till en liknande Schema Markup till din butik som det normala Yoast-pluginet lägger till på en allmän webbplats.
• E-commerce SEO by WordLift lägger till strukturerad data och utökad produkt-markup för att ge dina produkter mer synlighet i Googles detaljhandels-listor.
• WPSSO Core (Premium)  innehåller e-handelsmarkup för WooCommerce-butiker. Det har en avgiftsstruktur som baseras på antalet WordPress-installationer.
• Schema WooCommerce är ett WooCommerce-tillägg för det schema-plugin som vi redan har tittat på ovan. Det lägger till relevant Schema Markup till din e-handelsbutik.

Hur man lägger till Schema Markup till WordPress manuellt

Det sista alternativet är att lägga till Schema Markup till din WordPress-webbplats manuellt, utan ett plugin. Fördelen är att du slipper extra kod, det kommer dock att kräva mer arbete.

Du kan göra detta genom att redigera mallfilerna i ditt tema.

Om du exempelvis har en loop-singel.php fil som lägger ut enskilda inlägg, kan filen bestå av den här koden:

<article id="post-<?php the_ID(); ?>" <?php post_class(); ?>>

 <h2 class="entry-title"><?php the_title(); ?></h2>

 <?php if ( has_post_thumbnail() ) { ?>                            
  <?php the_post_thumbnail( medium, array(
   'class' => 'left',
   'alt'      => get_the_title()
  ) );
 ?>                  
 <?php } ?>

 <section class="entry-content">
  <?php the_content(); ?>
 </section><!-- .entry-content -->

</article>

Du skulle kunna redigera den koden så att den inkluderar Schema Markup, så här:

<article itemscope itemtype ="http://schema.org/Article" id="post-<?php the_ID(); ?>" <?php post_class(); ?>>
  
 <h2 itemprop="name" class="entry-title"><?php the_title(); ?></h2>

 <?php if ( has_post_thumbnail() ) { ?>                            
  <?php the_post_thumbnail( medium, array(
   'class' => 'left',
   'alt'      => get_the_title()
  ) );
  ?>                  
  <?php } ?>

 <section itemprop=”articleBody”>class="entry-content">
  <?php the_content(); ?>
 </section><!-- .entry-content -->

</article>

Du kan förmodligen lägga till mer, exempelvis till den presenterade bilden och metadata. Ta reda på vilka objekttyper och egenskaper som gäller för ditt innehåll på Schema.org´s webbplats.

Du skulle då behöva lägga till relevant markup till var och en av mallfilerna eller inkludera filer i ditt tema, inklusive din header.php fil.

När du har gjort detta kommer det automatiskt att läggas till på varje sida med hjälp av den mallfilen. Du kanske upptäcker att du måste lägga till extra mallfiler för inläggstyper som använder filer högre upp i hierarkin, men det skulle bara innebära att du kopierar och byter namn på befintliga filer och sedan lägger till Schema Markup.

Testa din Schema Markup

När du har lagt till Schema Markup på din WordPress-webbplats eller kanske rentav innan du gör det, är det bra att genomföra ett test.

Använd Googles verktyg för testning av strukturerad data.

Öppna verktyget i din webbläsare och skriv in webbadressen till webbplatsen. Vissa plugins kommer att ge dig en knapp som länkar till detta direkt från WordPress instrumentpanel.

Googles testverktyg kommer att indikera vilka aspekter av Schema markup som finns i din webbplats och vilka som saknas. Om det saknas något som du tror att du behöver, kan du gå tillbaka och justera dina plugin-inställningar eller lägga till saknad markup manuellt.

Sammanfattning

Tillägg av Schema Markup på din WordPress-webbplats kommer att ge dig en SEO-boost eftersom det kommer att berätta mer om din webbplats för sökmotorerna. Att visa relevant information direkt på en sökmotors sida kan vara skillnaden mellan att göra en försäljning eller inte.

De flesta webbplatser använder ännu inte Schema Markup, så om du spenderar en kort tid på att lägga till detta, kommer du omedelbart att ligga steget före dina konkurrenter. Du kan antingen göra detta manuellt, använda ett SEO-plugin som Yoast, eller installera ett dedikerat schema-plugin på din webbplats.

Nu vill vi höra: Drar du nytta av Schema Markup på din webbplats? Låt oss veta i kommentarerna!