Hoe Rich snippets voor beoordelingen aan uw WordPress Blog toevoegen

Ik schreef een paar weken geleden over hoe Google de zoekresultaten dramatisch veranderde Wat semantische markup is en hoe het het internet voor altijd zal veranderen [technologie verklaard] Wat semantische markup is en hoe het het internet zal veranderen [technologie verklaard] Lees meer door meer en meer semantische informatie - of wat Google graag verwijst naar Rich Snippets.

Meest recent was dit in de vorm van recept-metagegevens, zoals ingrediënten of kooktijd. Als u een WordPress-blog uitvoert op basis van recensies van wat dan ook, is het eenvoudig om semantische opmaak toe te voegen.

Het is echter mogelijk dat het door u gekozen blogthema een paar fouten bevat, dus laten we een geschikte plug-in bekijken en zien hoe u kunt omgaan met enkele van de fouten die u mogelijk ziet.

GD StarRatings:

Als je beoordelingen op je blog plaatst, is GDStarRatings een absolute must-have plug-in, en ik gebruik het al vanaf het begin op mijn iPad Board Games-site om lezers in staat te stellen spellen te waarderen die ze hebben gespeeld.

Deze plug-in bestaat al een tijdje en de ontwikkelaars waren attent genoeg om Rich Snippet-markup op te nemen sinds vorig jaar. In tegenstelling tot het nieuwe Recept-microformaat, zijn de markeringen en regels voor beoordelingen al lang vastgesteld, dus de plug-in zelf produceert goed geformatteerde beoordelingscode zonder Google-validatiefouten.

Laten we even kijken naar het installeren en installeren van de plug-in, omdat het een beetje beangstigend kan zijn met alle opties die voor u beschikbaar zijn. Laten we het eerst downloaden vanuit de WordPress-interface.

Na activering voegt de plug-in standaard een toe beoordelingsblok, een duim omhoog, en commentaar ratings.

Laten we een aantal uitschakelen dat we niet nodig hebben. Vouw het nieuwe beoordelingsgedeelte in uw beheerderszijbalk uit en klik op instellingen. Begin met het uitschakelen van de “duimen omhoog” beoordelingen door te klikken op het groene pictogram met de duim omhoog naast het woordartikel (bekijk de schermafbeelding). Deselecteer alle opties voor Classificatiecode automatisch invoegen, en dat zou ze moeten verwijderen.

Ik ging door en deed hetzelfde voor alle andere automatisch ingevoegde beoordelingsblokken, behalve de hoofdartikel-sterbeoordeling die de enige is die ik wil.

Testen met de tool voor het testen van rich snippets van Google:

Ga hier naar de testtool voor rich snippets van Google en voer de URL in van een van uw recensies.

Nadat u de testtool hebt doorlopen, vindt u mogelijk nog meer fouten, maar deze zijn gerelateerd aan uw individuele thema in plaats van de classificatieplug-in. Op mijn thema ontdekte ik bijvoorbeeld dat zelfs eenvoudige semantische informatie zoals “entry-titel” werd niet toegevoegd. Om deze te verhelpen, moet u een beetje HTML weten.

Waarschuwing: ontbreekt vereist veld “entry-titel”.

Waarschuwing: ontbreekt vereist veld “bijgewerkt”.

Waarschuwing: ontbrekende vereiste hCard “schrijver”.

Open de themamap van je blog, te vinden op wp-content / themes / (naam van het thema) als u FTP gebruikt of vanuit het WordPress beheerdersscherm, vouwt u het Verschijning zijbalkitem en ga naar Editor.

Doe open single.php in je favoriete teksteditor, of klik gewoon op de single.php links van het bewerkerscherm vanuit WordPress.

Eerst vertelde Google ons dat we een ingangstitel mis hadden. Raken Vind in uw browser of editor en zoek naar de titel(). Je kunt zien dat het omringd is door een H2 tag, en in mijn geval met de class =”POST_TITLE” erop toegepast.

We willen de entry-titel klasse ook, dus in mijn geval heb ik dat simpelweg toegevoegd in de klassendefinitie van de H2:

Net daaronder vertelt Google ons dat we ook iets missen over wanneer het bericht was bijgewerkt. Ik heb al een klasse =”datum” definitie, dus ik voeg gewoon toe “bijgewerkt” in die ook:

Ten slotte mis ik de auteursinformatie. Voor nu voeg ik het toe net na de gepubliceerde datum. Als je al een code hebt voor de auteur() ergens, omring het gewoon met hetzelfde span tags zoals ik hieronder heb toegevoegd. Dit vertelt Google wie de auteur is, hun naam en sluit het hele ding in a in vcard.

Nu ik de pagina opnieuw controleer, zie ik dat alle fouten zijn verholpen.

Als laatste stap zal ik mijn site voor Google indienen om rich snippets te laten maken van - dit gebeurt niet automatisch, dus u moet hier het formulier invullen en Google zal u overwegen om te worden opgenomen.

Recepten in WordPress?

Er zijn ook een paar plug-ins voor het toevoegen van microformaten voor recepten, maar op het moment van schrijven heeft Google hun microformatiestijl bijgewerkt en geen van de plug-ins heeft geldige resultaten opgeleverd. Als u recepten publiceert op uw blog, raad ik u aan beide hRecipe- en RecipeSEO-plug-ins in de gaten te houden. Ik weet zeker dat deze binnenkort zullen worden bijgewerkt om de recente wijzigingen in het formaat te weerspiegelen..

Conclusie en verder lezen:

Het toevoegen van beoordelingen of recepten Rich Snippet-gegevens zijn eenvoudig met GDStarRatings, maar als uw thema nog niet compatibel is voor de aanvullende auteur en meta-gegevens nodig heeft, dan ziet u mogelijk dat Google niet bereid is om uw site te vermelden. Als je dezelfde fouten krijgt als ik, volg dan de code zelfstudie en zorg ervoor dat je een back-up maakt van het bestand voor het geval je een typefout maakt. Volgende week begin ik met een reeks artikelen die diepgaand kijken naar het maken van een WordPress-thema en de structuur van thema's, zodat je je eigen iets meer kunt bewerken, maar voor nu als je nog steeds Rich Snippet-fouten krijgt, vraag je dan gerust om een vraag op het V & A-forum, of plaats in de reacties hieronder, en ik zal mijn best doen om ze voor je te maken.

• De microformats-wiki is een geweldige technische informatie
• Een Blog Not Unlimited is een meer praktische tutorial over het gebruik van microformats
• Deze blogpost uit 2007 legt een beetje meer uit over het toevoegen van microformats aan je wordpress en was van onschatbare waarde toen ik probeerde dit uit te zoeken.
• Kijk naar goede HTML-codeervoorbeelden 8 Beste websites voor kwaliteits-HTML-coderingsvoorbeelden 8 Beste websites voor kwaliteit HTML-coderingsvoorbeelden Er zijn enkele geweldige websites die goed ontworpen en bruikbare HTML-codeervoorbeelden en tutorials bieden. Hier zijn acht van onze favorieten. Lees hier meer

Ontdek meer over: Bloggen, WordPress, WordPress plug-ins.