WebSeitenVorschau in Messengern SozialNetzwerken etc. beim Teilen ermöglichen =wie klappt das?

[Manuel Lemke]

Hi. Entwurf meiner Seite ist fast fertig, die Seite wurde mit Html und Css und wenig JavaScript selbst erstellt. Wenn man die Seite jetzt teilt, dann gibts im Gegensatz zu jeder beliebigen anderen kommerziellen WebSeite, keine Vorschau, zB. in Telegram, nur den reinen Link. Gibts dafür irgendwelche relevanten Parameter um SeitenVorschau zu ermöglichen? Was scannen Netzwerke um ScreenShot als Vorschau an zu bieten? Es ist nichts zu sehen, nichteinmal weiße leere Seite, sondern garnichts, nur der Hyperlink.

Teilen soll Vorschau erzeugen! Hat da mit jemand schon einmal gearbeitet, zufällig?


Danke.

 

[threadi]

Für Facebook und twitter und meines Wissens auch für Telegram wird das OpenGraph-Protokoll verwendet. Schau dich dazu mal um, gibt genügend Anleitungen.

 

[brainstuff]

Ich habe das noch nie versucht, aber ich würde meinen müssen, dass man das mit einem Bild von der Web-Seite macht dem man dann die Web-Seite als Link zuordnet. Kannst Du das bitte mal versuchen und uns hier berichten ob das geht?

Danke
brainstuff

 

[threadi]

Nein, das wird nichts. Das OpenGraph-Format wird von den Plattformen dagegen problemlos unterstützt. Und so schwer ist es nicht anzuwenden.

 

[Manuel Lemke]

Ich habe das noch nie versucht, aber ich würde meinen müssen, dass man das mit einem Bild von der Web-Seite macht dem man dann die Web-Seite als Link zuordnet. Kannst Du das bitte mal versuchen und uns hier berichten ob das geht?

Danke
brainstuff

Das klingt machbar! Wie ordne ich einem Bild ein Link zu (also nicht einzeln sondern Html in einer Nachricht)? Danke!

 

[basti1012]

Das klingt machbar! Wie ordne ich einem Bild ein Link zu (also nicht einzeln sondern Html in einer Nachricht)? Danke!

wie meinst du das ?
Ein Bild ein Link geben ist ja einfach

<a href="link"><img src="bild"></a>

Wenn du das meinst.

Ich habe das noch nie versucht, aber ich würde meinen müssen, dass man das mit einem Bild von der Web-Seite macht, dem man dann die Web-Seite als Link zuordnet.

Alle Bilder selber machen , oder mit einem Anbieter wie https://image.thum.io/get/width/850...rmoeglichen-wie-klappt-das.60538/#post-406851
Ich habe das mit ein PHP Script gemacht.
Alle Seiten in Schleife durchlaufen lassen und die Bilder dann gespeichert.
Da der Inhalt sich auf den meisten Seiten nicht ändert, kann man ja auf den gespeicherten Bildern zugreifen.
Bei dem kostenlosen Anbieter kann man nur eine bestimmte Anzahl von aufrufe/Bilder machen.
Deswegen aktualisiere ich nur einmal an Tag die geänderten Seiten.
Bei den Seiten, die keinen neuen Inhalt haben wird auf die gespeicherten Bildern zugegriffen.

 

[Manuel Lemke]

Hi Leute, Anders formuliert_ WARUM kann von einer Seite KEIN VorschauBild erzeugt werden?

Hab mir soweit im Web, Überblick verschafft. Fand bei suche nach open Graph das
<meta property="og:image" content="http://..../Logo.png" />
hat auch nichts gebracht.

Fand heraus, WebDienste verwenden sogenannte Crawler oder sollten das zumindest tun, das funktioniert angeblich automatisch, da sollte ein ScreenShot automatisch erzeugt werden. Irgedneins. Vielleicht nicht immer optimal, aber sollte etwas auf dem Bidlschirm zu sehen sein.

Trotzdem egal wo ich probier, Telegram WhattsApp, Facebook,... ist da nur der reine Link, nachdem paar Sekunden Vorschau Ergebnis los lädt.

 

[threadi]

Beachte, dass ein hinzugefügter OpenGraph-Eintrag von den meisten SocialMedia-Plattformen nicht adhoc erkannt wird. Sie nutzen einen Cache in dem ggfs. veraltete Daten stehen. Facebook bietet dazu einen Debugger an in dem man sich die aktuellen Daten forciert holen kann:

Sharing Debugger - Meta for Developers

developers.facebook.com

I.d.R. muss man je nach SocialMedia-Plattform unterschiedliche Zeit warten bis die aktuellen Daten für eine Vorschau verwendet werden. Erfahrungsgemäß sind das jedoch max. ein paar Stunden.

 

[Manuel Lemke]

Beachte, dass ein hinzugefügter OpenGraph-Eintrag von den meisten SocialMedia-Plattformen nicht adhoc erkannt wird. Sie nutzen einen Cache in dem ggfs. veraltete Daten stehen. Facebook bietet dazu einen Debugger an in dem man sich die aktuellen Daten forciert holen kann:

Sharing Debugger - Meta for Developers

developers.facebook.com

I.d.R. muss man je nach SocialMedia-Plattform unterschiedliche Zeit warten bis die aktuellen Daten für eine Vorschau verwendet werden. Erfahrungsgemäß sind das jedoch max. ein paar Stunden.

Hi klappt immer noch nicht. Mal anders gefragt, was HINDERT SOCIAL MEDIA DARAN, sich von der verlinkten Seite selbsständig nen Screenshot ab zu fotografieren
und der Meldung als Vorschau an zu fügen?

Zum Beispiel ich habe bereits Beschreibung als Text
<meta name="Description" content="NAMEmeinerWebSeite ... for House and Garden, renovation, installation, painting, move, clean, HouseHold, shopping, Party, Dj, Tourism, drive, delivery, CarTransfer, CarCleansing, Washing, Clothes, ">
da. Und warum lädt das nicht?
ZB. Telegram.

Solche Graph da gab es auch nen htmlCode für ScreenShot, aus einer Anleitung... und am Ende ging das nicht, aber geht mit jeder beliebigen anderen WebSeite (die nciht grad selbst gebaut ist).
Kann mir kaum vorstellen dass Netzwerke richtige selbst gebaute Seiten boykottieren würden, um irgednwelche GoogleSpionageCookieSpam Technik vor zu ziehen,
oder?

Also warum können die Netzwerke das nicht einfach automatisch scannen und so einfügen wies auf jedem beliebigen Monitor aussieht?

 

[threadi]

Zum Beispiel ich habe bereits Beschreibung als Text
<meta name="Description" content="NAMEmeinerWebSeite ... for House and Garden, renovation, installation, painting, move, clean, HouseHold, shopping, Party, Dj, Tourism, drive, delivery, CarTransfer, CarCleansing, Washing, Clothes, ">
da. Und warum lädt das nicht?

Weil das keine OpenGraph-Angabe ist sondern eine MetaDescription die z.B. von Google für die Suchergebnis-Ausgabe verwendet wird.

Solche Graph da gab es auch nen htmlCode für ScreenShot, aus einer Anleitung... und am Ende ging das nicht, aber geht mit jeder beliebigen anderen WebSeite (die nciht grad selbst gebaut ist).

Wie oben schon geschrieben musst Du den OpenGraph-Code verwenden wenn Du Daten bei Social Media als Vorschau anzeigen lassen willst.

Kann mir kaum vorstellen dass Netzwerke richtige selbst gebaute Seiten boykottieren würden, um irgednwelche GoogleSpionageCookieSpam Technik vor zu ziehen,
oder?

Das ist Unsinn.

Also warum können die Netzwerke das nicht einfach automatisch scannen und so einfügen wies auf jedem beliebigen Monitor aussieht?

Automatisierte Screenshots zu erstellen erfordert einigen technischen Aufwand und auch Zeit für die Erstellung. Schau dir z.B. mal https://browsershots.org/ an - wenn man dort Screenshots generieren will dauert das einige Zeit. Das kann man in modernen Seiten für Vorschaubilder nicht machen. Außerdem sollte der Webseiten-Betreiber ein Interesse daran haben selbst festlegen zu wollen was für ein Bild dort dann zu sehen ist. Daher gibt es OpenGraph, was auch von Millionen Webseiten erfolgreich eingesetzt wird.

Wieso es bei dir nicht geht kann man ohne Link zu deiner Seite nicht sagen.