Så här lägger du till rika utdrag för recensioner till din WordPress-blogg

Så här lägger du till rika utdrag för recensioner till din WordPress-blogg / Wordpress & Webbutveckling

Jag skrev för några veckor sedan om hur Google förändrade sökresultaten dramatiskt. Vilken semantisk markering är och hur den kommer att förändra Internet för alltid [Teknologi förklaras] Vilken semantisk markering är och hur den kommer att förändra Internet för alltid [Teknologi förklaras] Läs mer genom att inkludera mer och mer semantisk information - eller vad Google tycker om att referera till som Rich Snippets.

Senast var detta i form av receptmetadata, såsom ingredienser eller matlagningstid. Om du kör en WordPress-blogg baserad på recensioner av någonting är det enkelt att lägga till semantisk markering.

Det kan dock hända att ditt utvalda bloggtema kastar några fel, så låt oss ta en titt på ett lämpligt plugin och hur man hanterar några av de fel du kan se.

GD StarRatings:

Om du gör någon form av recensioner på din blogg är GDStarRatings ett absolut måste-plugin, och jag har använt det från början på min iPad Board Games-sida för att tillåta läsare att betygsätta spel de spelat.

Det här pluginet har funnits med tiden och utvecklarna var tankeväckande nog för att inkludera Rich Snippet-markup sedan förra året. Till skillnad från det nya receptmikroformatet har markeringen och reglerna för recensioner länge upprättats, så pluggen själv producerar välformaterad recensionskod utan några valideringsfel för Google.

Låt oss ta en snabb titt på att installera och få pluginprogrammet, eftersom det kan vara lite skrämmande med alla tillgängliga alternativ. Låt oss först ladda ner det från WordPress-gränssnittet.

Efter aktivering läggs som standard plugin till a rating block, en tummen upp blocket, och kommentar betyg.

Låt oss inaktivera några av de som vi inte behöver. Expandera avsnittet Nya betyg på din sidbalk på admin och klicka på inställningar. Börja med att inaktivera “tummen upp” betyg genom att klicka på den gröna tummen upp-ikonen bredvid ordartikeln (kolla in skärmdumpen). Avmarkera alla alternativ för Skriv in automatiskt betygskod, och det borde ta bort dem.

Jag gick vidare och gjorde detsamma för alla andra automatiskt inmatade betyg, med undantag för huvudartikeln betyg som är den enda jag vill ha.

Testning med testverktyg för Google Rich Snippets:

Gå över till testverktyget för Google Rich Snippets här, och ange URL-adressen till en av dina recensioner.

Efter att ha kört igenom testverktyget kan du hitta några fler fel som jag gjorde, men de kommer att relateras till ditt individuella tema i stället för rating plugin. Till exempel, på mitt tema fann jag att även sådan enkel semantisk information som “entry-titel” tillsattes inte. För att fixa dessa måste du veta lite HTML.

Varning: Saknas obligatoriskt fält “entry-titel”.

Varning: Saknas obligatoriskt fält “uppdaterad”.

Varning: Saknas krävs hCard “författare”.

Öppna temapappen på din blogg, som finns på wp-innehåll / teman / (temat namn) Om du går igenom FTP, eller från WordPress adminskärmen, expandera Utseende sidobar objekt och gå till Redaktör.

Öppna single.php i din favorit textredigerare, eller klicka bara på single.php till vänster om redigeringsskärmen från WordPress.

Först och främst sa Google att vi saknade en inmatningstitel. Träffa Hitta i din webbläsare eller redaktör och leta efter titeln(). Du kan se att den är omgiven av en H2 tagg, och i mitt fall med class =”Post titel” tillämpas på den.

Vi vill lägga till entry-titel klass till det också, så i mitt fall lade jag helt enkelt till det i klassdefinitionen av H2:

Strax under det säger Google att vi saknar något om när inlägget var uppdaterad. Jag har redan en klass =”datum” definition, så jag lägger bara till “uppdaterad” in i den också:

Slutligen saknar jag författarinformationen. För nu lägger jag till det strax efter det publicerade datumet. Om du redan har någon kod för författaren() någonstans, bara omger det med samma spänna taggar som jag har lagt till nedan. Detta berättar för Google vem författaren är, deras namn och omsluter det hela i en vcard.

Nu kontrollerar jag sidan igen Jag ser att alla fel har blivit fixade.

Som ett sista steg kommer jag att skicka in min webbplats till Google för att börja rita rika utdrag - det kommer inte nödvändigtvis att hända automatiskt, så du måste fylla i formuläret här och Google kommer att överväga dig för inkludering.

Recept i WordPress?

Det finns också några plugins för att lägga till receptmikroformat, men i skrivande stund hade Google uppdaterat sin mikroformatstil och ingen plugin gav giltiga resultat. Om du publicerar recept på din blogg, föreslår jag att du håller ögonen på både hRecipe och RecipeSEO-plugins, vilket jag säkert kommer att uppdatera snart för att återspegla de senaste formatförändringarna.

Slutsats och vidare läsning:

Lägga till recensioner eller recept Rikt utdata är enkelt med GDStarRatings, men om ditt tema inte redan är kompatibelt för ytterligare författare och posta metadata som behövs, kan du kanske hitta att Google inte vill lista din webbplats. Om du får samma fel som jag gjorde, följ koden handledning noga och var noga med att säkerhetskopiera filen om du skriver ett typsnitt. Nästa vecka börjar jag en serie artiklar som ser djupt ut på att skapa ett wordpress-tema och strukturen av teman så att du kan redigera dina egna lite mer, men för nu om du fortfarande får riktiga utdragsfel kan du då fråga en fråga på Q & A-forumet, eller posta i kommentarerna nedan, och jag gör mitt bästa för att fixa dem för dig.

  • Mikroformaten wiki är en stor teknisk info
  • En blogg inte obegränsat är en mer praktisk handledning om hur man använder mikroformat
  • Detta blogginlägg från 2007 förklarar lite mer om att lägga till mikroformat till din wordpress och var ovärderligt när jag försökte räkna ut det här.
  • Titta på bra HTML-kodande exempel 8 Bästa webbsidor för kvalitets HTML-kodningsexempel 8 Bästa webbsidor för kvalitets HTML-kodningsexempel Det finns några fantastiska webbplatser som erbjuder väl utformade och användbara HTML-kodande exempel och handledning. Här är åtta av våra favoriter. Läs mer här

Utforska mer om: Blogging, Wordpress, Wordpress-plugins.