Guide för Beginnare: Så här använder du Rich Snippets i WordPress

Vill du add to Rich Snippets till din site i WordPress?

Rich Snippets allow you to have custom search listings for special content such as reviews, recipes, events, and more. Dessa search-listor kommer att sticka ut och bidra till att få mer trafik till din site.

I den här artikeln visar vi dig hur du addar Rich Snippets till din site i WordPress, steg för steg.

Varför använda Rich Snippets på din site i WordPress?

Rich Snippets använder vad som anropas schemamarkering för att ge extra information om ditt content till search engines.

Sökmotorernas bots använder dessa data för att visa ytterligare information om dina posts och pages i sökresultaten.

Detta bidrar till att dina posts och pages sticker ut mer i sökresultaten, vilket kan förbättra din organiska click through rate och hjälpa dig att öka trafiken på din blogg.

Googles sökstatistik bevisar detta och visar att rika resultat får 58 klick per 100 sökningar, vilket är bättre än vanliga sökresultat.

Det hjälper dig också att bygga upp auktoritet inom din nisch, eftersom din site blir mer synlig i search.

Rich snippets är inte bara för recensionssidor eller recept. Du kan använda Rich Snippets för evenemang, produkter , personer , hur man gör, videor , musik , appar , artiklar, blogginlägg och mycket mer.

Med det sagt, låt oss visa dig hur du addar Rich Snippets till WordPress. Använd bara snabblänkarna under för att hoppa direkt till den metod du vill använda.

Metod 1. Lägga till Rich Snippets med hjälp av ett plugin för WordPress

Det enklaste sättet att lägga till Rich Snippets i WordPress är att använda pluginet AIOSEO. Det är det bästa SEO-pluginet för WordPress på marknaden, som används av över 3 miljoner webbplatser.

Det hjälper dig att enkelt optimera din site för search engines utan att du behöver anlita en expert på sökmotorsoptimering. Dessutom kan du ställa in Rich Snippets på din site med ett par clicks.

Det första du behöver göra är att installera och aktivera pluginet AIOSEO. För mer detaljer, se vår guide för nybörjare om hur du installerar ett plugin för WordPress.

Efter aktivering kommer du omedelbart att tas till AIOSEO Setup Wizard. Du måste klicka på knappen ”Låt oss komma igång”.

Om Setup Wizard inte dyker upp omedelbart, gå bara till All in One SEO ” Dashboard.

Härifrån kan du klicka på knappen ”Launch the Setup Wizard”. Detta kommer att leda dig genom stegen för att konfigurera plugin för din website.

När du går igenom installationsguiden måste du aktivera addon ’Advanced Rich Snippets + Schema Markups’.

Kontrollera bara boxen så att den blir blå och klicka sedan på knappen ”Save and Continue”.

På den sista vyn måste du enter din license key och sedan clicka på knappen ”Connect”.

Du hittar den här informationen på din kontosida på AIOSEO:s webbplats.

För mer detaljer, se vår ultimata guide om hur du ställer in AIOSEO för WordPress korrekt.

Efter det kan du gå till AIOSEO ” Search Appearance i din WordPress adminpanel och sedan klicka på fliken ”Content Types”.

Sedan kan du ställa in schema markup-typen för dina posts och pages.

Klicka bara på alternativet ”Schema Markup” i menyn och sedan kan du välja schematyp i insticksprogrammet.

Du kommer att kunna se olika content types som du kan skapa med pluginet. Listan innehåller:

• Kurs
• Produkt
• Recept
• Programvara/App
• VANLIGA FRÅGOR
• Webbsida
• Profil
• Artikel

Om du klickar på en content type visas de fält som kommer att vara available.

Dessa inställningar kommer att vara standardinställningarna när du lägger till ett nytt blogginlägg. Du kan dock ändra dessa för enskilda poster också.

Under post schema markup kan du också kontrollera standardschemat för dina pages.

Välj helt enkelt ”Schema Type” från rullgardinsmenyn. Sedan har du ytterligare alternativ för den schematyp du väljer.

När du har slutfört dina ändringar klickar du på knappen ”Save Changes” innan du lämnar page.

Lägga till information om Rich Snippets i dina posts och pages

Nu kan du add to schema information till dina enskilda posts och pages, så att de visar unika rich snippets i sökresultaten.

För att göra detta öppnar du helt enkelt ett blogginlägg och rullar ner under post editor. Här ser du en meta box som heter ”AIOSEO Settings”.

Du måste klicka på tabben ”Schema” och sedan klicka på knappen ”Generate Schema”.

Då öppnas Schemakatalogen. Klicka på knappen ”Add Schema” bredvid den typ av schema som du vill lägga till.

Nu kommer det att finnas olika fält som är available att fylla i, baserat på det alternativ du väljer. Schematypen ”Software” innehåller till exempel fält för namn, operativsystem, price, description, review med mera.

När du är slutförd klickar du på knappen ”Add Schema”. Glöm inte att klicka på ’Update’ eller ’Publicera’ på posten för att också save your changes.

Att lägga till schema markup till enskilda WordPress pages är liknande. Du måste öppna upp sidan du vill edit och sedan rulla ner till ”AIOSEO Settings” meta box under page editor.

Klicka sedan på alternativet ”Schema” i menyn, klicka på knappen ”Generate Schema” och välj din page schematyp från Schema Catalog.

Olika alternativ kommer att visas beroende på vilken typ av schema du väljer.

Precis som ovan, när du är slutförd måste du klicka på knappen ”Add Schema” och trycka på ”Update” eller ”Publicera” på sidan för att göra dina ändringar live.

Att lägga till Rich Snippets information kommer inte att göra någon skillnad på the front end av din WordPress blogg. Du kommer dock att ge sökmotorns bots extra data att visa med dina poster och pages i sökresultaten.

Metod 2. Lägga till Rich Snippets genom att lägga till kod i WordPress

Ett annat sätt att add to Rich Snippets i WordPress är att lägga till kod i WordPress. Om du inte har gjort det tidigare kan du läsa vår guide om hur du copy and paste kod i WordPress.

Rich Snippets eller strukturerad datamarkering kan skrivas in i tre olika vokabulärer. Dessa vokabulärer är mikrodata, RDFa och JSON-LD. Du kan använda vilken som helst av dem på din site. De flesta nybörjare tycker dock att RDFa är mer nybörjarvänligt.

Här är ett exempel på en användares ”About Page” i WordPress. Normalt kommer texten på sidan att se ut ungefär så här:

John Smith
<img src="johnsmith.jpg" alt="Photo of John Smith"/>
Support Technician
342 Acme Inc.
101 Washington Avenue
Eagleton IN 98052
(425) 123-4567
<a href="mailto:johnsmith@example.com">johnsmith@example.com</a>
Website:
<a href="http://www.example.com">example.com</a>

Detta kan enkelt omvandlas med Rich Snippets.

Om du är bekant med HTML kan du lätt förstå följande exempel:

<div vocab="http://schema.org/" typeof="Person">
  <span property="name">John Smith</span>
  <img src="johnsmith.jpg" property="image" alt="Photo of John Smith"/>
  <span property="jobTitle">Support Technician</span>
  <div property="address"  typeof="PostalAddress">
    <span property="streetAddress">
      342 Acme Inc.
      101 Washington Avenue
    </span>
    <span property="addressLocality">Eagleton</span>,
    <span property="addressRegion">IN</span>
    <span property="postalCode">46818</span>
  </div>
  <span property="telephone">(425) 123-4567</span>
  <a href="mailto:johnsmith@example.com" property="email">johnsmith@example.com</a>
Website
  <a href="http://example.com" property="url">example.com</a>
</div>

För varje content type finns det några speciella egenskaper som måste definieras.

Schema.org är den organisation som hjälper till att upprätthålla standarden för olika content types. Du hittar omfattande dokumentation med exempel för varje schema content type på deras website.

Här är ett annat exempel på ett recept med Rich Snippets.

<div vocab="http://schema.org/" typeof="Recipe">
  <span property="name">Mom's World Famous Banana Bread</span>
  By <span property="author">John Smith</span>,
    <img property="image" src="bananabread.jpg"
    alt="Banana bread on a plate" />
  <span property="description">This classic banana bread recipe comes
  from my mom -- the walnuts add a nice texture and flavor to the banana
  bread.</span>
  Prep Time: <meta property="prepTime" content="PT15M">15 minutes
  Cook time: <meta property="cookTime" content="PT1H">1 hour
  Yield: <span property="recipeYield">1 loaf</span>
  Ingredients:
  - <span property="recipeIngredient">3 or 4 ripe bananas, smashed</span>
  - <span property="recipeIngredient">1 egg</span>
  - <span property="recipeIngredient">3/4 cup of sugar</span>
  ...
  Instructions:
  <span property="recipeInstructions">
  Preheat the oven to 350 degrees. Mix in the ingredients in a bowl. Add
  the flour last. Pour the mixture into a loaf pan and bake for one hour.
  </span>
</div>

Om du manuellt lägger till Rich Snippets i dina WordPress-poster måste du manuellt add to HTML i WordPress. För mer detaljer, se vår guide för nybörjare om hur du redigerar HTML i WordPress code editor.

Du kan också behöva hänvisa till Googles resurs för utvecklare om strukturerade data för att förstå vilka egenskaper som är obligatoriska för varje content type.

Testa dina Rich Snippets och Schema Markup

Om du lägger till Rich Snippets manuellt, är det bra att se till att du har lagt till strukturerad data på din website i WordPress på rätt sätt.

För att kontrollera dina Rich Snippets, behöver du bara heada till Googles testverktyg för strukturerad data. Sedan finns det två olika tester du kan run för att testa dina strukturerade data.

Klicka först på knappen ”Go to the Rich Results Test”. Detta kommer att se vilka rika resultat som kan genereras för din page.

Enter sedan URL:en till din page eller post i boxen.

Klicka sedan på knappen ”Test URL”.

Detta kommer automatiskt att generera en rapport för att se vilka utvalda funktioner som kan visas när den sidan eller det utvalda inlägget publiceras i sökresultaten.

Det ger dig eventuella error eller varningar, så att du kan förbättra dina strukturerade data. You can click the drop-down arrow next to any warning, and you’ll get detailed instructions on how to fix it.

Därefter kan du testa din schemamarkering genom att gå tillbaka till Googles Structured Data Testing Tools page.

Klicka sedan på knappen ”Go to the Schema Markup Validator”.

Därefter enter du din URL eller code snippet i popupen ”Test your structured data”.

Klicka sedan på knappen ”Run Test”.

Tools analyserar automatiskt din kod för att se om det finns några error.

Du vill se 0 error på höger sida av page.

Vi hoppas att den här artikeln hjälpte dig att lära dig hur du använder rich snippets på din WordPress-webbplats. Du kanske också vill se vår guide om hur du väljer den bästa domännamnsregistratorn och våra expertval av de bästa AI-chattbotarna för din webbplats.

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.