Reklame

Jeg skrev for et par uger siden om hvordan Google ændrede søgeresultater dramatisk Hvad semantisk markup er & hvordan det vil ændre Internettet for evigt [Teknologi forklaret] Læs mere ved at inkludere mere og mere semantisk information - eller hvad Google kan lide at referere til som Rich Snippets.

Senest var dette i form af metadata for opskrifter, såsom ingredienser eller tilberedningstid. Hvis du kører en WordPress-blog baseret på anmeldelser af noget, er det nemt at tilføje semantisk markup.

Dog kan du opleve, at dit valgte blog-tema kaster et par fejl, så lad os se på et passende plugin, og hvordan du håndterer nogle af de fejl, du måtte se.

GD StarRatings:

Hvis du foretager nogen form for anmeldelser på din blog, GDStarRatings er et absolut must-have plugin, og jeg har brugt det lige fra starten på mit iPad brætspil site for at give læserne mulighed for at bedømme spil, de har spillet.

wordpressreview-uddrag

Denne plugin har eksisteret i lang tid, og udviklerne var tankevækkende nok til at inkludere Rich Snippet-markering siden sidste år. I modsætning til det nye opskriftsmikroformat er markeringen og reglerne for anmeldelser længe blevet etableret, så pluginet selv producerer godt formateret gennemgangskode uden nogen Google-valideringsfejl.

instagram viewer

Lad os se hurtigt på installationen og få konfigureret plugin, da det kan være lidt skræmmende med alle de tilgængelige muligheder. Lad os først hente det fra WordPress-interface.

Wordpress rig uddragsundersøgelse

Efter aktivering tilføjer plugin som standard en vurderingsblok, a tommelfingeren blok, og kommentarvurderinger.

gennemgang af rig uddrag

Lad os deaktivere nogle af dem, som vi ikke har brug for. Udvid det nye vurderingsafsnit på din admin sidepanel, og klik på Indstillinger. Start med at deaktivere “tommelfingeren” -vurderinger ved at klikke på det grønne tommelfingere-ikon ved siden af ​​ordets artikel (se skærmbilledet). Fravælg alle indstillingerne for Indsæt automatisk klassificeringskode, og det skulle fjerne dem.

gennemgang af rig uddrag

Jeg gik foran og gjorde det samme for alle andre automatisk indsatte klassificeringsblokke undtagen for den vigtigste artikelstjerneklassificering, som er den eneste, jeg ønsker.

Gå over til Googles rigtige kodestiks testværktøj her, og indtast URL'en til en af ​​dine anmeldelser.

hvordan man tilføjer bloguddrag på et websted

Efter at have kørt gennem testværktøjet, kan du muligvis finde nogle flere fejl, som jeg gjorde, men disse vil være relateret til dit individuelle tema snarere end klassificeringsplugin. For eksempel fandt jeg på mit tema, at selv sådanne enkle semantiske oplysninger som "entry-title”Blev ikke tilføjet. For at løse disse skal du kende lidt HTML.

Advarsel: Mangler det krævede felt "entry-title".

Advarsel: Mangler det krævede felt "opdateret".

Advarsel: Mangler påkrævet hCard “forfatter”.

Åbn temamappen på din blog, der findes på wp-indhold / temaer / (navn på tema) Hvis du går gennem FTP eller fra WordPress-administra-tionsskærmen, skal du udvide Udseende sidebjælkeelement og gå til Editor.

Åben op single.php i din foretrukne teksteditor, eller bare klik på single.php til venstre for redigeringsskærmen fra WordPress.

Først og fremmest fortalte Google os, at vi mangler en indgangstitel. Hit Finde i din browser eller editor og kigge efter titlen(). Du kan se det er omgivet af en H2 tag, og i mit tilfælde med class =”POST_TITLE” anvendt på det.

hvordan man tilføjer bloguddrag på et websted

Vi vil tilføje entry-title klasse til det også, så i mit tilfælde tilføjede jeg simpelthen det til klassedefinitionen af ​​H2:

hvordan man tilføjer bloguddrag på et websted

Lige under det fortæller Google, at vi også mangler noget om, da indlægget var opdateret. Jeg har allerede en klasse = ”dato” -definition, så jeg tilføjer simpelthen “opdateret” til den også:

hvordan man tilføjer bloguddrag på et websted

Endelig mangler jeg forfatteroplysningerne. For øjeblikket tilføjer jeg det lige efter den offentliggjorte dato. Hvis du allerede har noget kode til forfatteren() et eller andet sted, bare omring det med det samme span tags, som jeg har tilføjet nedenfor. Dette fortæller Google, hvem forfatteren er, deres navn og omslutter det hele i et vcard.

Sådan tilføjes Rich Snippets til anmeldelser til din WordPress Blog vcard fix

Når jeg kontrollerer siden igen, ser jeg, at alle fejlene er rettet.

gennemgå uddrag

Som et sidste trin vil jeg sende mit websted til Google til at begynde at tegne rige uddrag fra - det sker ikke nødvendigvis automatisk, så du skal udfyld formularen her og Google overvejer dig for inkludering.

Opskrifter i WordPress?

Der er også et par plugins til at tilføje opskriftsmikroformater, men på skrivende tidspunkt havde Google opdateret deres mikroformatstil, og ingen af ​​pluginerne gav gyldige resultater. Hvis du udgiver opskrifter på din blog, vil jeg foreslå, at du holder øje med begge dele hRecipe og RecipeSEO plugins, som jeg er sikker på, vil snart blive opdateret for at afspejle de nylige formatændringer.

Konklusion og yderligere læsning:

Tilføjelse af anmeldelser eller opskrifter Rich Snippet-data er let med GDStarRatings, men hvis dit tema ikke allerede er kompatibel med den nødvendige ekstra forfatter og postmetadata, kan du opleve, at Google ikke er villig til at liste dit websted. Hvis du får de samme fejl, som jeg gjorde, skal du følge kodetutorials nøje og sørge for at lave en sikkerhedskopi af filen, hvis du opretter en skrivefejl. I næste uge begynder jeg en serie artikler, der kigger dybt ind på at oprette et wordpress-tema og strukturen af ​​temaer, så du kan redigere dine egne lidt mere, men for nu, hvis du stadig får Rich Snippet-fejl, er du velkommen til at stille et spørgsmål på spørgsmål om spørgsmål og spørgsmål eller skrive i kommentarerne herunder, og jeg vil gøre mit bedste for at rette dem op for du.

  • Det mikroformater wiki er en stor teknisk info
  • En blog ikke ubegrænset er en mere praktisk tutorial til, hvordan man bruger mikroformater
  • Dette blogindlæg fra 2007 forklarer lidt mere om at tilføje mikroformater til din wordpress, og var uvurderlig, mens jeg prøvede at finde ud af dette.
  • Se på gode HTML-kodningseksempler 8 bedste websteder til HTML-kodningseksempler af kvalitetDer er nogle fantastiske websteder, der tilbyder godt designede og nyttige HTML-kodningseksempler og tutorials. Her er otte af vores favoritter. Læs mere her

James har en BSc i kunstig intelligens og er CompTIA A + og Network + certificeret. Han er hovedudvikler af MakeUseOf og bruger sin fritid på at spille VR paintball og brætspil. Han har bygget pc'er siden han var barn.