Hintergrundbild blockiert Open-Graph-Tags

24.11.2020 14:25
#1
avatar

Wenn ich der Seite über "Design" ein Hintergrundbild zuweise, dann scheint dies irgendwie die Open-Graph-Tags zu "überschreiben".
Wenn ein Link geteilt wird, wird als Vorschaubild das Hintergrundbild verwenden und nicht das über den OG-Tag definierte Bild.
Hat jemand das gleiche Problem beobachten könne und weiß evtl. Abhilfe?
LG Rene


 Antworten

 Beitrag melden
27.11.2020 03:21
avatar  az_
#2
avatar
az_

...das löse ich mit einem shop-Produkt. Das Bild eines solchen Elementes geniest nämlich Priorität und überschreibt die automatisch vom System vorgenommenen Einträge. Weiterer Vorteil: alle Einträge in dem Element werden vom System mit RichTextSnippets versehen - gut für Google. Und Titel / Beschreibung erscheinen beim sharing-Image auch. (ggf. muss man den fb-debugger starten, damit die Änderungen übernommen werden)

Für den Besucher blende ich das Element dann per CSS aus. Aber nicht mit display:none, sondern mit text-indent:-100vh und z-index:-1

LG, az


Achtung: Code im Forum bitte am besten mit der Schaltfläche für "Code" einkapseln!!! (= ) , oder den Code in Formatierungs-Klammern setzen (...zwischen "code" und "/code", jeweils in eckigen Klammern).

Achtung! Im neuen Layout ist die Formatierungsleiste versteckt! Klick auf das Smiley rechts oben über dem Text-Editorfenster, um die Formatierungssymbole einzublenden!


...und zuletzt: Bitte sendet mir keine privaten Nachrichten über das Forum! Bitte Nachrichten an mich nur per e-mail oder über das Kontaktformular auf meiner Webseite https://redesign-berlin.de

Wenn Ihr mich sucht, hier findet Ihr mich:
https://www.facebook.com/redesign.berlin
https://redesign-berlin.de
mailto:info@redesign-berlin.de


Spenden: Hier könnt Ihr unser Userforum finanziell unterstützen: page-644478-1.html


 Antworten

 Beitrag melden
02.12.2020 10:59
avatar  subcon
#3
avatar

Zitat von az_ im Beitrag #2
Für den Besucher blende ich das Element dann per CSS aus. Aber nicht mit display:none, sondern mit text-indent:-100vh und z-index:-1


könntest du so nett sein und dass kurz genauer erläutern bitte..!


 Antworten

 Beitrag melden
03.12.2020 13:42 (zuletzt bearbeitet: 03.12.2020 13:47)
avatar  az_
#4
avatar
az_

...ja, kann ich - und ich muss das auch noch erweitern.

Es ist nämlich so: Wenn du ein Shop-Product Element auf einer Jimdo Seite einsetzt, wird diese sogleich als Shop angelegt und die entsprechenden Links werden unten in der Zeile im footer hinzugefügt. Man kann die in den Shop-Einstellungen zwar wieder deaktivieren, aber das ist ein zusätzlicher Aufwand, wenn nicht ohnehin ein Shop auf der Seite liegen soll. Außerdem bekommt die Seite standardmäßig einen Warenkorb. Diese Links können aber alle zusammen mit einem einzigen CSS-Script ausgeblendet werden, wenn kein Shop auf der Seite sein soll.

Das 2. Problem ist "display:none;" : damit wird das Image dann zwar temporär eingebunden, aber u.U. nicht lange im Index, da der Bot evtl. merkt, dass da in Wirklichkeit kein Image auf der Seite dargestellt wird. Deshalb ist das zwar eine Möglichkeit, aber text-indent:-100vh funktioniert auch - und damit kommst Du ohne dieses verräterische display:none aus.

LG, az


Achtung: Code im Forum bitte am besten mit der Schaltfläche für "Code" einkapseln!!! (= ) , oder den Code in Formatierungs-Klammern setzen (...zwischen "code" und "/code", jeweils in eckigen Klammern).

Achtung! Im neuen Layout ist die Formatierungsleiste versteckt! Klick auf das Smiley rechts oben über dem Text-Editorfenster, um die Formatierungssymbole einzublenden!


...und zuletzt: Bitte sendet mir keine privaten Nachrichten über das Forum! Bitte Nachrichten an mich nur per e-mail oder über das Kontaktformular auf meiner Webseite https://redesign-berlin.de

Wenn Ihr mich sucht, hier findet Ihr mich:
https://www.facebook.com/redesign.berlin
https://redesign-berlin.de
mailto:info@redesign-berlin.de


Spenden: Hier könnt Ihr unser Userforum finanziell unterstützen: page-644478-1.html


 Antworten

 Beitrag melden
Bereits Mitglied?
Jetzt anmelden!
Mitglied werden?
Jetzt registrieren!