it-swarm.com.de

Automatische Anpassung der Größe des Twitter-Kartenbilds an die Twitter-Zeitachse

mein Code sieht so aus

    <meta property='og:description' content='<?php echo($description) ?>' />
    <meta property='og:title' content='<?php echo($title) ?>' />
    <meta property='og:image' content='<?php echo($imageSrc) ?>' />
    <meta property="og:image:width" content= "280" />
    <meta property="og:image:height" content= "150" />
    <meta name="Twitter:card" content="summary_large_image">
    <meta name="Twitter:title" value="<?php echo($title) ?>" >
    <meta name="Twitter:description" value="<?php echo($description) ?>" >
    <meta name="Twitter:site" value="Wedding Paper Love" />
    <meta name="Twitter:creator" value="<?php echo($author) ?>" />
    <meta name="Twitter:image" value=""<?php echo($imageSrc) ?>" />
    <meta name="Twitter:image:width" value= "280" />
    <meta name="Twitter:image:height" value= "150" />

Die Twitter-Karte wird überprüft, aber das Bild wird auf der Timeline so angezeigt enter image description here

wie kann ich das Twitter-Kartenbild so anzeigen lassen?

enter image description here

irgendwelche Hinweise? danke Maria

1
user2018878

Dies ist leider nicht möglich. Die Meta-Tags Twitter:image:width und Twitter:image:height wurden nur für die Twitter PhotoCard unterstützt, die jedoch am 3. Juli 2015 abgeschrieben wurde. Die Zusammenfassungskarte mit großem Bild (die Sie verwenden) unterstützt das Ändern der Größe nicht des bereitgestellten Bildes. Basierend auf der Twitter-Dokumentation sollte das im Meta-Tag verlinkte Bild mindestens 280 Pixel breit und 150 Pixel hoch sein. Wenn Sie das Seitenverhältnis beibehalten möchten, müssen Sie die Höhe des Bildes (wie im Quellbild durch Skalieren) so weit erhöhen, dass die Breite auf 280px skaliert wird. Es scheint sowieso nicht zu geben, dieses Verhalten bei Twitter zu ändern, und ich vermute, dass es eher mit CSS-Regeln zu tun hat, die das Bild verbreitern, ohne die entsprechende Höhe anzupassen, um das Seitenverhältnis beizubehalten.

Sie müssen die Meta-Tags height und width entfernen, da diese nicht unterstützt werden und größere Bilder verwenden.

Als Randnotiz gibt es eine harte Grenze, dass das Bild weniger als 1 MB groß sein muss, so dass Sie selbst wenn Sie es auf eine größere Größe skalieren, sicherstellen müssen, dass die endgültige Dateigröße unter 1 MB bleibt.

1