Dartsellung der Webseite als Link bei Facebook

13.02.2020 16:01 (zuletzt bearbeitet: 13.02.2020 17:28)
avatar  Ilona
#1
Il

Hallo,
wenn ich die Webseite https://www.konsequent-ev.de auf Facebook posten möchte um sie bekannter zu machen, erscheint diese nur so wie im Screenshot dargestellt. Wie kann man das ändern? Ich weiss man muss einen Code in den Head schreiben, aber irgendwie habe ich noch nichts gefunden was mir hilft, bzw. ich verstehe.

Dasselbe passiert bei meiner Seite www.fraubucher.de, wie muss der Code sein, wenn ich das Bild, bzw Logo mit anzeigen möchte. Ich stelle mir das so vor wie beim 2. Screenshot.
Ist das auch abhännig vom Template oder gilt der Code dann für alle?

Vielen Dank!|addpics|svg-1-003a.png,svg-2-1367.png|/addpics|


 Antworten

 Beitrag melden
17.02.2020 13:56 (zuletzt bearbeitet: 17.02.2020 13:58)
avatar  az_
#2
avatar
az_

...das mit dem Code im head-Bereich war mal. Jetzt macht Jimdo das automatisch - und zwar gibt es da Prioritäten. z.B. wenn Du eine Bilder-Galerie auf der Seite hast, wird das erste Bild aus der Galerie genommen, auch wenn Du noch andere Bilder davor hast. Die höchste Priorität hat immer das Bild eines Shop-Produkt-Elementes. Das hat auch noch andere Vorteile, denn Google liebt die automatisch vergebenen Snippets beim Shop-Produkt.

TIPP: diese Elemente kann man auch auf den jeweiligen Seiten setzen, und dann per CSS im Besuchermodus ausblenden, wenn sie dort nicht erscheinen sollen (.cc-pagemode-default und position:fixed, z-index: -1 und ggf. sowie text-indent:-100vh, aber nicht display:none; ).

Welches Bild aktuell in fb erscheint, findest Du mit dem facebook-debugger heraus. Hier kannst Du auch "neu scrapen", wenn Du ein Bild verändert hast. Damit wird das neue Bild in die fb-Datenbank eingelesen.

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
18.02.2020 11:28
avatar  Ilona
#3
Il

Vielen Dank! Ich habe jetzt das Bild in eine Galerie eingefügt und nun klappts! ;)


 Antworten

 Beitrag melden
22.02.2020 21:48
avatar  Andrea
#4
avatar

Hallöchen,
Bisher hatte der u.g. CSS code funktioniert. Jetzt wird mir beim fb debugger zwar das richtige Bild bei fb angezeigt aber in der HP das shop Produkt nicht versteckt. Ich habe die HP umgestaltet und dadurch ist es wahrscheinlich passiert :-(


<link rel="stylesheet" href="https://redesign-berlin.lima-city.de/__project/hovawart-ajay/hovawart-ajay.css" type="text/css"/>

<script src="https://code.jquery.com/jquery-latest.min.js"></script>

<script src="https://redesign-berlin.lima-city.de/__project/hovawart-ajay/hovawart-ajay.js" type="text/javascript"></script>

für Hilfe bedanke ich mich im Voraus
LG Andrea


 Antworten

 Beitrag melden
26.02.2020 13:59
avatar  az_
#5
avatar
az_

...klar, das Skript wurde für ein spezifisches Bild-Element angelegt (#cc-m-8973404976 ) :

1
2
3
4
 
if (document.location.href.indexOf('hovawart-ajay.de') > 0) {
$('#cc-m-8973404976').addClass('fb-image');
}
 
 



Das war das fb-image, das ausgeblendet wurde. Du hast es wahrscheinlich gelöscht und durch ein anderes ersetzt. Deshalb greift das Skript nicht mehr.
Poste mal die URL der Seite, auf der das Bild auftaucht, dann kann das geändert werden.

Auf der Startseite Deiner Webseite https://www.hovawart-ajay.de/ finde ich es übrigens nicht! Da solltest Du es aber hin verschieben! (Du kannst ohne Jimdo-Business bis zu 5 Produkt-Elemente verwenden. Die müssen aber alle im Skript mit angelegt werden, und also dem Programmierer bekannt sein.)

LG, az


PS: Was soll der Graue Rand beim header-Bild? Den würde ich ganz schnell mal eliminieren!


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
26.02.2020 16:42
avatar  Andrea
#6
avatar

Hallöchen, habe das Produkt auf der Startseite wieder eingestellt. Die Umrandung habe ich entfernt ;-)

Jetzt ist es sichtbar aber das möchte ich ja nicht .......
LG Andrea


 Antworten

 Beitrag melden
26.02.2020 17:10
avatar  Andrea
#7
avatar

P.S du hattest mir den header code Bereich aufgeräumt und noch einige Empfehlungen zur Struktur der HP gegeben. Nachdem ich das so einigermaßen umgesetzt habe, habe ich wahrscheinlich auch etwas gelöscht :-(((((
LG Andrea


 Antworten

 Beitrag melden
08.04.2020 15:47
avatar  Andrea
#8
avatar

Hallöchen, leider bekomme ich es nicht hin, dass shop Produkt auf der Startseite zu verstecken um eine ordentliche Darstellung bei facebook zu haben. Wäre echt toll, wenn ich Hilfe bekommen würde.
Habe das Produkt auch erstmal entfernt weil es ja sonst jeder sieht.
Vielen Dank
Gruß
Andrea

www.hovawarte-vom-drei-tuermeweg.de


 Antworten

 Beitrag melden
09.04.2020 19:17 (zuletzt bearbeitet: 09.04.2020 19:20)
avatar  az_
#9
avatar
az_

Der Trick ist, dem Bild ein position:absolut zu geben und einen z-Index von -1. Benutze aber unbedingt .cc-pagemode-default, damit das Bild nur in der BesucherAnsicht verschwindet!

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
10.04.2020 08:20
avatar  Andrea
#10
avatar

Danke aber da kann ich nichts mit anfangen , bin Amateur auf dem Gebiet
Habe jetzt einfach die Startseite kopiert und versteckt. Auf dieser Seite das shop Produkt eingefügt, das funktoniert auch
trotzdem danke
Gruß Andrea


 Antworten

 Beitrag melden
09.08.2021 18:49 (zuletzt bearbeitet: 09.08.2021 18:55)
avatar  Andrea
#11
avatar

Hallo, ich habe folgendes gefunden aber es funktioniert nicht-kann mir vielleicht jemand helfen? Es wird nur der Name der Website bei fb angezeigt aber kein Bild

https://www.redesign-berlin.de/jimdo-tut...cebook-sharing/

Vielen Dank im Voraus
Gruß Andrea


 Antworten

 Beitrag melden
20.08.2021 10:56 (zuletzt bearbeitet: 20.08.2021 16:06)
avatar  az_
#12
avatar
az_

...dieses Tutorial müsste ich mal rausnehmen, es ist nicht mehr ganz aktuell. Auch am Icon mit der Franz. Flagge zu erkennen - das war damals, als die Islamiker unser Bataclan überfallen hatten. (https://de.wikipedia.org/wiki/Bataclan).

Du musst das Bild, wie oben schon erklärt, mithilfe eines Shop-Produktes einsetzen. Dieses wird immer noch mit Priorität behandelt und sofort für facebook und Twitter etc. verfügbar gemacht. Das Element kann man dann per CSS im Besuchermodus ausblenden. wenn Du das nicht schafft, poste hier einfach einmal die URL der Seite, dann kann Dir bestimmt jemand helfen.

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!