Twitter Cards - Ohne Plugin

  • Hallo,

    ich versuche Twitter Cards einzubauen.

    Der u.s. Code führt leider zu einem Error in Wordpress.

    https://www.wpbeginner.com/wp-tutorials/h…s-in-wordpress/

    Für Hilfe, Danke voraus.

    Stück Brot dabei..? - Danke, Google kenne ich..

    • Anzeige

    Hallo!

    Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

    • ✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
    • ✔️ Deutsche Server & DSGVO-konform
    • ✔️ Persönlicher Support (kein 0815-Ticket-System)

    Mehr erfahren


  • Der u.s. Code führt leider zu einem Error in Wordpress.

    und zu welchem Fehler führt der Code? der Code scheint richtig... Ohne Fehlermeldung kann man die Zeile jetzt nicht finden

    Hier kannst du deine Twitter Card prüfen.
    https://cards-dev.twitter.com/validator

    Auf meiner Startseite habe ich die Twitter Card für 3D-Modelle einbaut. https://blog.r23.de Wenn du etwas Funktionsfähiges sehen möchtest...

    Mit offenen Augen träumen

  • Ja, das funktioniert diesmal weil ich das PlugIn JM Twitter Cards installiert habe.

    Ich würde mir aber in die produktive Webseite ungerne das als PlugIn installieren.

    Stück Brot dabei..? - Danke, Google kenne ich..

  • Mit welcher genauen URL testest Du Deinen Code? Schau den HTML-Quelltext der getesteten URL an, evtl. wird Dein Code wegen der Bedingungen is_single() bzw. is_page() gar nicht ausgegeben. Derzeit kann man Deinen Code nicht testen, er ist offenbar nicht aktiv.

  • Ich habe mir jetzt die Meta-Tags statisch eingefügt. Funktioniert erstmal. Ich schau mal ob ich was gebastelt bekomme um das Beitragbild als Large-Image dynamisch zu bekommen. Dann bin ich zufrieden mit der Lösung

    Stück Brot dabei..? - Danke, Google kenne ich..

  • Hab mir einfach mal die Lösung Custom-Field genommen.
    Funktioniert auch. (s.u.). Das reicht mir auch so, da es bei mir nur daraum geht die Seiten zu posten. Davon hab ich max. 15.

    Frage wäre jetzt noch. Muss ich in meinem Twitter-Account TwitterCards jetzt noch extra freischalten?

    Danke voraus.

    Stück Brot dabei..? - Danke, Google kenne ich..

  • Hab mir einfach mal die Lösung Custom-Field genommen.

    o.k. wenn es funktioniert.

    Ich verwende dafür

    https://developer.wordpress.org/reference/func…ment_image_src/
    https://developer.wordpress.org/reference/func…tachment_image/



    . Muss ich in meinem Twitter-Account TwitterCards jetzt noch extra freischalten?

    Nein... zumindest habe ich nichts eingerichtet... denke ich...

    Wenn jemand auf Twitter den Link zu deiner Seite teilt, wird deine Twitter Card angezeigt.

    Mit offenen Augen träumen

  • Danke.

    Wenn ich das richtig verstanden habe, müsste der u. s. Code funktioneren, ohne das ich in der functions.php noch etwas ändern muss.?

    Danke voraus.

    PHP
    <meta name="twitter:image" content="<?php $post_thumbnail = wp_get_attachment_image_src(get_post_thumbnail_id($post->ID),'large'); echo $post_thumbnail[0]; ?>">

    Stück Brot dabei..? - Danke, Google kenne ich..

  • Der Code würde wie gewünscht funktionieren, wenn man alle im o.g. Beispiel genannten Überprüfungen der Ergebnisse der API-Aufrufe auch prüfen würde und nur dann den Meta Tag ausgibt, wenn alles passt. Zudem siehe Hinweis zu 'large' oben.

  • PHP
    <meta name="twitter:image" content="<?php $post_thumbnail = wp_get_attachment_image_src(get_post_thumbnail_id($post->ID),'large'); echo $post_thumbnail[0]; ?>">


    Der Einzeiler ist nicht so gut.

    Bestimme zuerst ein Bild, was angezeigt werden soll, wenn kein Blid verwendet wurde:


    du kannst in der Funktion eigene Bildgrößen definieren
    nach dem Leitfaden von Adobe .
    https://www.adobe.com/de/express/discover/sizes/twitter
    Zitat
    Die ideale Bildgröße für Twitter Cards ist 800 px x 418 px mit einem Seitenverhältnis von 1,91:1. Bei App Cards kannst du 800 px x 800 px mit einem Seitenverhältnis von 1:1 verwenden.

    weitere Informationen von Twitter
    https://business.twitter.com/de/help/campai…ns.html#moments

    PHP
    <meta name="twitter:image" content="<?php echo $twitter_image; ?>">

    Mit offenen Augen träumen

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!