it-swarm.com.de

Können Open Graph-Eigenschaften auch für andere Tags als Meta / Link verwendet werden?

meta und link Elemente erzeugen manchmal eine Art Redundanz im Markup. Beispielsweise gibt es bereits ein title -Element. Um jedoch eine og:title -Eigenschaft zu deklarieren, müsste ein separates meta -Element wie <meta property="og:title" content="Some Title" /> hinzugefügt werden. Der explizite Inhalt des ersteren und der Attributinhalt des letzteren sind normalerweise gleich.

Jetzt können Sie mit Validatoren einfach <title property="og:title">Some Title</title> ausführen (während das Hinzufügen des content -Attributs nicht zulässig ist). Die Frage ist, ob dies Facevook und anderen helfen wird, ihre Arbeit zu erledigen. Oder vielleicht sogar so etwas wie <title property="og:title schema:name">Some Title</title>?

Eine ähnliche Sache mit og:image - das <meta property="og:image" content="http://example.com/thumbnail.jpg" /> ist mit der Verbindung des Hauptbildes überflüssig. Ist es in Ordnung (Validatoren werden nichts dagegen haben, aber wie wäre es mit Facebook?), <img property="og:image" src="http://example.com/thumbnail.jpg" alt="Some Alt" /> zu tun?

1

Es gibt zwei Perspektiven:

  • Was ist gültiges RDFa?
  • Was unterstützen Verbraucher (wie Facebook)?

Die erste Frage kann leicht beantwortet werden, indem die technischen Daten überprüft werden.
Der zweite Punkt hängt von jedem Verbraucher ab: Ist seine Dokumentation aktuell/genau/vollständig? Wie gut sind ihre Parser?

Für Verbraucher wäre es absolut sinnlos, nur einen Bruchteil von RDFa zu unterstützen. Es ist eine Spezifikation/ein Standard aus einem bestimmten Grund. Sie sollten nur einen der vielen konformen RDFa-Parser verwenden und mit den extrahierten Daten/Tripeln arbeiten. Wenn sie diese geparsten Daten haben, können sie dann entscheiden, welche Vokabulare (wie OGP oder Schema.org) sie unterstützen und verwenden.

Im Idealfall sollten sie nur angeben, welche Typen/Eigenschaften (wie og:name usw.) und welche Syntaxen (wie RDFa) sie unterstützen, und nicht nur "Definitionen", indem sie einige Markup-Snippets anzeigen, bei denen nicht klar ist, ob dies nur der Fall ist Beispiele oder wenn sie genau so verwendet werden müssen.

Sofern ihre Dokumentation nicht eindeutig ist und/oder sie nicht ein aktuelles Testwerkzeug bieten, müssen Sie es für jeden interessierten Verbraucher testen oder ihn fragen.

Aus der HTML5 + RDFa Perspektive…

Die Verwendung des property-Attributs von RDFa für das title -Element ist in Ordnung:

<title property="og:title">My favorite books - blog.example.com</title>

Es ist auch zulässig, das content -Attribut zusätzlich zu verwenden. Dies ist jedoch nur dann sinnvoll, wenn der Titel, den Sie für RDFa verwenden möchten, nicht mit dem vom Benutzer sichtbaren Titel identisch ist:

<title property="og:title" content="My favorite books">My favorite books - blog.example.com</title>

Die Verwendung von zwei oder mehr Eigenschaften ist ebenfalls in Ordnung:

<title property="og:title schema:name">My favorite books - blog.example.com</title>

Aus der RDFa-Perspektive spielt es keine Rolle, für welches Element Sie die og:image -Eigenschaft angeben, solange es sich um ein Element handelt, das einen URI als Wert erstellt.

Also mit

<meta property="og:image" content="http://example.com/thumbnail.jpg" />

ist ngültig HTML5 + RDFa (wenn Facebook-Dokumente so vorliegen, ändert dies nichts an dieser Tatsache).

Stattdessen könnte es zum Beispiel sein:

<link property="og:image" href="http://example.com/thumbnail.jpg" />
<img property="og:image" src="http://example.com/thumbnail.jpg" alt="Foo" />
1
unor