<meta property="og:image" content="url to image" /> ... nicht valide

**derRenner** · 22.03.2013, 17:07

Hallo,

ich habe mir im zusätzlichen <head>-Tags im Layout noch diesen meta-tag eingefügt

Code:

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

Jetzt bekomm ich aber über den HTML-Validator (FF) eine Fehlermeldung - diese zeigt auf das "=" gleich nach dem 'property'

Fehler Zeile 43 Position 15 there is no attribute "property"

Kann mir jemand weiterhelfen, wo da genau der Fehler liegt?

Grüsse
Bernhard

**Thoni** · 22.03.2013, 17:53

Das Attribut property ist nicht valide = standardgemäß.
Ich würde es jedoch trotzdem nutzen.

Vielleicht wird es mal im Standard aufgenommen.

Bitte berichtigt mich, wenn es nicht stimmt.

Gruß
thoni

**derRenner** · 22.03.2013, 18:53

Danke für die rasche Antwort!

Nun habe ich ein wenig im I-Net gesucht und wurde mit ein paar php-Zeilen fündig, welche es scheinbar schaffen, dass der meta-tag mit property valide wird.
Hier mal der Code:

Dieser Teil fragt ab, ob Facebook auf meine Seite zugreift:

PHP-Code:


<?php

function is_facebook(){

if($_SERVER['HTTP_USER_AGENT'] == 'facebookexternalhit/1.1

(+http://www.facebook.com/externalhit_uatext.php)')

return true;

}

?>

Und dieser Teil gibt dann die Werte aus wenn 'true'

PHP-Code:


<?php if(is_facebook()){?>

<meta property="og:image" content="http://www.meineSite.com/files/image.jpg" />

<?php }?>

Ich habe beide php-Blöcke in die zusätzlichen <head>tags im Layout eingetragen.
Trotzdem bleibt die Fehlermeldung UND Firefox bringt in der Fehlerauswertung dieser php-Zeilen in ROTER Farbe ... deshalb gehe ich davon aus, dass diese gar nicht "erkannt"/"umgesetzt" werden.
Da ich mich mit PHP nicht auskenne ... was ist falsch? Oder kann ich die php-Zeilen nicht so einfach im <head> plazieren?

Oder gibt es eine andere Lösung, wie ich das Vorschaubild in Facebook valide hinbekomme?

Grüsse
Bernhard

**derRenner** · 22.03.2013, 20:11

so, nachdem ich das mit dem PHP nicht hinbekomm hab ich mal weitergesucht und hab da noch was gefunden:

das 'property' wird bei XHTML-Strict scheinbar dann valide, wenn man in den Doctype anpasst - und zwar so:

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML+RDFa 1.0//EN" "http://www.w3.org/MarkUp/DTD/xhtml-rdfa-1.dtd">

Wobei sich da für mich natürlich wieder ein Problem auftut ... wie und wo ändere ich den Doctype? Ich denke mal im template fe_page, oder?
Falls JA, hat jemand ein HowTo für mich?

**Thoni** · 22.03.2013, 20:25

Hi,

im Template steht

PHP-Code:


<?php echo $this->doctype; ?>

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="<?php echo $this->language; ?>" lang="<?php echo $this->language; ?>">

<head>

das kannst du dann so anpassen, wie du es benötigst.

Unter Layout -> Templates -> neues Template wählst du fe_page.xhtml aus.
Dann kannst du es bearbeiten.

Gruß
Thoni

**derRenner** · 22.03.2013, 20:35

Nein, leider nicht - da war ich schon am versuchen ... da muss ich wohl direkt hierauf zugreifen "<?php echo $this->doctype; ?> " also auf den 'doctype'
Im template selbst, wenn ich das so richtig erkannt habe, kann ich das nicht ändern.

nun ja, mal weitersuchen und vllt. weiss ja noch jemand was dazu

**Thoni** · 22.03.2013, 20:44

Kannst du nicht

'<?php echo $this->doctype; ?>'

löschen und

'<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML+RDFa 1.0//EN" "http://www.w3.org/MarkUp/DTD/xhtml-rdfa-1.dtd">'

dafür einsetzen?

**derRenner** · 22.03.2013, 20:57

jop, das konnte ich ersetzen und der Doctype wird auch ersetzt und das 'property' ist jetzt valide
ABER: jetzt jammert der Validator wegen dieser Zeile

und zwar wegen dem "=" bei 'lang="de" (also, das zweite 'lang')

there is no attribute "lang"

Kennst du evtl. das Problem mit dem PHP im <head>? Vielleicht ist das ja des Rätsels Lösung und ich bräuchte den Doctype gar nicht anpassen ...

**Thoni** · 22.03.2013, 21:03

Ich dachte mir schon, dass diese Zeile nicht zu dem DocType passt.

Schau noch mal auf der Seite nach, von der du den DocType hast.
Vielleicht steht da noch mehr zu.

**derRenner** · 22.03.2013, 21:07

Ne, da steht nicht mehr zum Doctype ...
Hier mal der Link dazu

Hier ist eigentlich ganz simpel beschrieben wie's funktionieren kann - tut's bei mir aber nicht. Eigentlich wär das einfachste ja, die PHP-Schnipsel im <head> einzubinden (glaube ich zumindest ^^) ... aber wie erwähnt das bringt nur ROTE Zeilen im Validator und valide ist's trotzdem nicht

**Thoni** · 22.03.2013, 21:07

Schau mal hier

Für das 'ar' hinter 'lang' musst du <?php echo $this->language; ?> einsetzen.

Bei dem dir="rtl" bin ich momentan überfragt.

**derRenner** · 22.03.2013, 21:19

nein, auch kein Erfolg ... und das 'rtl' steht wohl für 'right to left' also die Schreibrichtung

**derRenner** · 22.03.2013, 21:33

OK - geschafft!
Hab den PHP-Snippet jetzt mal direkt ins Template fe_pageXX geschrieben.

Also geändert/eingefügt wurde dieser Teil:

PHP-Code:


<?php

function is_facebook(){

if(!(stristr($_SERVER["HTTP_USER_AGENT"],'facebook') === FALSE))

return true;

}

?>

<?php if(is_facebook()){?>

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

<?php } ?>