microdata vs. css
<span itemprop="priceCurrency" content="EUR">€</span> <span itemprop="price" content="5.30">5,30</span>
Nu vraag ik me af of het kwaad kan als je op de prijs (zoals de bezoeker die ziet) css toepast. Bijvoorbeeld dat je zoiets doet:
<span itemprop="price" content="5.30"><span class="big_and_blue">5</span><span class="small_text">,30</span></span>
Er staat nu dus opgemaakte tekst binnen de microdata span tag. Kan dat kwaad? Laat een zoekmachine die tekst überhaupt zien, of wordt simpelweg de waarde van 'content' gebruikt. In dit voorbeeld die 5.30 ?
Weet iemand dit toevallig?
Het is alleen wel een mash-up die in de praktijk nog wel eens leidt tot een mess-up. ;-)
Een apart blok met JSON is gemakkelijker te maken en onderhouden, ook in je PHP-code en database.
Lol :-)
>> Dat is goed hoor! Het is technisch zelfs beter als je de microdata of metadata rechtstreeks toepast op het element dat de gebruiker ook ziet.
Oké ... maar wat doet Google hier dan mee?
In het voorbeeld geef ik dus aan WAT de prijs is d.m.v.
<span class="big_and_blue">5</span><span class="small_text">,30</span>
Gaat Google nou niet per ongeluk deze string letterlijk ergens tussen de zoekresultaten zetten, waardoor gebruikers letterlijk die tekst (inclusief html-tags) zien staan? Of toont Google uitsluitend de prijs zoals ik die ik hier in 'content' instel?
<span itemprop="price" content="5.30">
Overigens wordt ik een beetje verdrietig van al die span's, de .big_and_blue span kan worden verwijderd en gebruik maken van de inherit styles van de price span en de .small_text span lijkt een prima optie voor een <small> element.
Oké top, thanks!
>> Overigens wordt ik een beetje verdrietig van al die span's ...
Het was een voorbeeldje om te illustreren wat ik bedoelde. In de praktijk kan het inderdaad beter.
>> ... lijkt een prima optie voor een <small> element.
Hier moet je wel even mee uitkijken. <small> heeft een semantische betekenis. Het is niet bedoeld voor opmaak-doeleinden, maar om "de kleine lettertjes" aan te geven. Denk aan bijv. zoiets:
Code (php)
1
2
3
4
2
3
4
<p>
Nu tijdelijke verkrijgbaar voor 10 EURO, dus profiteer!!
<small>onze algemene voorwaarden zijn van toepassing</small>
</p>
Nu tijdelijke verkrijgbaar voor 10 EURO, dus profiteer!!
<small>onze algemene voorwaarden zijn van toepassing</small>
</p>
Gewijzigd op 08/04/2017 16:39:56 door Ozzie PHP
Quote:
Hier moet je wel even mee uitkijken. <small> heeft een semantische betekenis. Het is niet bedoeld voor opmaak-doeleinden, maar om "de kleine lettertjes" aan te geven. Denk aan bijv. zoiets:
De vraag is of deze semantische betekenis niet precies is wat je hier wilt bereiken. Door het groot maken van de hele euro's en het klein maken van de centen leg je de nadruk op de hele euro's. Het gaat blijkbaar om de euro's, dat er nog 99 cent (laten we t realistisch houden ;) bij komt is schijnbaar veel minder belangrijk. Dat komt wat mij betreft dicht genoeg bij, als niet precies overeen met, "de kleine lettertjes".
In dit geval zijn echter ook de 'kleine lettertjes' niet heel klein en is het puur een opmaak-kwestie :-) Dus ik zou zelf dan niet voor <small> kiezen, maar misschien valt er iets voor te zeggen.
Nu ik echter dit lees, dan zou ik toch aanraden het in dit geval niet te gebruiken:
https://www.w3.org/wiki/HTML/Elements/small